@import url("../../../icon_new_6.2/css/all.min.css");
@import url("../../../File/css/ani.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 JhengHei","Microsoft YaHei",  Arial;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li,dd,ol{margin:0;padding:0;list-style-type:none;}
small{font-size: smaller;}

/*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;}

/*共用*/
.bgcolor0{background:url('../images/1411013_bg.png') no-repeat center 100%;}
.bgcolor1{background: linear-gradient(90deg, #275b5a, #407474, #376b6b, #275b5a);}
.bgcolor2{background: linear-gradient(90deg, #cccccc, #ffffff, #ebebeb, #cccccc);}
.bgcolor3{background: linear-gradient(90deg, #e0d19c, #fffbec, #f4e9be, #d0c18d);}
.bgcolor4{background-color: #E4E4E4;}
.bgcolor5{background-color: #DFDFDF;}
.red{color: var(--red);}
.red_bg{background: var(--red);}
.point{color:var(--point);}
/*所有元素漸變0.5秒*/*{transition: all .5s;}

.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";}

/*設計專用樣式Start*/

:root {
  --item:#9a772d;
  --item_light:#bba55c;
  --item_pale:#ebdfb4;
  --point:#be560a;
  --main:#275b5a;
  --main_light:#407474;
  --red:#a00000;
  --gray:#ccc;
  --white:#fff;
  --white_transparent:#ffffffaa;
}

.Vuecontainer {}
.Vuetabs {margin: 0 1.5rem -2px;padding: 1rem 0 0;}
.Vuetabs a{cursor: pointer;width: calc(100% / 5 - .5rem);padding:.8rem;color: #ffffffee;font-size: 1.125rem;border-left: 2px solid var(--item_pale);border-top: 2px solid var(--item_pale);background:var(--item_light);text-align: center;font-weight: 500;border-radius: 1rem 1rem 0 0;margin:0 auto;}
.Vuetabs a:last-child {border-right: 1px solid var(--gray);}
.Vuetabs a:hover {background-color:#f2eacc;color:var(--item);}
.Vuetabs a.active {color: var(--item);font-size: 1.2rem;background-color:#fefefe;cursor: default;}
.tabVuecontent {padding:2rem 3rem;border: 1px solid var(--gray);margin: 0 1rem;border-radius: .25rem;background:linear-gradient(180deg, #fefefe, #ffffff, #dddddd);}
.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;transition: opacity 0s;}

.feature{text-align: left;}
.feature dt{font-size: 2.2rem;padding: 0 0 .5rem;color:var(--main);font-weight: 600;letter-spacing: .1rem;}
.feature dt::before{content: '◆';font-size: 1.35rem;vertical-align: text-top;padding: 0 .25rem 0 0;}
.feature dd{font-size: 1.3rem;line-height: 2.2rem;padding: 0 .5rem 0 1.5rem;}
.feature dd:nth-of-type(1){width: fit-content;font-size: 1.5rem;font-weight: 500;padding: .125rem 1.5rem;letter-spacing: .05rem;margin: 0 0 .35rem;background:var(--main_light);color: var(--item_pale);border-radius: 50rem;}
.feature_link li{font-size: 1.25rem;padding: .5rem 1.5rem;margin: 2rem 2rem 1rem;border-radius: 1.5rem;background:linear-gradient(180deg, #c67b3d, #d88a4a, #b5611a);filter: drop-shadow(1px 2px 5px #0000002a);}
.feature_link li:hover{position: relative;top: 1px;left: 1px;text-decoration: unset;filter: drop-shadow(1px 2px 2px #0000005a);}
.feature_link li,.feature_link li a{color: var(--white);text-decoration: none;}
.feature_link li:first-child{background: linear-gradient(180deg, #c8123e, #c3274c, #a9052d);}

.arrow_container , .service , .previous {border-bottom: 2px dashed #275b5a3a;padding: 0 0 1rem;margin: 0 auto 2rem;}
.group_title{font-size: 2.6rem;font-weight: 900;margin: 0 0 .5rem;color:var(--main);text-align: center;position: relative;}
.group_title_light{color:var(--white);}
.media_name,.media_des,.media_group{padding: 1rem 1.05rem .8rem;}
.media_group:nth-child(1),.media_group:nth-child(2) {border-bottom: 2px dotted #275b5a3a;}
.media_group:nth-child(1),.media_group:nth-child(3) {border-right: 2px dotted #275b5a3a;}
.stu{padding: .8rem 0 0 1rem;word-break: keep-all;}
.media_photo img{border-radius: 9999rem;margin: 0 auto;border: 2px solid var(--item_light);}
.media_name,.media_des{text-align: left;}
.media_name{font-size: 1.3rem;font-weight: bold;}
.media_name dt{font-size: 1.6rem;padding: 0 0 .25rem;color:var(--main);}
.media_name dd{line-height: 2.25rem;}
.media_name .pass{letter-spacing: .25rem;padding: 0 .8rem .125rem 1.1rem;margin: 0 .35rem 0 0;border-radius: 1rem;color:var(--white);background: linear-gradient(0deg, #9a772d, #bba55c);}
.media_des{font-size: 1.1rem;color: #222;text-align: justify;line-height: 1.8rem;}
.media_des b{color:var(--main);font-family: "Meiryo", "Meiryo UI", "Arial", "sans-serif";padding: 0 0 .15rem;}
.media_des b a{margin: 0 .25rem;text-decoration: none;border-bottom: 2px dotted;}
.media_des b a:hover{font-weight: bold;color: var(--item);}
.more{font-size: smaller; color:var(--main);text-decoration: none;padding: 0 .8rem .2rem;margin: 0 .5rem;border-radius: 1.5rem;background: linear-gradient(180deg, #dadadaaa, #ffffffaa, #ebebebaa, #ccccccaa);}
.more:hover{position: relative;top: 1px;left: 1px;text-decoration: unset;filter: drop-shadow(1px 2px 2px #0000005a);background: linear-gradient(180deg, #dadada, #ffffff, #ebebeb, #cccccc);}

.arrow_container{padding: .5rem 0 2rem;}  
.arrow{display:flex;gap:1rem;width: 100%;margin: auto;background: linear-gradient(90deg, #805c68 10%, #497781 15%,#497781 30%, #889540 60%, #92a14d 90%);clip-path: polygon(0 0, 96.1% 0, 100% 50%, 96.1% 100%, 0 100%);}
.arrow_box{position:relative;color:var(--white);text-shadow: 2px 2px 3px #0000001a;filter:drop-shadow(8px 0px 0px #f7eeca);}
.arrow_box1,.arrow_box2,.arrow_box3{clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%);}
.arrow_box1{background:linear-gradient(90deg, #805c68, #9d7883);padding:1.5rem 4.5rem 1.5rem 3.8rem;}
.arrow_box2{background:linear-gradient(90deg, #497781, #54828f);padding:1.5rem 4.5rem 1.5rem 1.5rem;}
.arrow_box3{background:linear-gradient(90deg, #889540, #92a14d);padding:1.5rem 4.5rem 1.5rem 2rem;}
.arrow_box dt{font-size: 2rem;font-weight: bold;letter-spacing: .2rem;padding: 0 0 .5rem;margin: 0 auto .65rem;color: #fff38c;border-bottom: 1px solid var(--item_pale);}
.arrow_box dd{font-size:1.45rem;}
.arrow_box dd a{text-decoration: none;}
.arrow_box dd i{font-size: smaller;padding: 0 .9rem 0 0;color:var(--item_pale);}
.arrow_box dd a:hover{position: relative;top: 1px;left: 1px;}

.service_des{width: calc(100% / 4 - 1rem);background:var(--white_transparent);border-radius: 1rem;margin: 2.5rem auto 1rem;border: 2px solid var(--item_light);}
.service_des dt{text-align: center;font-size: 1.55rem;font-family: "Meiryo", "Meiryo UI", "Arial", "sans-serif";border-bottom: 1px dashed var(--item_light);background:#ab954e;font-weight: bold;padding: 2.25rem .5rem 0;position: relative;margin: 0rem auto .5rem;border-radius: .8rem .8rem 0 0;color:var(--white);text-shadow: 2px 2px 3px #0000001a;}
.service_des dt img{width: 73px;margin: auto;background:var(--main_light);border: 4px double var(--item_light);padding: .3rem;border-radius: 50rem;position: absolute;top: -2.5rem;left: 50%;transform: translate(-50%, 0);}
.service_des dd{font-size: 1.15rem;padding: 0 1.2rem 1.5rem;text-align: justify;}

.previous{position:relative;}
.previous .audition a{opacity: .8;text-decoration: none;position: absolute;top: -1.2rem;right: 8rem;text-align: center;background:var(--white_transparent);padding: .7rem .6rem .5rem;margin: auto;line-height: 1.8rem;font-size: 1.15rem;color:var(--point);border: 1px solid;border-radius: 1rem;}
.previous .audition a:hover{color:var(--white);background:linear-gradient(180deg, #c67b3d, #d88a4a, #b5611a);}
.previous .audition i{font-size: 2.5rem;}
.previouslist dt{font-size: 1.55rem;font-family: "Meiryo", "Meiryo UI", "Arial", "sans-serif";border-radius: 1rem 1rem 0 0;color:var(--item);font-weight: bold;border-bottom: 1px dashed var(--item_light);background:var(--white_transparent);padding: 1.5rem 0 1rem;text-align: center;height: 6rem;align-items: center;display: flex;justify-content: center;}
.previouslist{width: calc(100%/3 - 1rem);margin: 1rem 0;border: 2px solid var(--item_light);border-radius: 1rem;}
.previouslist img{width: 100%;border-radius:0 0 1rem 1rem;}
.books_des{text-align: left;padding: 1rem;}
.books_des li{list-style: disc;margin-left: 1.5rem;font-size: 1.2rem;line-height: 2rem;text-align: justify;padding: .2rem .8rem .25rem 0;border-bottom: 2px dotted var(--item_light);}
.books_des li::marker{color:var(--item);}
.books_des li:nth-child(odd){background:linear-gradient(90deg, transparent, #ffffff5a 20%, #ffffff3a 70%, transparent);}
.Booksphoto figure{text-align: center;font-size: 1.3rem;width: fit-content;margin: auto;}
.Booksphoto figcaption a{text-decoration: none;}
.Booksphoto img{margin: 0 auto .35rem;}
.Books {padding: .5rem 0;}

.branch{padding: 1rem .5rem .5rem;}
.branch_out{padding:1rem}
.branch dt{color:#ffec4c;font-size:2rem;letter-spacing:.125rem;border-bottom:1px dotted #ffffff5a;text-align:center;padding:.5rem 0 .6rem;margin:.5rem auto .6rem;background:linear-gradient(90deg,transparent,#ffffff4a,transparent)}
.branch dd{font-size:1.3rem;color:var(--white)}
.branch dd img{width:100%;margin:.8rem auto 0;border-radius:1rem}

/*設計專用樣式END*/

#askarea_out input, #askarea_out select {color: rgb(82, 80, 80);}
#askarea input[type="submit"],#askarea input[type="reset"]{color: var(--white);}
#askarea_out img{width: 25%;display: inline-block;margin: 0.5rem 0;}

@media (min-width: 1201px){

    #BodyContent{width:100%;padding:0;margin:0;}
    #BodyContainer_event{width:100%;margin:0;}
    #BodyHeader_event_rwd,#topli{display:none;}

    /*資料集中1200px寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:2% auto;display:inline-block;width:1200px;padding:0;}    
    #Master_title{margin: 0 auto;display:inline-block;padding:0;vertical-align: bottom;}
    /*標題大小*/
    /* h1{ font-size: 3em; }
    h2{ font-size: 2.5em; }
    h3{ font-size: 2.2em; }
    #event_sixth nav a{ font-size: 1.3em; } */
    /* 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;max-width: 12%;display: inline-block;}
    #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;display: inline-block;}
    #footer_line{width:90%;border-top:thin solid #999;margin:2% 5%}
    /*ask*/
    #askarea_out *{font-family:"微軟正黑體";font-size:1em}
    #askarea_out{background: linear-gradient(180deg, #baa45e, #b3964c, #9b7c3c);width:100%;padding: 1.5rem 0 0;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:#555;}
    #askarea input[name="sContent"]{width:50%}
    #askarea input[type="text"]{width:40%;/*height:20px*/}
    #askarea input[type="radio"]{margin-left:3%}
    #askarea input[type="submit"],#askarea input[type="reset"]{width:11%;height:45px;color:#FFF;background: linear-gradient(0deg, #275b5a, #407474);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;}
}

@media (max-width: 1200px){
    /*隱藏的區塊*/
    #BodyHeader_event,.hottxt,#noie{display:none;}
    /*會撐開的版面控制*/
    #BodyContent {width: 100%;padding:0;}
    #BodyContainer_event{width: 100%;}
    /*header*/
    #BodyHeader_event_rwd {	text-align: center;width:100%;height: auto;	margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    #BodyHeader_event_rwd img,#BodyFooter_rwd #footer_inline ul li img{display: inline-block;}
    @media screen and  (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 50%;margin-top:2.5%;}}
    @media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;margin-top:2.5%;}}
    /*選單*/
    #mbSearch {margin: 5% 0 0 0;border-bottom: 1px solid #7D7D7D;width: 100%;}
    #mbSearch input {border: none;outline: 0;font-size: 2em;padding-left: 6%;}
    /*body*/
    #Master_title{display:inline-block;width:98%;padding:0 1%;vertical-align: bottom;}/*主圖位置ID*/
    @media all and (orientation : portrait){#Master_title{margin-top: 15%;}}
    @media screen and  (orientation:landscape) {#Master_title{margin-top: 10%;}}
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{width:100%;padding:2% 0;}
    /*div section標籤段落*/
    /* section p,div p{font-size:1.3em;line-height:1.9em;text-align:left;} */
    /* nav p{line-height:1.8rem;} */
    /*標題大小*/
    /* h1{font-size: 2.2em;}
    h2{font-size: 2.0em;}
    h3{font-size: 1.6em;} */
    #event_sixth nav a{ font-size: 1.2em;}
    .feature dt {font-size: 2rem;}
    .group_title {font-size: 2.3rem;}
    .arrow_container {padding: 0 2rem 3rem;}
    .arrow{flex-direction: column;clip-path: polygon(0% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%);background: linear-gradient(180deg, #805c68 10%, #497781 15%, #497781 30%, #889540 55%, #92a14d 65%);}
    .arrow_box{filter: drop-shadow(0px 8px 0px #f7eeca);}
    .arrow_box a{display: block;padding: .25rem;}
    .arrow_box br{display: none;}
    .arrow_box dt {width: 60%;}
    .arrow_box1, .arrow_box2, .arrow_box3 {clip-path: polygon(0% 0%, 100% 0, 100% 80%, 50% 100%, 0 80%);text-align: center;}
    .arrow_box1{background:linear-gradient(180deg, #805c68, #9d7883);padding: 1rem .5rem 3rem;}
    .arrow_box2{background:linear-gradient(180deg, #497781, #54828f);padding: 1rem .5rem 3rem;}
    .arrow_box3{background:linear-gradient(180deg, #889540, #92a14d);padding: 1rem .5rem 3rem;}

    .media_group {border-bottom: 2px dotted #275b5a3a;margin: auto;}
    .media_group:nth-child(1), .media_group:nth-child(3){border-right: 0px;}
    .media_group:nth-child(4){border-bottom: 0px}
    .media_photo{margin: 0 auto;display: block;}
    .stu {padding: 0;}
    .service {padding: 0 1rem;}
    .service_des {width: calc(100% / 2 - 1rem);}
    .previous {padding: 0 1rem;}
    .previous .audition a {top: -1rem;right: 0;}
    .previouslist dt {font-size: 1.3rem;}
    .Books{justify-content: center;align-items: start;}
    .books_des {width: fit-content;}
    .branch{padding: 1rem .5rem;}

    /*footer*/
    #BodyFooter_rwd{float: left;width:100%;background-color:#FFF;margin-top:5%;}
    #BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 3%;margin-top: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #999;}
    #BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_inline ul{float: left;padding:0;width:100%;margin-bottom: 1%;text-align:center;}
    #BodyFooter_rwd #footer_inline ul li img{max-width:40%;height:auto;margin-bottom: 2%;}
    #BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;	margin-right: auto;	line-height: 2em;font-size: 1em;clear: both;width: 100%;}
    #BodyFooter_rwd #footer_address{margin-top: 0%;	float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_address ul{float: left;padding:0;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: .8em;}
    /*ask*/
    #askarea{background: linear-gradient(180deg, #baa45e, #b3964c, #9b7c3c);width: 100%;height: auto;float: left;padding:4% 1% 2% 1%;}
    #askarea .asktitle,#askarea .asktitle p{text-align: center;}
    #askarea .asktitle{font-size: 1.0em;color: #FFF;margin-bottom: 2%;line-height: 2em;}
    #askarea p {margin:0% auto auto 5%;	width: 90%;}
    #formlist{width: 99%;float: left;margin:2% auto auto 0%;padding-right:1%;font-size: 0.8em;color: #FFF;}
    input[name="sContent"]{width:50%;}
    input[type="text"]{	width:99%;}
    SELECT,input{border-radius: 7px;font-size: 1.0em;margin:auto 1% 3% auto;background-color: #FFF;height:30px;}
    SELECT{width:100%;border: #FFF;	padding: 0.5%;}
    input{border: #FFF;padding: 1%;color: #C6C6C6;}
    input[type="submit"],input[type="reset"]{color:#FFF;background: linear-gradient(0deg, #275b5a, #407474);-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5%;padding:2%;height:auto}
    input[type="radio"]{width:1em;height:1em;margin-left: 3%;}
    /*TOP按鈕*/
    #topli,#topli a{color: #fff;text-decoration: none;}
    #topli{width:50px;height:50px;text-align:center;border-radius: 9999em;background-color:#000;opacity:0.4;position:fixed;line-height:50px;font-size: 15px;}
    @media screen and  (orientation:portrait) {#topli{right:1%;bottom:8%;}}
    @media screen and  (orientation:landscape){#topli{right:1%;bottom:15.8%;}}
}

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

@media (min-width: 768px) and (max-width: 991px) {   
}

@media (max-width: 767px) {   
    .Vuetabs a{writing-mode: vertical-lr;padding: .8rem 1.25rem;text-align:start;font-size: 1.05rem;}
    .Vuetabs a span{display: block;}
    .Vuetabs a:nth-child(4){padding: .8rem .45rem;}
    .tabVuecontent {padding: 1rem;}
    .arrow_container , .service , .previous {padding: 0 1rem .5rem;margin: 0 auto 1rem;}
    .feature dt ,.media_name dt , .arrow_box dt , .service_des dt ,.branch dt{font-size: 1.45rem;}
    .feature dd:nth-of-type(1) {font-size: 1.25rem;line-height: 1.7rem;padding: .25rem 1.5rem;}
    .feature dd {font-size: 1.125rem;line-height: 1.6rem;}
    .feature_link li {margin: 1rem .5rem;}
    .feature_link li ,.media_name dd ,.arrow_box dd {font-size: 1.2rem;}
    .group_title {font-size: 1.65rem;padding: .5rem 1.25rem 0;word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}
    .media_name{padding: 1rem 1rem 0;}
    .media_des {font-size: 1.05rem;line-height: 1.6rem;padding: .5rem;}
    .media_photo img {width: 70%;}
    .arrow_container {padding: 0 1.5rem 1rem;}
    .service_des,.previouslist{width: 95%;}
    .service_des dt{text-align: center;}
    .service_des dt img {width: 65px;top: -3rem;}
    .service_des dd,.branch dd{font-size: 1.1rem;}
    .previous .audition a {display: block;position: unset;font-size: 1.15rem;display: flex;justify-content: center;align-items: center;padding: .5rem 1rem .5rem .5rem;}
    .previous .audition br{display: none;}
    .previous .audition i {font-size: 2rem;padding: .25rem;}
    .previouslist dt {font-size: 1.25rem;height: auto;padding: .8rem .5rem .5rem;}
    .books_des li {font-size: 1.05rem;line-height: 1.5rem;}
    .branch {padding: 0 0 1.5rem;}

}

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