@page {
    margin: 0;
    size: 29.7cm 21cm;
    /*    size: A4 landscape;*/
}

@font-face {
    font-family: 'simsun';
    font-style: normal;
    src: local('simsun'),
        local('simsun'),
        url('https://greenevent.greenearth.org.hk/dompdf/lib/fonts/ufonts.com_simsun.ttf');
}

@font-face {
    font-family: 'Microsoft_JhengHei_regular';
    font-style: normal;
    src: local('Microsoft JhengHei regular'),
        local('Microsoft JhengHei regular'),
        url('https://greenevent.greenearth.org.hk/dompdf/lib/fonts/Microsoft_JhengHei_regular.ttf');
}


@font-face {
    font-family: 'Microsoft_JhengHei_bold';
    font-style: normal;
    font-weight: bold;
    src: local('Microsoft JhengHei bold'),
        local('Microsoft JhengHei bold'),
        url('https://greenevent.greenearth.org.hk/dompdf/lib/fonts/Microsoft_JhengHei_bold.ttf');
}

a[href] {
    text-decoration: underline;
    prince-link: attr(href)
}

body,
* {
    margin: 0;
    padding: 0;
}

.boldText,
b,
strong {
    font-family: 'Microsoft_JhengHei_bold';
}

.single-report-template ul {
    margin: 5px 0;
    word-wrap: break-word;
}

.single-report-template ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    margin: 5px 0;
    word-wrap: break-word;
}

.single-report-template ol li {
    counter-increment: my-awesome-counter;
}

.single-report-template ol li::before {
    content: counter(my-awesome-counter) ". ";
}


.single-report-template.main-wrapper {
    position: relative;
    width: 29.7cm;
    margin: 0;
    padding: 0;
    /*    font-family: 'simsun';*/
    left: 0;
    top: 0;
    font-family: 'Microsoft_JhengHei_regular';
}

.single-report-template .step_number {
    font-family: 'Microsoft_JhengHei_bold';
    margin-bottom: 15px;
    color: #959595;
    font-size: 40px;
}


.single-report-template .pretitle {
    margin-bottom: 15px;
    color: #00b140;
}

.single-report-template .title {
    font-size: 30px;
    margin-bottom: 20px;
    color: #00b140;
    white-space: normal;
    font-family: 'Microsoft_JhengHei_bold';
}

single-report-template .desc {
    font-size: 16px;
    position: relative;
    display: block;
    word-wrap: break-word;
    margin: 5px 0;
    width: 15.5cm;
}

.single-report-template .desc p {
    width: 15.5cm;
    word-wrap: break-word;
}

.single-report-template .desc a {
    text-decoration: none;
    color: #0099CC;
}

.single-report-template .btn_link {
    color: #FFF;
    text-decoration: none;
    background-color: #00b140;
    padding: 10px 33px 10px 33px;
    border-radius: 20px;
    margin-top: 30px;
    display: inline-block;
}

.single-report-template .pdf-slide-wrapper {
    position: relative;
    width: 29.7cm;
    height: 21cm;
    background-size: auto 100%;
    background-repeat: no-repeat;
    /* background-color: orange; */
    background-color: white;
    font-size: 0;
    box-sizing: border-box;
}

.single-report-template .left-wrapper {
    position: relative;
    width: 330px;
    height: 21cm;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.single-report-template .img_grid {
    width: 300px;
    height: 6cm;
    /*    height: 230px;*/
    margin-left: 30px;
    display: block;
    position: relative;
    background-size: cover;
}

.img_grid.image2,
.img_grid.image3 {
    margin-top: 20px;
}

.right-wrapper {
    /*    float: right;*/
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 15.5cm;
    padding-left: 3cm;
    height: 21cm;
    line-height: 1;
    font-size: 16px;
}

.right-wrapper .inner-content {
    /*
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
*/
}

.right-wrapper .inner-content,
.left-wrapper .inner-content {
    display: table;
    height: 21cm;
    position: absolute;

    /*
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
*/
}

.left-wrapper .inner-content .content,
.right-wrapper .inner-content .content {
    display: table-cell;
    vertical-align: middle;
}