ul,li{list-style:none}
*{transition:all .5s}
#document{width:100%;margin:0 auto;font-family:'Noto Sans TC', sans-serif}
#document h1,#document h2,#document h3{text-align:center;font-weight:500}
#document h1{font-size:2.8em;line-height:1.3em;color: #dc5c3f}
#document h2{font-size:2.9em;line-height:1.2em}
#document h2 img{margin-right:.5%}
.row1200{width:1200px;margin:0 auto}
.rowflex{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap;justify-content:center;}
.bgpadding{padding:2.5% 0}
.bgpadding_top{padding:2.5% 0 1px;background-color: /*#fdffe0 #fffffc*/#f6f6f6;/*background: linear-gradient(45deg, #fdffdacc, white);*/}
.bgcolor0{background:url(/screen/File/images/scr_p_document_1_bg.jpg) no-repeat top center/100% 100%}
.bgcolor1{background:#f2c720}
.bgcolor2{background:#FFF}
.bgcolor3{background:url(/screen/File/images/scr_p_document_4_bg.png) no-repeat center top/100% 100%}
.bgcolor4{background:url(/screen/File/images/scr_p_onebyone_6_bg.jpg) no-repeat center top/100% 100%}
.bgcolor5{background:#ffebe2}
/*共同*/
#document nav a{box-shadow:0 5px #999;display:inline-block}
#document nav a:hover{opacity:.9}
#document nav a:active{box-shadow:0 3px #666;transform:translateY(2px)}
.navlink{margin:2% auto 0;text-align:center}
.navlink a{font-size:1.5rem;padding:5px 25px;border-radius:15px;color:#FFF;text-decoration:none}
.document_data .navlink a{background:#DC5C3F}
.document_grade .navlink a{background:#e50112}
.ps{font-size:1rem;text-align:center}
.ps a{color:#000}

/* 準備時程 */
.Prepare_title {
    font-size: 3em !important;
    color:/* #717536*/#4e4d49 !important;
    font-family: "Microsoft YaHei";
    font-weight: bold !important;
}
.Prepare_content dt {
    padding: 0.5rem;
    width: 10%;
    background-color: #e4e6cc;
    margin: 0.7%;
}
/*流程*/
.process_bg{width:100%;margin:0 auto}
.process{width:100%;margin:1% auto}
.process li{font-size:1.4em;line-height:1.6em;margin:1% auto;position:relative;text-align:center;width:11.666%;padding:0 2.5%}
.process small,.process i{display:block}
.process i{background:#DC5C3F;color:#FFF;border-radius:50%;width:90px;height:90px;text-align:center;margin:0 auto;line-height:90px;font-size:2.7rem}
.process small{font-size:1.1rem;line-height:1.2em;font-weight:normal}
.process li:after{content:'\f054';font-family:"Font Awesome 5 Free";right:0;top:35%;position:absolute;color:#CCC;font-size:1.4em;font-weight:bold}
.process li:last-child:after{content:''}



/*四大課程*/
.course_bg{width:100%;margin:0.5% auto 1%}
.course_list{width:32%;margin:.5% .5%;background:#FFF;box-shadow:1px 1px 3px #CCC;border-radius:8px}
.course_list:hover{transform:scale(1.1)}
.course_list>h3{width:100%;font-size:1.75em;color:#FFF;padding:3% 0 0;margin:0 auto;border-radius:8px 8px 0 0}
.course_list>h3>div{font-size:1.3rem;padding:3% 0;margin:2% auto 0}
.course_list:nth-of-type(1)>h3,.course_list:nth-of-type(1) nav a{background:#76B6D7}
.course_list:nth-of-type(2)>h3,.course_list:nth-of-type(2) nav a{background:#D5767B}
.course_list:nth-of-type(3)>h3,.course_list:nth-of-type(3) nav a{background:#D5767B}
.course_list:nth-of-type(4)>h3,.course_list:nth-of-type(4) nav a{background:#9ACA84}
.course_list:nth-of-type(5)>h3,.course_list:nth-of-type(5) nav a{background:#EFB26D}
.course_list:nth-of-type(1)>h3>div{background:#476d81}
.course_list:nth-of-type(2)>h3>div{background:#955256}
.course_list:nth-of-type(3)>h3>div{background:#955256}
.course_list:nth-of-type(4)>h3>div{background:#5c794f}
.course_list:nth-of-type(5)>h3>div{background:#a77c4c}
.suit,.sale{width:90%}
.suit{text-align:left;height:205px;padding:4% 5% 0;font-size:1.05rem;font-family: "Microsoft JhengHei", Arial, Verdana}
.suit p{margin-bottom:4%}
.suit p span{display:block}
.suit ul li:before{content:"\f14a";font-family:"Font Awesome 5 Free";margin:0 1%}
.sale{border-top:2px dashed #CCC;font-size:1.1rem;text-align:center;padding:3% 5% 5%}
.price{font-size:1.2rem;color:#e70012;font-family: Verdana,"Microsoft YaHei"}
.course_list nav{margin:6% auto 1%}
.course_list nav a{color:#FFF;padding:3px 20px;border-radius:8px;text-decoration:none;font-size:1.2rem}
/* 字體顏色 */
.txt_color{color: red;}


/* 甄贏書審系列 */
.written_content{display: flex;justify-content:space-around;flex-wrap:wrap;}
.written_content dt {font-size: 1.25rem;line-height: 3rem;}
.written_content dl{width: 23%;text-align: center;}
.written_content img {width: 256px;height: 252px;border-radius: 100%;}


/*學長姐經驗談*/
.document_grade h2{color:#e70012}
/*.grade_content{width:96%;margin:1% auto 2%;padding:2%;background:#FFF;position:relative;box-shadow:5px 6px 0 rgba(143,143,139,0.32);-webkit-box-shadow:5px 6px 0 rgba(143,143,139,0.32);-moz-box-shadow:5px 6px 0 rgba(143,143,139,0.32);text-align:left}*/
.grade_content {
    width: 96%;
    margin: 1% auto 2%;
    padding: 2%;
    background: #FFF;
    position: relative;
    box-shadow: 5px 6px 0 rgb(143 143 139 / 32%);
    -webkit-box-shadow: 5px 6px 0 rgb(143 143 139 / 32%);
    -moz-box-shadow: 5px 6px 0 rgba(143,143,139,0.32);
    text-align: left;
    font-size: 1.1em;
    line-height: 1.7em;
    font-weight: normal;
    font-family: "Microsoft JhengHei", Arial, Verdana;
}
.student{width:22%;padding:0 2% 0 0}
.name{font-size:1.45em;line-height:1.2em;margin:0 auto 2%}
.name small{font-size:1rem;margin-left:1%}
.stuget{width:100%}
.get_red{width:50px;height:50px;background:#e50112;color:#FFF;font-size:1.15em;line-height:50px;text-align:center;border-radius:50%}
.get_school{font-size:1.2em;line-height:1.45em;color:#e50112;margin:0 auto 0 0}
.mediaText{width:73.5%;padding:.5% 0 .5% 2%;border-left:2px solid #e50112}
.mediaText p{font-size:1.1em;line-height:1.65em}
.stuImg{width:19%;float:right;text-align:right}
.stuImg img{border-radius:50%}
.grade_content a{color:#e50112;text-decoration:none;font-weight:900}
.grade_more{text-align:center;margin:3% auto 1%;font-size:1.4em}
.grade_more a{background:#e50112;color:#FFF;padding:.5% 2%;border-radius:30px;text-decoration:none}

#clickbutton{width:140px;padding:1%;text-align:center;background:#565920;opacity:.9;position:fixed;bottom:4%;right:2%;border-radius:8px}
#clickbutton a{color:#FFF;font-weight:bold}
#clickbutton ul{width:100%;margin:0 auto;font-size:1.6em;line-height:1.8em}
#clickbutton ul li:first-child a{color:#f2c820}
.grade_name,.grade_school{font-weight: 700;}
/*-----------------------------------------------------------*/
/*手機*/
@media all and (min-width: 1px) and (max-width:767px){
.br_mb{display:block}	
.row1200{width:92%}
.bgpadding{padding:4%}
.navlink{margin:2% auto 3%}
.navlink a{font-size:1.2rem}
#document h1{font-size:1.85em}
#document h2{font-size:1.7em}
#document h2 img{width:13%}
.course_bg{margin:1% auto}
.course_list{width:94%;margin:1% auto 2%;box-shadow:1px 1px 3px #CCC,0 0 5px #CCC}
.course_list>h3{font-size:1.5em;padding:1.5% 0 0}
.course_list>h3>div{font-size:1.13rem;margin:1.5% auto 0;padding:2% 0}
.suit{height:auto}
.sale{padding:3% 5% 5%}
.course_list nav{margin:4% auto 1%}
.document_data ul{margin:2% auto 4%}
.document_data li{width:100%;margin:1% auto}
.process li{width:50%;padding:0;margin:1.5% auto;font-size:1.1em;line-height:1.4em}
.process i{font-size:1.5rem;width:55px;height:55px;line-height:55px}
.process small{font-size:.9rem}
.point_content{width:96%}
.pointImg{width:100%}
ol.pointTxt{width:88%;margin:0 auto 0 12%}
ol.pointTxt li{font-size:1.05em}
ol.pointTxt li::before{width:27px;height:27px;line-height:27px;font-size:1rem;margin-left:-2em}
ol.pointTxt li strong{font-size:1.2rem}
.grade_content{width:94%;padding:3%;margin:2% auto 4%}
.student{width:90%;padding:1% 5% 0}
.name{margin:0 auto 3%}
.mediaText{width:96%;padding:3% 2%;margin:3% auto 0;border-top:3px solid #e50112;border-left:0}
.stuImg{width:100%;float:none;text-align:center}
.mediaText p{text-align:justify}
.written_content dl{width: 94%;}
.written_content img {width: 160px;height: 155px;border-radius: 100%;}
.Prepare_title {font-size: 1.5em !important;}

}

/*iPad*/
@media all and (max-width:1200px){
.name{font-size:1.3em}
.get_red{width:45px;height:45px;line-height:45px;font-size:1.05em}
.get_school{font-size:1.1em}
.mediaText p{font-size:1rem}
.written_content dl{width: 94%;}
}

@media all and (min-width:768px) and (max-width:1200px){
.row1200{width:94%}
.bgpadding{padding:3%}
.navlink{margin:3% auto 2%}
.navlink a{font-size:1.3rem}
#document h1{font-size:2.8em}
#document h2{font-size:2.5em}
#document h2 img{width:8%}
.course_list{width:48%;margin:0 1% 1%}
.process li{font-size:1.25em}
.point_content{width:100%;align-items:flex-start}
ol.pointTxt li{font-size:1.25em}
ol.pointTxt li::before{width:30px;height:30px;line-height:30px;font-size:1.05em}
.student{width:32%}
.mediaText{width:63.5%}
.stuImg img{width:100%}
.written_content dl{width: 48%;}
}