ul,li{list-style:none}
*{transition:all .5s}
#proposal{width:100%;margin:0 auto;font-family:'Noto Sans TC', sans-serif}
#proposal h1,#proposal h2,#proposal h3{text-align:center;font-weight:500}
#proposal h1{font-size:2.8em;line-height:1.3em;color: #dc5c3f}
#proposal h2{font-size:2.9em;line-height:1.2em}
#proposal h2 img{margin-right:.5%}
#proposal_master img {
    width: 100%;
    display: block;
}
.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(../../File/images/scr_p_document_2_bg.jpg) no-repeat top center/100% 100%}
.bgcolor1{background:#f2c720}
.bgcolor2{background:#FFF}
.bgcolor3{background:url(../../File/images/scr_p_document_4_bg.png) no-repeat center top/100% 100%}
.bgcolor4{background:url(../../File/images/scr_p_onebyone_6_bg.jpg) no-repeat center top/100% 100%}
.bgcolor5{background:#ffebe2}
/*共同*/

#proposal nav a{box-shadow:0 5px #999;display:inline-block}
#proposal nav a:hover{opacity:.9}
#proposal 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}
.proposal_data .navlink a{background:#DC5C3F}
.proposal_grade .navlink a{background:#e50112}
.ps{font-size:1rem;text-align:center}
.ps a{color:#000}

.proposal_title {
    font-size: 3rem;
    color:#4e4d49;
    font-family: "Microsoft YaHei";
    font-weight: bold;margin-bottom: 1.0rem;
}
.proposal_title span {border-right: solid 1px;margin-right: 1.3rem;padding-right: 1.3rem;font-size: 3.3rem;}
.fcolor1 {color:#aa3b91;}
.fcolor2 {color:#3c5b9b;}
.fcolor3 {color:#21a1c6;}
.fcolor4 {color:#dc5c3f;}
.fcolor5 {color:#e50112;}

/* why table*/
.proposal_why dd{text-align: left;font-size:1.3rem;line-height:2.8rem;}
.proposal_why dd span{color:#aa3b91;margin-right: 0.8rem;}
.proposal_why b{color:#21a1c6;border-right: solid 1px;margin-right: 1.3rem;padding-right: 1.3rem;}
.proposal_why.what dd{text-align: left;font-size:1.3rem;line-height:2.8rem;}
.proposalTable{min-width:100%;display:table;border-collapse:collapse;overflow:hidden;padding:0;margin:1% 0 0;font-size:1.2rem;line-height:2.5rem;background:#FFF;}
.proposalTable th,.proposalTable td{display:table-cell;border-bottom:1px #d15e43 dotted}
.who th{color: white;font-size: 1.3rem;background: linear-gradient(to right, #3c5b9b 50%, #3d9dbe 100%);margin: 2% 0px;padding: 1% 0px;font-weight: normal;border-radius: 0 0.5rem 0.5rem 0;border-bottom: 1px #ffffff dotted;}
.proposalTable td{text-align:left;padding:1%;vertical-align:top}
.more,.more2 {padding: 2% 0px;}
.more a{color: white;font-size: 1.0rem;background: linear-gradient(to right, #3c5b9b 50%, #3d9dbe 100%);margin: 0% 3px;padding: 0.3rem 0.8rem;font-weight: normal;border-radius: 1.5rem;text-decoration: none;}
.more2 a{color: white;font-size: 1.0rem;background:  linear-gradient(to right, #dc5c3f 50%, #dc833f 100%);margin: 0% 3px;padding: 0.3rem 0.8rem;font-weight: normal;border-radius: 1.5rem;text-decoration: none;display: inline-block;}
.how th{color: white;font-size: 1.3rem;background: linear-gradient(to right, #dc5c3f 50%, #dc833f 100%);margin: 2% 0px;padding: 1% 0px;font-weight: normal;border-right: 1px #ffffff dotted;}
.how tr:nth-of-type(even){background-color: #fff9f6;}
.ps {padding: 2% 0px 0;text-align: center;}
.ps a {color:#dc5c3f;}

/*學長姐經驗談*/
.proposal_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;
}
.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%;margin-right: 0.5rem;}
.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%;text-align:left;}
.stuImg img{border-radius:50%}
.student{width:71%;text-align:left;padding:0.5% 0 0.5% 2%;vertical-align:top;border-left:3px solid #e50112}

.grade_content a{color:#e50112;text-decoration:none;font-weight:900;font-size: 1.5rem;}
.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;display: flex;align-items: center;flex-wrap: wrap;}

#rightscroll{color:#FFF;background-color:#dc5c3f;opacity:.8;right:1%;bottom:10%;position:fixed;font-size:1.15em;z-index:9;padding: 1%;border-radius: 1.5rem 0 0 1.5rem;}
#rightscroll a{text-decoration:none;color:#FFF;display: block;text-align: left;}
#rightscroll .ti{font-weight: 700;border-bottom: dotted 1px;padding-bottom: 0.3rem;margin-bottom: 0.3rem;font-size: 1.3rem;}

/*-----------------------------------------------------------*/
@media (min-width: 1201px){
.proposal_master_mb {display: none;}
}
/*手機*/
@media all and (min-width: 1px) and (max-width:767px){
.proposal_title {font-size: 1.8rem;}
.proposal_title span {font-size: 2.2rem;display: block;}
.proposalTable,.proposal_why.what dd ,.who th{line-height: 1.8rem;font-size: 1.1rem;}
.proposal_why dd{line-height:1.8em;}
.br_mb{display:block}	
.row1200{width:92%}
.bgpadding{padding:4%}
.navlink{margin:2% auto 3%}
.navlink a{font-size:1.2rem}
#proposal h1{font-size: 1.8em;}
#proposal h2{font-size:1.7em}
#proposal h2 img{width:13%}
.proposal_why b {border-bottom: solid 1px;display: block;border-right: solid 0px;font-size: 1.2rem;}
.sale{padding:3% 5% 5%}
.proposal_data ul{margin:2% auto 4%}
.proposal_data li{width:100%;margin:1% auto}
.point_content{width:96%}
.pointImg{width:100%}
.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}
.Prepare_title {font-size: 1.5em !important;}
#rightscroll{width: 98%; color:#FFF;border-radius:0;background-color:#dc5c3f;opacity:.9;right:0;bottom:0;position:fixed;font-size:1.15em;z-index:9;padding: 1%;text-align: center;}
#rightscroll a{width: 50%;float: left;}
.stuImg img {width: 35%;}
}

/*iPad*/
@media all and (max-width:1200px){
.proposal_master_pc {display: none;}
.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}
}

@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}
#proposal h1{font-size:2.8em}
#proposal h2{font-size:2.5em}
#proposal h2 img{width:8%}
.point_content{width:100%;align-items:flex-start}
.student{width:;}
.mediaText{width:63.5%}
.stuImg img{width:100%}
.stuImg{margin-right: 2%;}
}