/* Home Page CSS
========================================================================== */
.homePage{ padding: 15px 30px;}
.homePage .description { color: #010101; font-size: 16px; line-height: 2; margin-bottom: 30px;}
.homePage .description p{ padding-bottom: 15px;}
.leftSection{ padding-right: 40px;}

/* Right Section CSS
========================================================================== */
.rightSection .rightBox{ background: #f9f9f9; border: 1px solid #d1d1d1; margin-bottom: 15px; padding: 15px; }
.rightSection .rightBox h3{ font-size: 18px; font-weight: 700; margin-bottom: 15px;}
.rightSection .publicationImage{ padding-top: 5px;}
.rightSection .publicationImage .image{ background-color: #ffffff; background-size: 80px 80px; border: 7px solid #fff; box-shadow: 0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2); text-align: center; min-height: 70px; overflow: hidden;}
.rightSection .publicationImage img{ width: 100%;}
.rightSection .publicationImage .detail{ margin-top: 15px; line-height: 18px; text-align: center; font-weight: bold; }
.rightSection .publicationImage .detail span { color: #000000; font-weight: normal; display: block; font-size: 13px; margin-top: 4px; }

.topResultSection{ margin: 0 -30px; }
.topResultSection .topResultBox{ background: transparent; border: 0; border-top: 1px solid #d1d1d1; margin: 30px 0 0; padding: 15px 30px 5px; text-align: center; }
.topResultSection .topResultBox h3{ font-size: 18px; border: 0; padding: 0 0 25px; }
.topResultSection .topResultBox ul li { border: 0; display: inline-block; margin: 5px 20px; }
.topResultSection .topResultBox ul li a { background: transparent; display: block; font-size: 16px; padding: 0; }

.formboxSection { background: #f9f9f9; border: 1px solid #d1d1d1; height: 100%; }
.formboxSection h3 { border-bottom: 1px solid #d1d1d1; font-size: 18px; font-weight: bold; padding: 12px 15px; }
.formboxSection .formArea { padding: 15px; }
.formboxSection .formArea h4 { color: #898989; font-size: 15px; font-weight: 700; padding: 0 0 12px; }

.formboxSection .SearchBox { margin-bottom: 35px; padding: 0px 118px 0px 10px; position: relative; height: 44px; margin-top: 0; }
.formboxSection .SearchBox .search-input { background: transparent; border: 0; font-style: italic; height: 42px; padding: 5px 0px; width: 100%; }
.formboxSection .SearchBox .btn { width: 106px; position: absolute; right: 1px; top: 1px; }
.formboxSection .formArea .btn{ min-width: 122px; }
.formboxSection .form-select { background: #fff; border: 1px solid #ccc; border-radius: 3px; -webkit-border-radius: 3px; color: #111; padding: 5px 6px; font-size: 14px; }

.formboxSection .formArea a.link { font-size: 13px; padding-top: 10px; display: inline-block; }
.formboxSection .formArea .selectArea .column-select{ width: 44%; float: left;}
.formboxSection .formArea .selectArea span.txt { float: left; font-size: 13px; font-weight: bold; width: 12%; text-align: center; padding-top: 13px; }


@media (max-width: 1100px) {
    .homePage { padding: 15px;}
    .topResultSection{ margin: 0 -15px; }
    .leftSection { padding-right: 15px;}
}

@media (max-width:990px) {
    .leftSection .row-eq-height{ display: block; }
    .formboxSection{ margin-bottom: 15px;}
    h1.title{ font-size: 24px;}
    .homePage { padding: 15px;}
    .homePage .description{ margin-bottom: 2em;}
    .topResultSection .topResultBox ul li { margin: 5px 12px;}
}
@media (max-width:767px) {
    h1.title { font-size: 20px;  margin: 15px 0;}
    .homePage .description { font-size: 15px; line-height: 1.7;  margin-bottom: 15px;}
    .rightSection .publicationImage {  margin-top: 15px;}
    .leftSection { padding-right: 15px; }
    .rightSection .rightBox.resultBox{ margin: 0;}
}
@media (max-width: 400px) {
    .formboxSection .SearchBox .search-input { font-size: 12px; text-overflow: ellipsis; }
}