<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
.ic_close {
  position: absolute;
  right: 40px;
  top: 40px;
  background-image: url(https://www.ananda.co.th/images/layout/layout_sprite.svg);
  background-repeat: no-repeat;
  background-position: -234px 0;
  width: 16px;
  height: 16px;
  display: block;
  cursor: pointer;
  z-index: 99999
}
.page_sub_menu {
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 9999;
}
.page_sub_menu a, .page_sub_menu span {
  text-decoration: none !important;
  content: inherit !important;
  display: block
}
.page_sub_menu .warp_sub_menu_content {
  width: 100%;
  height: auto;
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0
}
.page_sub_menu .warp_sub_menu_content.active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1
}
.page_sub_menu .warp_sub_menu_content .warp_brand_content {
  width: 100%;
  height: auto
}
.page_sub_menu .warp_sub_menu_content .warp_brand_content .box_items {
  max-width: 1200px;
  text-align: center;
  padding: 25px 0;
  margin: 0 auto;
  min-height: 150px;
  line-height: 100px
}
.page_sub_menu .warp_sub_menu_content .warp_brand_content .box_items .-item-list {
  display: inline-block;
  margin-right: 5%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  cursor: pointer;
  font-size: 0;
  vertical-align: middle;
  line-height: normal
}
.page_sub_menu .warp_sub_menu_content .warp_brand_content .box_items .-item-list.activeAnimate {
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -khtml-opacity: .3;
  -moz-opacity: .3
}
.page_sub_menu .warp_sub_menu_content .warp_brand_content .box_items .-item-list:last-child {
  margin-right: 0
}
.page_sub_menu .warp_sub_menu_content .warp_brand_content .box_items .-item-list.active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1
}
.page_sub_menu .warp_sub_menu_content .warp_brand_content .box_items .-item-list.opa {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none
}
.page_sub_menu .warp_sub_menu_content .warp_brand_content .box_items .-item-list .logo_main {
  max-width: 100px;
  height: auto
}
.page_sub_menu .warp_sub_menu_content .warp_brand_content .box_items .-item-list .logo_main.hide {
  display: none
}
.page_sub_menu .warp_sub_menu_content .warp_brand_content .box_items .-item-list .logo_hover {
  max-width: 100px;
  display: none;
  height: auto
}
.page_sub_menu .warp_sub_menu_content .warp_brand_content .box_items .-item-list .logo_hover.show {
  display: block;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1
}
.page_sub_menu .warp_sub_menu_content .warp_project_list {
  max-width: 1200px;
  margin: 0px auto 0;
  height: auto
}
.page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list {
  max-width: 1220px;
  height: auto;
  text-align: center;
  margin-left: -10px;
  margin-right: -10px;
  overflow: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0
}
.page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list.active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1
}
.page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu {
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
  display: inline-block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -webkit-transition: opacity .7s ease-in-out;
  -moz-transition: opacity .7s ease-in-out;
  -ms-transition: opacity .7s ease-in-out;
  -o-transition: opacity .7s ease-in-out;
  transition: opacity .7s ease-in-out;
  vertical-align: top
}
.page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu.active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1
}
    .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project {
        width: 100%;
        max-height: 350px;
        overflow: hidden;
        position: relative;
        z-index: 1
    }
@media (max-width:1024px) {
    .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project {
        max-height: 290px;
    }
}

    .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 75%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 75%);
        content: '';
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
        -webkit-transition: opacity .35s, -webkit-transform .35s;
        transition: opacity .35s, transform .35s
    }

    .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_img_project {
        text-decoration: none;
        display: block;
        z-index: 1
    }

        .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_img_project .logo_brand {
            position: absolute;
            display: inline-block;
            left: 20px;
            top: 20px;
            z-index: 1
        }

            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_img_project .logo_brand img {
                width: auto;
                height: auto;
                max-height: 54px
            }

        .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_img_project .img-project {
            width: 100%;
            height: auto;
            display: block;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -ms-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease
        }

    .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project, .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content {
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        -webkit-transition: opacity .35s, transform .35s;
        -moz-transition: opacity .35s, transform .35s;
        -ms-transition: opacity .35s, transform .35s;
        -o-transition: opacity .35s, transform .35s
    }

    .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_img_project .img-project img {
        width: 100%;
        height: auto
    }

    .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project {
        position: absolute;
        z-index: 3;
        height: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: left;
        padding: 20px;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 75%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 75%);
        -o-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        transition: opacity .35s, transform .35s
    }

        .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .box_type {
            width: 100%;
            height: auto;
            margin-bottom: 5px
        }

            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .box_type .type_name {
                font-size: 16px;
                line-height: 18px;
                color: #FFF;
                letter-spacing: 0;
                text-transform: uppercase
            }

        .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .project_name {
            color: #FFF;
            line-height: 1.3em;
            letter-spacing: 0.03em;
        }

        .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content {
            height: 0;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -khtml-opacity: 0;
            -moz-opacity: 0;
            -o-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
            transition: opacity .35s, transform .35s
        }

            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_btn_view_more {
                width: 100%;
                height: auto;
                text-align: left;
                opacity: 0;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                filter: alpha(opacity=0);
                -khtml-opacity: 0;
                -moz-opacity: 0;
                -webkit-transform: translate3d(0, 10px, 0);
                -moz-transform: translate3d(0, 10px, 0);
                -ms-transform: translate3d(0, 10px, 0);
                -o-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
                -webkit-transition: opacity .35s, transform .35s;
                -moz-transition: opacity .35s, transform .35s;
                -ms-transition: opacity .35s, transform .35s;
                -o-transition: opacity .35s, transform .35s;
                transition: opacity .35s, transform .35s
            }

                .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_btn_view_more .view_more {
                    font-size: 18px;
                    position: relative;
                    display: inline-block;
                    overflow: hidden;
                    min-width: 140px;
                    padding: 8px;
                    text-align: center;
                    letter-spacing: 0;
                    text-decoration: none;
                    color: #FFF;
                    border: 2px solid #FFF;
                    -webkit-transform: scale(1);
                    -moz-transform: scale(1);
                    -ms-transform: scale(1);
                    -o-transform: scale(1);
                    transform: scale(1);
                    -webkit-transition: all .2s ease;
                    -moz-transition: all .2s ease;
                    -ms-transition: all .2s ease;
                    -o-transition: all .2s ease;
                    transition: all .2s ease
                }

            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .wrap_box_adventages {
                margin-top: 5px;
                display: block
            }

            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages {
                display: block;
                margin-top: 8px;
                width: 100%;
                height: auto
            }

                .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages:first-child {
                    margin-top: 0
                }

                .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list {
                    display: table;
                    width: 100%;
                    height: auto
                }

                    .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .box_ic_advt {
                        display: table-cell;
                        width: 28px;
                        height: auto;
                        vertical-align: top
                    }

                        .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .box_ic_advt .ic_ {
                            background-image: url(https://www.ananda.co.th/images/layout/layout_sprite.svg);
                            background-repeat: no-repeat;
                            display: block;
                            width: 28px;
                            height: 28px;
                            background-position-y: -280px
                        }

                            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .box_ic_advt .ic_.train {
                                background-position-x: 0
                            }

                            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .box_ic_advt .ic_.location {
                                background-position-x: -30px
                            }

                            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .box_ic_advt .ic_.price {
                                background-position-x: -60px
                            }

                            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .box_ic_advt .ic_.shop {
                                background-position-x: -90px
                            }

                            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .box_ic_advt .ic_.education {
                                background-position-x: -120px
                            }

                            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .box_ic_advt .ic_.hospital {
                                background-position-x: -150px
                            }

                            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .box_ic_advt .ic_.privilege {
                                background-position-x: -180px
                            }

                            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .box_ic_advt .ic_.area {
                                background-position-x: -210px
                            }

                            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .box_ic_advt .ic_.room {
                                background-position-x: -240px
                            }

                            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .box_ic_advt .ic_.express {
                                background-position-x: -270px
                            }

                        .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .box_ic_advt .imgBrowse {
                            max-width: 28px;
                            height: auto
                        }

                            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .box_ic_advt .imgBrowse img {
                                display: inherit;
                                width: 100%;
                                height: auto
                            }

                    .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .overflow_content .box_adventages .adventage_list .txt_advt {
                        width: auto;
                        line-height: 22px;
                        color: #FFF;
                        display: table-cell;
                        vertical-align: top;
                        padding-top: 3px;
                        padding-left: 12px
                    }

    .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project:hover:after {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project:hover .box_detail_project {
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

        .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project:hover .box_detail_project .overflow_content {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -khtml-opacity: 1;
            -moz-opacity: 1;
            height: auto;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project:hover .box_detail_project .overflow_content .box_btn_view_more {
                margin-top: 30px;
                opacity: 1;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                filter: alpha(opacity=100);
                -khtml-opacity: 1;
                -moz-opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }

                .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project:hover .box_detail_project .overflow_content .box_btn_view_more .view_more:hover {
                    background-color: #FFF;
                    color: #000
                }

    .page_sub_menu .warp_sub_menu_content .warp_button {
        clear: both;
        width: 100%;
        height: auto;
        text-align: center;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0
    }

        .page_sub_menu .warp_sub_menu_content .warp_button.active {
            margin-top: 35px;
            margin-bottom: 35px;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -khtml-opacity: 1;
            -moz-opacity: 1;
            -webkit-transition: opacity .3s ease;
            -moz-transition: opacity .3s ease;
            -ms-transition: opacity .3s ease;
            -o-transition: opacity .3s ease;
            transition: opacity .3s ease
        }

        .page_sub_menu .warp_sub_menu_content .warp_button .btn_explore {
            font-size: 18px;
            position: relative;
            display: inline-block;
            overflow: hidden;
            min-width: 140px;
            padding: 8px;
            text-align: center;
            letter-spacing: 0;
            text-decoration: none;
            text-transform: uppercase;
            cursor: pointer;
            background-color: transparent;
            color: #FFF;
            border: 1px solid #FFF;
            -webkit-transition: all .2s ease;
            -moz-transition: all .2s ease;
            -ms-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease
        }

            .page_sub_menu .warp_sub_menu_content .warp_button .btn_explore:hover {
                background-color: #FFF;
                color: #000
            }

    @media (max-width:1230px) {
        .page_sub_menu .warp_sub_menu_content .warp_project_list {
            padding-left: 15px;
            padding-right: 15px
        }

            .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list {
                margin-left: -7.5px;
                margin-right: -7.5px
            }

                .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .project_name {
                    /*
    font-size: 28px;
    line-height: 28px
*/
                }

                .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_img_project .img-project {
                    min-height: 290px
                }
    }

    @media (max-width:1024px) {
        #header .wrap-front-menu .front-menu {
            margin-left: 25px
        }

        .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_img_project .logo_brand {
            left: 10px;
            top: 10px
        }

        .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .box_type {
            margin-bottom: 0
        }

        .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project .project_name {
            font-size: 20px;
            line-height: 20px
        }

        .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project .box_detail_project {
            padding-left: 10px;
            padding-right: 10px
        }

        .page_sub_menu .warp_sub_menu_content .warp_project_list .row_project_list .box_list_menu .warp_image_project:hover .box_detail_project .overflow_content .box_btn_view_more {
            margin-top: 20px
        }
    }
</pre></body></html>