@import url("../../icon_new/css/all.min.css");
/*css reset 歸0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/*remember to define focus styles!*/
:focus{outline:0;}
*{box-sizing: border-box;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
body{font-family:"Microsoft YaHei", 微軟正黑體, Arial;}
a{text-decoration:underline;color: var(--pink1);}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;list-style-type:none;}
.bg_padding{padding:1%;}
.bgcolor0{background: url(../images/1003075_topbg.png) no-repeat top center;display: inline-block;}
.bgcolor1{background: url(../images/1003075_bg.png) repeat-y center;}
.bgcolor2{background: url(../images/0905006_gift.png) no-repeat 0rem 10rem #FFF;}
.bgcolor3{background: linear-gradient(90deg, #fdd2e8 25%, #ffd493 100%);}
.bgcolor4{background: linear-gradient(90deg, #ececec 0%, #ffffff 10%, #ffffff 90%, #ececec 100%);}
.bgcolor5{background: url(../images/0905006_bg2.png) no-repeat center top /100% auto #FFF;}
.bgcolor6{background: url(../images/0905006_bg3.png) no-repeat center top #FFF;}

/*所有元素漸變0.5秒*/*{transition: all .5s;}
/*display*/
.block{display:block}.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}.inline-flex{display:inline-flex}
.table{display:table}.table-row{display:table-row}.table-cell{display:table-cell}
.flex-row {flex-direction: row;}.flex-col {flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
.hidden{display: none;}
/*定位*/
.fixed {position: fixed;}
.flex-1 {flex: 1 1 0%;}
.flex-auto {flex: 1 1 auto;}
.flex-initial {flex: 0 1 auto;}
.grid {display: grid;}
.inline-grid {display: inline-grid;}
/*對齊*/
.justify-center {justify-content: center;}
.justify-around {justify-content: space-around; }
.content-around{align-content: space-around;}
.justify-between{justify-content:space-between}
.items-center {align-items: center;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right{text-align: right;}
/*內外距*/
.p-0 {padding: 0;}.p-2 {padding: 0.5rem;}
.p-4 {padding: 1rem;}.p-3 {padding: 0.75rem;}
.px-2 {padding-left: 0.5rem; padding-right: 0.5rem;}
.m-1 {margin: 0.25rem;}.m-2 {margin: 0.5rem;}
.mr-1 {margin-right: 0.25rem;}.mr-2 {margin-right: 0.5rem;}
.mr-3 {margin-right: 0.75rem;}
.mt-2 {margin-top: 0.5rem;}.mt-3 {margin-top: 0.75rem;}
.my-auto {margin-top: auto;margin-bottom: auto;}.mx-auto {margin-left: auto; margin-right: auto;}
.mx-0 {margin-left: 0; margin-right: 0;}.my-1 {margin-top: 0.25rem;margin-bottom: 0.25rem;}
.mx-1 {margin-left: 0.25rem;margin-right: 0.25rem;}
.my-2 {margin-top: 0.5rem;margin-bottom: 0.5rem;}.my-4 {margin-top: 1rem;margin-bottom: 1rem;}
.my-0 {margin-top: 0; margin-bottom: 0;}
.mt-7{margin-top: 1.75rem;}
/*字級*/
.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}
.text-base{font-size:1rem}.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}
.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}
.leading-loose {line-height: 2;}
.font-bold {font-weight: 700;}
.font-extrabold {font-weight: 800;}
.font-black {font-weight: 900;}
.ft_NOTO{font-family: 'Noto Sans TC', sans-serif;}
.ft_NOTOSer{font-family: 'Noto Serif TC', serif;}
.ft_Meiro{font-family: Meiryo, "Meiryo UI", Arial, sans-serif;}
/*導圓角*/
.rounded-none {border-radius: 0;}.rounded-sm {border-radius: 0.125rem;}
.rounded {border-radius: 0.25rem;}.rounded-lg {border-radius: 0.5rem;}
.rounded-full {border-radius: 9999px;}
/*Back to top button */
#back-top {position: fixed;bottom: 30px;margin-left: -150px;right: 1%;z-index: 99;}
#back-top a {width:50px;height:50px;border-radius:50%;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;transition: 1s;}
#back-top a:hover {color: #000;}
/*arrow icon (span tag)*/
#back-top span {width:50px;height:50px;display: block;margin-bottom: 7px;background: rgba(99, 99, 99, 0.74) url(../images/up-arrow.png) no-repeat center center;/*rounded corners*/border-radius:50%;/*background color transition*/transition: 1s;}
#back-top a:hover span {background-color: #777;}
/*event*/
:root{
    --pink1: #ea1da5;
    --color1: #ff1d67;
    --color7: #b126a5;
}

#Master_title img{width: 100%;}
.requirement a{color: var(--color7);}
.requirement{margin: 0% auto 0;display: inline-block;font-size: 1.6em;}
.requirement li{display: inline-block;margin: 1.5% 2% 0;width: 100%;}
.requirement li strong{margin: 0 2% 0 0;padding: 1% 5%;background: linear-gradient(90deg, #f90869 25%, #6f14a5 100%);color: #FFF;border-radius: 0.5em;}
section ul{margin: 0 auto;display: inline-block;}
section li{text-align: left}
section p a,div p a{color: black;}
.coupon img{max-width: 50%;}
.card_ol {display: flex;flex-flow: row wrap;
}
.card{margin: 2% 5% 2% 0%;
    width: 25%;
    height: auto;
}
.card li{width: 15%;
    display: inline-block;
    transform: rotate(-9deg);
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.pulse {animation-name: pulse;}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    position: relative;
    z-index: 3;
}
.vip{width: 88%;text-align: left;font-size: 1.3em;margin: auto;}
.vip li{margin: 1.5% 0;}
.vip li:nth-child(2){color: var(--pink1);}
.vip li:nth-child(2){color: var(--pink1);}
.vip ol{margin-block: 1rem auto;}
.vip ol li img{width: 200px;border-radius: 10px;}
.cop{font-size: 1.0em;background-color: #f5f5f5;padding: 2% 1%;border-radius: 1em;color: var(--color7);margin-top: 1rem;}
.vip_line{border-bottom: dashed 1px #e91ca3}
.more{font-size: 1.2em;color: white;display: inline-block;text-align: center;text-decoration: none;
    background-color: var(--pink1);padding: 0.5% 2%;border-radius: 0.5em;}
.gift{font-size: 1.2em;background-color: #ffeefa;padding: 2% 7%;border-radius: 1.5em;}
.gift li{list-style: disc;}
.books_link{margin: 2% auto 0;font-size: 1.1rem;}
small{font-size: 0.8em;}
.freshman-content a{display: block;font-size: 1.2em;color: black;text-align: center;}
.freshman-content i{margin-right: 5px;}
#event_fourth span,#event_sec li span,#event_third span,#event_sec p span{color:var(--pink1);font-size: 1.3em;font-weight: bold;margin: 0 .5%;}
.freshman-box{display:flex;flex-wrap: wrap;margin: 2% 0 0;}
.freshman-content img{width: 100%;border-radius: 0.5em;}
.link{width: 100%;margin:0% auto 0;text-align: center;}
.link a{padding: 1% 5%;
    border: 0px solid #fff;
    border-radius: 2rem;
    margin: 1% 2%;
    display: inline-block;
    text-decoration: none;
    color: #fff;background-color: #5537b3;
    font-size: 1.5em;}

#Master_title{position: relative;}
.back_btn .back{
    position: absolute;
    right:7%;bottom: 5%;z-index: 1;
}
.gojoin{padding: 1.5rem;font-size: 1.3rem;width: 90%;margin: 0.5rem auto;}
.gojoin~div{width: 86%;margin: auto;}
.gojoin span{color: black;font-size: 1rem;font-weight: normal;}
.mapbg{background-color: white;border-radius: 0.5rem;}

@media (max-width:767px){
    .newTask, .newTask p, .booksGoup, .other{padding: 0rem 0!important;}
    .vip {width: 90%;}
    .card_ol{justify-content: center;}
    .card {margin: 6% auto;width: 100%;}
    .card ul{}
    .card ul img{max-width: 100%;}
    .card ul li{width: calc(100%/3.2)}
    .listTask img{max-width: 100%;}
    .listTask .dd1{margin:auto !important;}
    .new_date{width: 100%!important;}
}

@media (min-width:768px) and (max-width:1199px){
    .newTask, .newTask p, .booksGoup,.other{padding: 1rem 2rem!important;}
    .new_date { width: 50%; }    
}

@media screen and (-webkit-min-device-pixel-ratio:0) {/*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}
@media \0screen\,screen\9 {/*IE 6 7 8*/
}
@media screen\0 {/*IE 8 9 10 11*/
}
@media print {
}
/*20210330 ADD*/
#formlist select[name="sT2"] option:nth-child(-n+8){color: gray;}
.booksGoup
.booksGoup *{box-sizing: border-box;}
.booksGoup p{}
.booksTitle {font-size:2.8rem;font-weight: bold;text-align: center;margin: auto;}
.subbooks{font-size:1.3rem ;font-weight: 900;}
.bookscontent,.books_link  a {font-size: 1.3rem;line-height: 2.2rem;margin: 1% auto 2%;}
.books_link  a{font-size: 1.2em;color: white;display: inline-block;text-align: center;text-decoration: none;background-color: var(--pink1);padding: 0.5% 2%;border-radius: 0.5em;}
.booksList dt {color: white;font-size: 1.4rem;background-color: #1e86f1;padding: 0.2em 0.8em;border-radius: 0.9em;margin: 2% 30%;}
.booksList dd img {width: 40%;height: auto;}

.ADLink{right:0;bottom: 12rem;border-radius: 0.25rem;background: url(../images/0905006_p_bg.pngg) no-repeat top center;}
.ADLink img{margin: -20px 0% 0 0;}
.ADLink a{border-radius: 0.5em;color: var(--color1);background-color: white;display: block;padding: 0.5em;margin: 0.5rem 0;width: 22rem;}

/*20220304 ADD*/
.newTask,.booksGoup{text-align: left;padding: 1rem 7rem;}
.listTask_IRT{width: 70%;margin: 0 auto;display: block;}
.listTask{width: 85%;margin: 0 auto;display: block;}
.listTask,.listcontent,.golink,.listTask_IRT{font-size: 1.3rem;}
.listTask b,..listTask_IRT b{color: var(--pink1);}
.listTask dd,.listTask_IRT dd{margin: 0.5rem 0;}
.listTask img,.listTask_IRT img{margin-right: 3%;border-radius: 8px;}
.listTask span{font-weight: 900;}
.listcontent{margin: 1rem;}
.golink{background-color: var(--color1);width: max-content;padding: 0.5rem 1rem;margin: 1rem auto;border-radius: 1.5rem;}
.golink,.golink a{color: white;}
.listTask dt{font-weight: 900;}
.listTask,.listTask_IRT{text-align: left;}
.listTask .dd1{margin:-.3rem 0 1rem 6rem;}
.note_angle{width: 100%; text-align: center;font-size: 1.25rem;margin: 0.5rem 0;}
.finsh,.note_angle,.note_angle a{color: var(--color1);}
.finsh_rv2{color: black;font-weight: normal;}
.page_note{text-align: center;padding: 1rem 0;color: #264421;}
.finsh{font-size: 1.3rem;}
.finsh_rv2{font-size: 1.5rem; text-align: center;margin: 1rem 0 0rem 0;}
.finsh_rv2 span{color: var(--color1)!important;;font-size: 1.5rem!important;}
.ride{display: flex;flex-wrap: wrap;justify-content: space-around;}
.ride p{flex:1 1 20px;font-size: 1.3rem;text-align: left!important;padding:0;margin: auto;}
.ride p small{color: gray;font-size: 1rem;}
.ride p b,.ride span:nth-of-type(1){color: #BF66A5!important;}
.ride span:nth-of-type(2){color: #fdcf01!important;}
.ride span{font-weight: normal !important;font-size: 1.3rem !important;}
.other{padding: 1rem 0rem 0;margin: 0 auto;}
.other strong{color: var(--color1);}
.offer li{list-style-type: disc;margin-left: 2rem;float: left;margin: 0 1rem;color: #142d95;font-family: '微軟正黑體';}
#askarea_out  small{font-size: 1.2rem;color: #faf0b7;}
.irt_group{margin: 1rem 0;}
.irt_title{font-weight: 900;}
.btn-primary{padding-right: 1rem;}

.Jiugongge{margin-top: 2rem;}
.Jiugongge dt{font-weight: 900;font-size: 1.2rem;}
.Jiugongge div,.Jiugongge dl{width: calc(100%/2.1);text-align: center;font-size: 1.10rem;padding: 0.25rem;
    /* color: rgb(62, 3, 49); */
    margin: 0.3rem;
    /* border-bottom: 2px solid rgb(159, 10, 124); */
    background-color: #991b8e;
    border-radius: 2rem;
}
.Jiugongge div,.Jiugongge a,.Jiugongge dl{ color: white;}
.Jiugongge div:hover,.Jiugongge dl:hover{transform: scale(1.1);}
.Jiugongge div:hover a,.Jiugongge div:hover,.Jiugongge dl:hover a,.Jiugongge dl:hover{color: rgb(236, 236, 116);}
.Jiu_join{text-align: center;font-size: 1.3rem;margin: 1rem 0;font-weight: 900;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
.jiu_subtitle{font-weight: 900;}
.jiu_subtitle,.jiu_site{text-align: center;font-size: 1.2rem;}
/* .Jiugongge div:nth-child(1){background-color: #991b8e;}
.Jiugongge div:nth-child(2){background-color: #b12644;}
.Jiugongge div:nth-child(3){background-color: #122b5b;}
.Jiugongge div:nth-child(4){background-color: #bd2cb1;}
.Jiugongge div:nth-child(5){background-color: #cd3657;}
.Jiugongge div:nth-child(6){background-color: #284378;}
.Jiugongge div:nth-child(7){background-color: #9e5498;}
.Jiugongge div:nth-child(8){background-color: #ad5366;}
.Jiugongge div:nth-child(9){background-color: #4a669e;} */
.date_bg,.new_date_title{margin: 0.5rem 0;}
.new_date_title{font-size: 1.4rem;font-weight: 900;}
.new_date dt{font-size: 1.2rem;}
.new_date dt,.new_date dt a{font-weight: 900;color: rgb(238, 240, 164);}
.new_date{background-color:#aa3684;padding: 0.5rem 2rem;border-radius: 2rem;margin: 0 auto .5rem;width: 46%;}
.new_date,.new_date a{color: white;}
@media all and (min-width: 1201px){
    /*外框區域*/
    .w-px{width:1px}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}
    .w-2\/4{width:50%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}
    .w-1\/6{width:16.666667%}.w-2\/6{width:33.333333%}.w-3\/6{width:50%}.w-4\/6{width:66.666667%}
    .w-5\/6{width:83.333333%}.w-1\/12{width:8.333333%}.w-2\/12{width:16.666667%}.w-3\/12{width:25%}
    .w-4\/12{width:33.333333%}.w-5\/12{width:41.666667%}.w-6\/12{width:50%}.w-7\/12{width:58.333333%}
    .w-8\/12{width:66.666667%}.w-9\/12{width:75%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}
    .w-full{width:100%}

    #BodyContent{width:100%;padding:0;margin:0;}
    #BodyContainer_event{width:100%;margin:0;}
    #BodyHeader_event_rwd,#topli{display:none;}
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中1200px寬外框*/
    #event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin: 2% 20% 2%;padding: 2% 0%;text-align: center;border-radius: 1em;}
    #event_sixth{margin: 2% 20% 0;}
	#event_master{margin: 0% 20% 3%;padding: 0%;text-align: center;}
    #event_sec p,#event_third p,#event_fourth p,#event_fifth p,#event_sixth p{text-align: center;}
	/*主圖*/
	#Master_title {
        width: 1200px;height: auto;
        margin: 0 auto -.3%;overflow: hidden;
    }
    /*div section標籤段落*/
    section p,div p{font-size:1.45rem;line-height:1.5em;margin: 2% auto 2%;}
	
    /*標題大小*/
    h1{ font-size: 3em; }
    h2{ font-size: 2.5em; }
    h3{ font-size: 2.2em; }
    #event_sixth nav a{ font-size: 1.3em; }
    .freshman-content{width: calc(100%/3);padding: 0 5%;}
    #event_fourth font{display: block;}
    /* bodyHeader */
    #BodyHeader_event,#header-share{width:100%;float:left}
    #BodyHeader_event #header-share{line-height:2;font-size:17px;margin-bottom:0;margin-top:0;background-color:#FFF}
    #BodyHeader_event #header-share img{margin-bottom:5px}
    #BodyHeader_event a{color:#333;font-size:17px}
    #BodyHeader_event a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}
    /* Footer */
    #BodyFooter_rwd,#footer_line,#footer_address ul li,#footer_inline ul{display:inline-block;}
    #BodyFooter_rwd{width:100%;margin-top:2%;}
    #footer_address,#footer_address #adinfo_out,#footer_address #adinfo{margin:0 auto;width:100%;}
    #footer_inline ul,#footer_address ul{width:100%;margin:0% auto;}
    #footer_inline a,#footer_address a{color:#000}
    #footer_inline ul li{display:inline;margin:auto 0.5%;width:13%;}
    #footer_address ul li{width:100%;line-height:1.9em;font-size:1em;}
    #adinfo_out #adinfo{width:50%;display:inline;margin:auto 1%;}
    #footer_inline ul li img{width:10%;height:auto;vertical-align:middle;}
    #footer_line{width:90%;border-top:thin solid #999;margin:2% 5%}
    /*ask*/
    #askarea_out .irt_title{padding: 1rem 2.5rem;font-size:1.3rem;}
    #askarea_out *{font-family:"微軟正黑體";font-size:1em}
    #askarea_out{background-color:#412a88;width:100%;display:inline-block;text-align:left}
    #askarea{width:1200px;margin:0 auto}
    #askarea img{width:8%;height:auto}
    #askarea p{margin-top:1%;margin-bottom:1%;font-size:1.1em}
    #askarea .asktitle,#askarea .asktitle p{text-align:center}
    #askarea .asktitle{color:#FFF;font-size:1.55em;margin-top: 1%;margin-bottom: 1%;}
    #askarea #formlist{width:80%;margin:2% auto;color:#FFF}
    #askarea SELECT,#askarea input{border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%;margin:auto 1% 1% auto}
    #askarea SELECT{width:19.7%}
    #askarea input{color:#A1A1A1}
    
    .ts1 {
        font-size: 0.95em;
        margin: 0;
        display: inline-block;
    }
    
    .ask_list{margin-left:4rem;}
    #askarea input[name="sContent"]{width:50%}
    #askarea input[type="text"]{width:32%;/*height:20px*/}
    #askarea input[type="radio"]{margin-left:3%}
    #askarea input[type="submit"],#askarea input[type="reset"]{width:;height:45px;color:#FFF;background-color:#e91ba2;padding:.5em}
    #noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/left:0;top:0}
    #noie a{color: #FC0;}
    .hottxt{ color: #ffd942; font-size: 13px;}	
	
}
#askarea textarea[name="sContent"] {
    width: 100%;
    height: 200px;
}
.ask_list li{list-style-type: decimal;}