﻿@import url("../../LegalEditorial/css/default.css?");

.bg-white {background-color: white;}
.mt-4{margin-top: 1rem;}

/* 總編輯點評 */
.review {margin: auto 0 auto auto;justify-content: center;align-items: center;margin-left: 14%;margin-top: -2%;margin-bottom: 1%;position: relative;}
.review .title{}
.title_spacing{letter-spacing: 16px}
.review dl{}
.review dt {font-size: 3.3rem;font-weight: bold;border-bottom: 1px dashed;margin: auto auto 0.5rem;padding: 0 1rem;letter-spacing: 0;}
.review dd.name {text-align: center;font-size: 2.5rem;padding: 2.4rem 0.6rem;font-family: 'Noto Serif TC', serif;font-weight: 600;color: #fff;background-color: #c0934e;    border-radius: 50%;display: inline-block;float: left;position: absolute;left: 3%;top: 37%;}
.review dt small {font-size: 1.7rem;display: inline-table;vertical-align: middle;position: relative;bottom: 7px;padding: 0rem 1rem;color: #ae8b63;margin-left: -16px;}
.review dd {font-size: 1.85rem;border-bottom: solid;padding: 0.5rem;letter-spacing: 0;}

/* 小論文的寫作要領 */
.point dd {width: 80%;padding: 1rem 1.5rem;}
.point dd:nth-of-type(even) {margin: 2rem 0 2rem auto;}
.point ol {font-size: 1.125rem;}
.point .p {font-size: 1.125rem;}
.point ul li{text-indent:-3.35rem;padding-left:2.5rem;}
.point ol li {display: list-item;list-style-type: decimal;margin-left: 1.5rem;}
.stu_pic {margin: auto;}
.stu_pic img {width: 150px;height: 200px;object-fit: cover;}

/* 得獎名單 */
.act_list dl {width: calc(100% - 150px);padding: 2rem 1rem 2rem 2rem;}
.stu_pic img {filter: brightness(1.15);}
.essay_title {margin: 1rem auto;color: #ffffff;text-align: center;position: relative;width: max-content;}
.essay_title::before{margin:0 0rem;position: absolute;left: -176px;top: -20px;content: '';width: 185px;height: 188px;background: url(../../images/1305050_logo.png) no-repeat 100% 100%;}
.essay_title2 {margin: 1rem auto 2rem;font-family: 'Noto Serif TC', serif;font-size: 4.0rem;clip-path:polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);background: linear-gradient(to right, #ae814f 0%, #e4c8a6 15%, #f4efe5 85%, #ddba93 100%);padding: 0.3rem 7rem;color: #ca3929;font-weight: 900;text-align: center;width: max-content;}
.essay_h {font-size: 5.5rem;font-family: 'Noto Serif TC', serif;font-weight: 900;color: #e5b56b;border-bottom: double 4px;}
.ten_thousand {font-size: 5.5rem;padding: 0 0.5rem;font-family: 'Noto Serif TC', serif;font-weight: 900;}
.contest_item dt {text-align: center;font-size: 3rem;padding: 0.5rem 0rem 1.5rem;font-family: 'Noto Serif TC', serif;font-weight: 600;color: white;}
.contest_item dt strong, .ch_number {text-align: center;font-size: 3rem;padding: 0.1rem 0.7rem;font-family: 'Noto Serif TC', serif;font-weight: 600;color: #c0934e;background-color: #000;border-radius:50%; }
.contest_item dt b {text-align: center;font-size: 3rem;padding: 0.1rem 0.7rem;font-family: 'Noto Serif TC', serif;font-weight: 600;color: #000;background-color: #fff;border-radius:50%; }
.contest_item dd {border: 2px dotted;/*width: calc(100%/4 - 0.5rem);*/font-size: 1.5rem;position: relative;color: white;border-radius: 2.0rem 0;background-color: #ad2819bf;}
.contest_item dd::before {content: '#';position: absolute;top: -1rem;left: -0.5rem;font-size: 2rem;z-index: 3;}
.contest_item dd::after {content: '';position: absolute;width: 20px;height: 20px;border-top: 4px solid #B52C1D;border-left: 4px solid #B52C1D;top: -1px;left: -1px;border-radius: 2rem 0 0;}
.contest_item dd b {font-size: 2.2rem;color: #f9e4c4;margin-bottom: 1rem;display: block;}
.contest_item dd a {display: block;text-decoration: none;padding: 2rem;/*padding: 2rem 0.8rem;*/height: 100%;}

/* 恭喜以上同學 */
.company ul {text-align: left;width: auto;padding: 0 2rem;color: wheat;}
.company img {background-color: rgb(255 255 255);border-radius: 1rem;}
.award{font-size: 1.5rem;margin: auto auto 1rem;padding: 0.5rem 2rem 1.5rem;border-bottom: 0px solid #8b180b;}
.award_title {font-size: 2.8rem;color: #ffffff;margin: auto 0 1rem 0rem;border-bottom: solid 3px #e5b56b;}
.award_title b {font-size: 3.4rem;color: #f9e4c4;}
.award_title span {transform: rotate(90deg) scale(1, -1.5);display: inline-block;position: relative;right: 20px;top: 10px;}
.award_title span:last-of-type {transform: rotate(90deg) scale(1, 1.5);right: auto;top: 10px;left: 20px;}
.px-0 {padding-left: 0;padding-right: 0;}
.px-2 {padding-left: 0.25rem;padding-right: 0.25rem;}
.ml-0 {margin-left: 0;}
.mx-auto {margin: auto;}
.mr-2 {margin-right: 0.25rem;}

@media screen and (min-width: 1201px) {
.banner_wrap {padding: 10px 10px;margin: auto;}
}


@media screen and (max-width:1200px) {    
    .point dd:nth-of-type(n+2):nth-of-type(-n+4) {margin: 1.5rem auto 0;}
    .act_list dl {padding: 1rem;}
    .event_cont{align-items: flex-start;}
    .stu_pic{margin: 0 auto;}

}

@media screen and (max-width:1023px) { 
    .act_list dl dd small {display: block;margin: auto auto auto -1rem;} 
}

@media screen and (max-width:767px) { 
    article img { margin-left: 0;margin-right: 1px;}
    .act_list dl {width: 100%;padding: 0;}      
    .essay_title2 {width: 100%;padding: 0.3rem;margin: 1rem auto 0rem;font-size: 2.5rem;}
    .essay_h {font-size: 3.5rem;}
    .ten_thousand {font-size: 3rem;}
    .review {margin-left: 0;margin-top: 6%;}
	.review dd.name {font-size: 1.5rem;padding: 1.7rem 0.6rem;left: 7%;top: 37%;} 
    .review dt {padding: 0;font-size: 1.75rem;letter-spacing: 0.4rem;margin: auto auto 0}
    .review dt small {font-size: 1.2rem;padding: 0 6px;bottom: 3px;}
    .review dd {font-size: 1.3rem;}
    .review dl {margin-bottom: 5%;}
    .review img{width: 200px}    
	.award_title {font-size: 1.8rem;}
    .point dd {width: 90%;}
    .ch_number {font-size: 2rem;}
}  
@media (max-width:767px) and (orientation: portrait) {.sm\:block{display: block;}}