/*設計專用樣式Start*/
.pc_show{display:block}
.mb_show{display: none}
.br_pc{display:block}
.hitlist_title{font-size:3rem;margin: -50px 0 2rem;font-weight: 900;color: #ed412f;font-family: "Microsoft YaHei", Microsoft JhengHei, Arial;text-align: center;}
.hit_info{border-bottom: 6px #dbb869 dotted;height: 100%;margin-bottom: 3%;text-align: center;}
.hit_info dd{font-size: 1.2rem;color: #915d25}
.hit_info dd:last-of-type, .hit_info dd.text-black{color: #000}
.hit_info .height{height: 28.8px;}
.hitList figure{width:calc(100%/4);display:flex;flex-wrap:wrap;justify-content:center;align-items: flex-start;}
.hitList figure::before{content:'';background-image:url(../images/1401020/frame.png);position:absolute;border-radius:50%;overflow:hidden;background-size:250px 263px;width:250px;height:263px;}
.hitList figcaption{width: 100%;}
.hitList img{border-radius:50%;margin: 3.5rem 2rem 0.75rem;}
.t_gold{font-size: 1.2rem;font-weight: bold;color: #ee3c32;}
.media{background-color: #ffffff6b;border-radius: 20px;margin-bottom: 2%;}
.media_group{position: relative;text-align: left;margin: 2rem 0;padding: 0 2rem;align-content: flex-start}
.media_title,.grade_title,.service_title{font-size:2.7rem;margin: 2rem 0 0.5rem;font-weight: 900;color: #ed412f;font-family: "Microsoft YaHei", Microsoft JhengHei, Arial;text-align: center;}
.group_title{font-size: 1.4rem;color: #a247b1;font-weight: bold;font-family: "Microsoft JhengHei", Arial, Verdana;}
.media_right{position: absolute;right:1rem;top:-1rem;background-color: #a247b1;color: white;width: max-content;padding: 0.5rem;margin-left: 1rem;border-radius: 20px 0;font-size: 1.2rem;}
.media_content{margin: 0.5rem 0;font-family: "Microsoft JhengHei", Arial, Verdana;}
.media_content a{color: #d9354d;font-weight:bold}
.media .listen{margin-bottom: 2%;font-size: 1.2rem;width: 100%;text-align: center;}
.media .listen i{font-size: 2rem;vertical-align: baseline;margin-right: 5px;color: #03a9f4;border: 2px #a4dae1 solid;padding: 1%;border-radius: 50px;background-color: #fff;}
.media .listen a{font-size: 1.6rem;color: #a247b1;}
.media_name{padding-bottom: 10px;border-bottom: 1px #ff9800 dotted;}
.media_name .name{color: #9e6b59;font-size: 1.15rem;}
.realName{color:#7e5e22;text-align: center;}
.listcontent li{width: calc(100%/3);font-size: 1.5rem;line-height: 2.5rem;color: #722e58}
.gradelink i{font-size: 1.8rem;color: #ff5596;margin-right: 3px;}
.gradelink li{font-size: 1.3rem;margin: 1rem 0;}
.gradelink li a{font-size: 1.8rem;color: #a14093;font-weight: bold;font-family: "Microsoft YaHei", Microsoft JhengHei, Arial;}
.service_list{width: calc(100%/5);position: relative;}
.service_list::after{content: "";position: absolute;width: 0;height: 0;border-style: solid;border-width: 20px 0px 20px 20px;border-color: transparent transparent transparent #d93b81;top: 35%;bottom: 0;right: -18px;z-index: 2;}
.service_list:last-of-type:after{content: none;}
.service_list > dt{color: #fff;border-left: 4px #fffcf8 dotted;text-align: center;background-color: #f54c97;font-size: 2.3em;line-height: 2.8rem;border-radius: 22px 22px 0 0;margin: 2% 1% 0;    padding: 15% 3% 3%;height: 90px;font-weight: bold;font-family: "Microsoft YaHei", Microsoft JhengHei, Arial;}
.service_list > dd{text-align: center;background-color: #f54c97;padding: 0 7% 6%;border-radius: 0 0 22px 22px;margin: 0 1% 20%;height: 191px;font-size: 1.11rem;}
.service_list li{background: linear-gradient(to right,#a14093 5%,#0095a8 100%);padding: 2% 3%;border-radius: 1rem;margin: 0 -3% 2%;letter-spacing: 1px;color: #FFF;}
.grade_list{ background-color: #ffbbcf8c;border-radius: 35px;text-align: center;}
.bannerlist{padding: 1% 0 2%;border-top: 1px #5fcedc dotted;text-align: center}
.bannerlist img{padding-bottom: 1.7%}
.bannerlist a{font-size: 1.5rem;color: #1d4c62;font-family: "Microsoft YaHei", Microsoft JhengHei, Arial;}
.bannerlist figure{margin: 0% 2% 3%}
.service_item{padding-top: 3%;font-size:1.36rem}
.service_item a{ font-size:1.36rem;}
/*設計專用樣式END*/

/*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", Microsoft JhengHei, Arial;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li,dd,ol{margin:0;padding:0;list-style-type:none;}

/*共用*/
.bgcolor0{background-color: #FCFCFC;}
.bgcolor1{background-color: #ffd8d8;background: #e4e9ef url(../images/1104043_bg.jpg) repeat center;}
.bgcolor2{background-color: #F3F3F3;}
.bgcolor3{background-color: #EEEEEE;}
.bgcolor4{background-color: #E4E4E4;}
.bgcolor5{background-color: #DFDFDF;}
.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;}

@media (min-width: 1201px){
    /*資料集中1200px寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin: auto;width:1200px;padding: 2% 0;} 
	#Master_title{margin:0% auto;width:100%;padding:0;} 
}

@media (max-width: 1200px){
    .media_group{padding: 0.5rem;margin: 0;}
    .media_right{position: static;margin: 1rem auto auto 1rem;}
    .listcontent li{width: calc(100%/1);text-align: center;}
    /*資料集中寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{width:100%;padding:0%;}
}

@media (min-width: 768px) and (max-width: 1199px){   
    .service_list{width: calc(100% / 2.25);}
    .service_list > dt{height: auto;}
}

@media (min-width: 992px) and (max-width: 1199px){
}

@media (max-width: 1023px){   
    .hitList figure{width: calc(100% / 3);}
}

@media (max-width: 767px){ 
    .pc_show{display: none}
    .mb_show{display:block}
    .br_mb{display:block}
    .br_pc{display:none}
    #Master_title{display: inline-block;width: 100%;padding: 0;margin-bottom: -4%}
    .media_title, .grade_title, .service_title{font-size: 1.8rem;line-height: 2.2rem;margin: 1rem 0 0.5rem;font-weight: 900;color: #ed412f;text-align: center;}
    .media{margin: 7% 7% 4%;padding: 2% 3%}
    .media_right{margin: 0.5rem 0 0;display: inline-block;order: 1;padding: 0.5rem 1rem;width: fit-content;}
    .media_info{order:2}
    .media_content{line-height: 1.7rem;order: 3;}
    .media .listen i{font-size: 1.2rem;border: 0;padding: 2%;}
    .media .listen a{font-size: 1.4rem;}
    .listcontent li{width: calc(100%/2);text-align: center;font-size: 0.95rem;line-height: 1.2rem;margin-bottom: 3%;}
    .gradelink li a{font-size: 1.2rem;line-height: 1.5rem;border-left: 4px #e98492 solid;padding: 0% 12% 0%;text-align: center;}
    .grade_list{border-radius: 0;width: 100%;}
    .gradelink i{font-size: 1.8rem;margin: 0 auto;text-align: center;width: 100%;}
    .hitlist_title{font-size: 1.8rem;margin: 1rem 0 1rem 1.2rem;text-align: center;}
    .hitList figure{width: 45%;text-align: center;}
    .hit_info dd{font-size: 0.9rem;}
    .hit_info .height{height: 21.5px;}
    .hitList img{width: 130px;margin: 2.5rem 2rem 0.75rem;}
    .hitList figure::before{background-size:170px 179px;width:170px;height:179px;}
    .t_gold{font-size: 0.9rem;}
    .service{margin: 0.8% auto 1.3%;padding-bottom: 2%;width: 75%;text-align: center;}
    .service_list{width: 90%;}
    .service_list::after{bottom: -20px;left: 42.5%;top: auto;border-width: 20px 20px 0px 20px;border-color: #f54c97 transparent transparent transparent;}  
    .service_list > dd{height: auto;padding: 0 6% 9%;margin: 0 1% 0;}
    .service_list > dt{margin: 8% 1% 0;padding: 5% 3% 0%;height: auto;color: #fff;border-left: 4px #fffcf8 dotted;text-align: center;background-color: #f54c97;font-size: 2em;
    line-height: 2.4rem;}
    input[type="submit"], input[type="reset"]{background-color: #07689b;border: 2px #fff solid;padding: 0.5em 1em !important;}
    .bannerlist img{padding-bottom: 0.7%;padding-top: 4%;}
    .bannerlist a{font-size: 1.15rem;}
    .group_title{line-height: 1.8rem;margin-top: 5%}
}

@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{
}