@charset "UTF-8";
@font-face {
    font-family: 'KalatexaDisplay';
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Regular.eot");
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Regular.eot?#iefix&v=4.6.1") format("embedded-opentype"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Regular.woff2") format("woff2"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KalatexaDisplayLight';
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Light.eot");
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Light.eot?#iefix&v=4.6.1") format("embedded-opentype"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Light.woff2") format("woff2"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Light.woff") format("woff");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'KalatexaDisplay';
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Bold.eot");
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Bold.eot?#iefix&v=4.6.1") format("embedded-opentype"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Bold.woff2") format("woff2"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'KalatexaDisplayBlack';
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Black.eot");
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Black.eot?#iefix&v=4.6.1") format("embedded-opentype"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Black.woff2") format("woff2"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaDisplay-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'KalatexaText';
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-Bold.eot");
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-Bold.eot?#iefix&v=4.6.1") format("embedded-opentype"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-Bold.woff2") format("woff2"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'KalatexaText';
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-BoldItalic.eot");
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-BoldItalic.eot?#iefix&v=4.6.1") format("embedded-opentype"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-BoldItalic.woff2") format("woff2"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'KalatexaText';
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-Italic.eot");
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-Italic.eot?#iefix&v=4.6.1") format("embedded-opentype"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-Italic.woff2") format("woff2"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'KalatexaText';
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-Regular.eot");
    src: url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-Regular.eot?#iefix&v=4.6.1") format("embedded-opentype"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-Regular.woff2") format("woff2"), url("https://www0.dek-d.com/assets/fonts/KaLaTeXaText-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome4';
    src: url("https://www0.dek-d.com/assets/vendor/fontawesome4/fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("https://www0.dek-d.com/assets/vendor/fontawesome4/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("https://www0.dek-d.com/assets/vendor/fontawesome4/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://www0.dek-d.com/assets/vendor/fontawesome4/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://www0.dek-d.com/assets/vendor/fontawesome4/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://www0.dek-d.com/assets/vendor/fontawesome4/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesomeSolid';
    src: url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-solid-900.eot");
    src: url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-solid-900.woff2") format("woff2"), url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-solid-900.woff") format("woff"), url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-solid-900.ttf") format("truetype"), url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-solid-900.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesomeRegular';
    src: url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-regular-400.eot");
    src: url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-regular-400.woff2") format("woff2"), url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-regular-400.woff") format("woff"), url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-regular-400.ttf") format("truetype"), url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-regular-400.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesomeBrand';
    src: url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-brands-400.eot");
    src: url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-brands-400.woff2") format("woff2"), url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-brands-400.woff") format("woff"), url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-brands-400.ttf") format("truetype"), url("https://www0.dek-d.com/assets/vendor/fontawesome5/webfonts/fa-brands-400.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
/*toolbar*/
#toolbar {
    position: fixed;
    z-index: 9999;
    width: 100%;
}
.dbpre-bg.pre-m {
	padding-top: 75px;
}

.title-head {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 20px;
	text-shadow: 0px 8px 16px rgb(175,92,49,0.5);

}
.head-bg {
	background: url("/pre-exam/assets/m403/images/dashboard/bg-head.png?v=1.1") center 0 repeat-x;
	background-size: 1150px;
	height: 100px;
}
.logo {
	display: block;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.16));
    height: 72px;
    width: auto;
    margin: 0 auto 10px;
}
.text-bb {
    padding: 5px 12px;
    position: absolute;
    min-width: 60px;
    height: 26px;
    right: 10px;
    top: -20px;
    background: #000000;
    border-radius: 4px;
    color: #fff;
    font-family: 'KalatexaDisplay', sans-serif;
    font-size: 15px;
}
.dbpre-wrapper {
    padding: 0 20px 60px;
}
.project-item {
    background-color: #fff;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    padding: 8px 8px 30px;
    position: relative;
    box-shadow: 0px 16px 32px rgba(175, 92, 49, 0.5);
    flex-wrap: wrap;
	border-radius: 16px;
}
.project-item.-red .head-round{
	color: #1E68B1;
}
.project-item.-red .head-round{
	color: #ED2024;
}
.project-item.-green .head-round{
	color: #0AB0A0;
}
.title-pre {
	color: #FFFF00;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 5px;
}
.title-p {
	font-size: 24px;
    font-weight: bold;
    padding: 16px 0 5px;
    text-align: center;
}
.subject {
    display: flex;
    justify-content: center;
}
.subject span {
    font-size: 16px;
    font-weight: bold;
    font-family: 'KalatexaDisplay', tahoma, sans-serif;
    background-color: rgba(243,122,1,0.08);
    padding: 3px 15px;
    margin: 4px;
    border-radius: 4px;
    height: 24px;
    border: 1px solid #f37a01;
    color: #f37a01;
}
.-red .subject span {
    background-color: rgba(204,0,0,0.08);
    border: 1px solid #CC0000;
    color: #CC0000;
}
.-desktop {
    display: none;
}

.btn-normal {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background-color: #f37a01;
    color: #fff;
    font-family: 'KalatexaDisplay';
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 8px;
    transition: 0.15s;
    margin: 0 auto;
}
.-red .btn-normal {
	background-color: #CC0000;
}
.btn-normal:hover {
    filter: opacity(0.95);
}
.btn-normal.-disabled {
	pointer-events: none;
	background-color: #a8a8a8;
}
.btn-normal.-disabled:hover {
    filter: opacity(1);
}
.btn-normal span {
    font-family: 'KalatexaDisplay';
	padding-top: 3px;
}

.btn-normal i {
    display: block;
    margin-right: 5px;
    font-size: 24px;
}

.preject-button {
    text-align: center;
    width: auto;
}

.btn-normal.-disable {
    background-color: #ccc !important;
    color: #fff !important;
}

.icohead {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    background-color: #f37a01;
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-top: 5px;
}

.br-m {
    font-family: 'KalatexaDisplay', tahoma, sans-serif;
    display: inline-block;
    line-height: 1em;
}
.head-round {
    font-size: 28px;
    font-weight: bold;
    line-height: 1em;
}
.text-pre {
    font-size: 16px;
    font-family: 'KalatexaDisplay', tahoma, sans-serif;
    color: #a8a8a8;
}
.head-text {
    text-align: center;
    background-color: #f2f2f2;
    padding: 20px 0;
    border-radius: 8px;
	position: relative;
}
.project-date span {
    background-color: #acacac;
    color: #ffffff;
    font-size: 16px;
    padding: 0 5px;
    border-radius: 3px;
    height: 20px;
    display: inline-block;
    line-height: 23px;
    margin-bottom: 3px;
}
.-red .project-date span {
    font-size: 14px;
}

.title-detail {	
    border-top: 1px solid #e5e5e5;
	padding-top: 20px;
    font-size: 16px;
    line-height: 1.2em;
    margin-top: 20px;
	margin-bottom: 10px;
    color: #333;
	font-family: 'KalatexaDisplay', tahoma, sans-serif;
	text-align: center;
}
.preject-detail .project-date span {
    font-size: 12px;
}


.project-wrapper {
    margin-top: 10px;	
	max-width: 410px;
    margin: 0 auto;
}
.text-bold {
	font-weight: bold;
}
.contact-wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #333;
    padding: 12px;
    height: 40px;
    color: #fff;
    text-align: center;
    z-index: 1;
}

.contact-wrap a {
    color: #fff;
}

.contact-wrap .txt-orange {
    color: #fff;
    font-weight: bold;
}

.-text-full {
    display: none;
}

.text-button {
    position: absolute;
    left: 10px;
    width: calc(100% - 20px);
    border-top: 1px solid #f1f1f1;
    padding-top: 8px;
    margin-top: 10px;
    bottom: 10px;
    text-align: center;
}

.text-sale {
    line-height: 1em;
    color: #888;
}

.text-sale .txt-red {
    font-weight: bold;
    color: #ff3333;
}
.text-sale .txt-gray {
    font-weight: bold;
    color: #979797;
}


.text-info {
    color: #888;
    font-family: 'KalatexaText';
    display: flex !important;
    text-align: left;
    align-items: flex-start;
    cursor: pointer;
    justify-content: center;
}

.text-info span {
    line-height: 1em;
}

.text-info i {
    margin-right: 5px;
}

/*modal style*/

#presale-info .modal-box {
    border-radius: 12px;
    margin: 18% auto;
}

.modalhead {
    color: #fff;
    font-size: 32px;
    position: absolute;
    left: 50%;
    top: -25px;
    background-color: #f37a01;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-box > .modal-header {
    padding-top: 40px;
    border-bottom: 1px solid #f1f1f1;
}

.modal-box > .modal-footer {
    border-top: 1px solid #f1f1f1;
}

.modal-box > .modal-header > .title {
    font-weight: bold;
    color: #f37a01;
    font-family: 'KalatexaDisplay';
}

.modal-box > .modal-body {
    font-size: 18px;
}

.text-modal {
    text-align: center;
}

.modal-list {
    max-width: 540px;
    width: 100%;
    margin: 10px auto;
    padding: 0 20px;
}

.modal-list li {
    display: flex;
    margin-bottom: 5px;
}

.modal-list li i {
    margin-right: 8px;
    font-size: 18px;
    color: #8bc321;
    margin-top: 3px;
}

.modal-list li .txt-red {
    font-weight: bold;
    color: #ff3333;
}
.text-sale .txt-gray {
    font-weight: bold;
    color: #979797;
}

.date-schedual {
    text-align: center;
    margin-top: 20px;
}

.date-head {
    font-weight: bold;
}

.date-detail {
    color: #f37a01;
    font-weight: bold;
}

.text-modal br {
    display: none;
}

.text-month {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 16px;
    margin-top: 5px;
}
.text-temp {
    display: block;
    margin: 5px 0 0;
    color: #fe3333;
    font-family: 'KalatexaText', sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.pretest-body.right {
    border-top: 1px dashed #fff;
    padding-top: 20px;
    margin-top: 25px;
}


.head-over {
    font-size: 16px;
    background-color: #f37a01;
    display: inline-block;
    width: 110px;
    text-align: center;
    height: 30px;
    line-height: 32px;
    font-weight: bold;
    border-radius: 30px;
    margin-bottom: 8px;
	color: #fff;
}
.head-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1em;
}
.text-desc {
    font-size: 16px;
    color: #a8a8a8;
}
.ico-angle {
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 0;
}
.bg-red-bottom {
    border: 1px solid #ff3333;
    color: #744b4a;
    padding: 10px 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #ffc0c0;
}
.bg-red-bottom span {
    font-weight: bold;
    color: #ff3333;
}
.show-seat > .number {
    font-weight: normal;
    font-family: "KalatexaDisplay", sans-serif !important;
    font-size: 16px;
}
.show-seat > .number > span {
    font-weight: bold;
    font-size: 20px;
    font-family: "KalatexaDisplay", sans-serif !important;
    color: #ff3333;
}
.show-seat > .update {
    color: #8e8e8e;
    font-size: 12px;
    line-height: 0.8em;
}

.print-pop {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  text-align: center;
  z-index: 999;
  padding: 2em;
  padding-bottom: 70px;
}
.print-pop > .ptp-wrap {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 733px;
  height: 100%;
}
.print-pop > .ptp-wrap > .ptp-wrap-img {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.print-pop > .ptp-wrap > .ptp-clos {
  position: absolute;
  top: -10px;
  right: -10px;
  display: inline-block;
  padding: 5px;
  background: #362f2d;
  cursor: pointer;
}
.-hide {
    display: none !important;
}
#truehits_div {
    position: absolute;
    left: 0;
    bottom: 0;
}
.text-bottom {
    text-align: left;
    font-size: 14px;
    margin-top: 5px;
}
.modal-box {
    border-radius: 15px;
}
.modal-body p {
    text-indent: 20px;
}

.modal-body p.text1 {
    margin-bottom: 10px;
}
.text-bottom h4 {
    font-size: 16px;
}
.note-list {
    font-family: 'KalatexaText', tahoma, sans-serif;
    max-width: 150px;
    text-align: left;
}
.note-list li {
    position: relative;
    padding-left: 10px;
}
.note-list li::before {
    content: '•';
    position: absolute;
    left: 0;
}
.content-block {
	width: 100%;
}

	html {
		background: #c63d1a;		
		background: url("/pre-exam/assets/m403/images/dashboard/background-m.png?v=1.1")center top no-repeat;
		background-size: cover;
	}
	body {
		background: transparent;
	}
@media screen and (max-width:768px) {
    .bg-red-bottom {
        position: absolute;
        left: 10px;
        width: calc(100% - 20px);
        bottom: 10px;
        margin: 0;
    }
    
    .project-item.-infobt2 {
        padding-bottom: 90px;
    }
}
@media screen and (max-width:320px) {
    .btn-normal {
        font-size: 14px;
    }
    .head-round {
        font-size: 20px;
    }
    .contact-wrap {
        height: 50px;
    }
}

@media screen and (max-width:1080px) {
	
}

@media screen and (min-width:768px) {  
	* {
		box-sizing: border-box;
	}
	html {
		background: #c63d1a;		
		background: url("/pre-exam/assets/m403/images/dashboard/background.png?v=1.1")center top no-repeat;
		background-size: cover;
	}
    html,
    body,
    #dashboardPreAd,
    .dbpre-bg.pre-m {
        height: auto;
    }
    .-desktop {
        display: block !important;
    }
    .-desktop.-inline{
        display: inline-block !important;
        margin-left: 5px;
    }
    .-mobile {
        display: none !important;
    }
	.head-bg {
		background-size: 1150px;
	}
    .project-wrapper {
        display: flex;
        justify-content: center;
		padding-bottom: 60px;
		max-width: initial;
    }
    .text-subj {
        font-size: 14px;
        line-height: 1em;
        margin-top: 5px;
        color: #888888;
    }
    .-text-full {
        display: inline-block;
    }
    .text-modal br {
        display: block;
    }
    .text-temp {
        margin: 5px auto 0;
    }
    .rec-wrapper {
        max-width: 700px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .rec-title {
        text-align: left;
        padding-top: 10px;
        margin-bottom: 5px;
    }
    .rec-title::after {
        left: 0;
        margin-left: 0;
    }
    .ico-angle {
        display: none;
    }
    .rec-box {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
        position: relative;
    }
    .recommend-box {
        padding: 20px;
        margin-bottom: 40px;
    }
    .stat {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 0;
    }
    .rec-box a::after {
        content: "";
        display: none;
        width: 100%;
        height: 5px;
        background-color: #f37a01;
        position: absolute;
        left: 0;
        z-index: 1;
        bottom: -10px;
        transition: 0.15s;
    }
    .rec-box.-red a::after {
        background-color: #034b8d;
    }
    .rec-box.-yellow a::after {
        background-color: #fab816;
    }
    .rec-box:hover a::after {
        display: block;
    }
    
    .btn-normal.-width100 {
        width: calc(100% - 5px);
    }
    
    .rec-title, .rec-box {
        padding-right: 30px !important;
    }
    
    .br-m {
        display: inline-block;
    }
    .note-list {
        margin: 0 auto;
    }
    .text-bottom {
        text-align: center;
    }
}

@media screen and (min-width:1024px) {
    .head-title {
        font-size: 22px;
    }
    .rec-title {
        font-size: 24px;
    }
}
@media screen and (min-width:1080px) {
    html,
    body,
    #dashboardPreAd {
        height: 100%;
    }
    .dbpre-wrapper {
        margin: 0 auto;
    }
    .project-all {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }
    .project-all .project-item:nth-last-child(1) {
        margin-bottom: 0;
    }
    .pretest-body {
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
	.pretest-body.left {		
		border-right: 1px dashed #fff;
		padding-right: 30px;
	}
	.pretest-body.right {
		padding-left: 30px;	
		border-top: 0;
		padding-top: 0;
		margin-top: 0;
	}
    .project-item {
        display: block;
        position: relative;
        text-align: center;
        transition: 0.25s;
        width: 350px;
        margin: 0 10px;
    }
    .dbpre-wrapper {
        padding: 0;
        min-height: 100%;
        margin-bottom: -160px;

    }
    .content-block {
        width: auto;
        padding: 0;
    }
    .preject-button {
        width: 100%;
        margin-left: 0;
    }
    .button-box {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .btn-normal i {
        font-size: 18px;
        margin-right: 5px;
        margin-bottom: 0;
    }
    .btn-normal.info {
        margin-top: 0;
    }
    .icohead {
        position: absolute;
        left: 50%;
        margin-left: -18px;
        top: -26px;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .text-full {
        display: inline-block;
    }
    .btn-normal span {
        text-align: left;
        line-height: 1em;
    }
    .title-head {
        font-size: 30px;
    }
    .modal-wrapper.-ready {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #presale-info .modal-box {
        margin: 0 auto;
    }
    .text-month {
        margin-top: 0;
    }

}
@media screen and ( min-width: 1080px ) and ( max-height: 840px ) {
    html, body, #dashboardPreAd, .dbpre-bg.pre-m {
        height: auto;
    }
    .dbpre-wrapper {
        min-height: auto;
        margin-bottom: 0;
    }
    .recommend-box{
        margin-bottom: 0;
    }
    .contact-wrap {
        position: inherit;
    }
}