@import url("../../../icon_new_6.6/css/all.min.css");
/*DIY*/
.bg0 {background: url(../images/1411077_01.png) no-repeat bottom;}
.bg1 {background: #fdd100;}


body *{font-family: 'Noto Sans TC', sans-serif;font-weight: ;}
#event_master *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#Master_title img {text-align: center;margin: 0 auto;
}
.group_1{background-color: #0d9593;padding: 2%;}
.group_2{background-color: #225982;padding: 2%;}
.group_title,.group_title2,.group_title  dt{font-family: MStiffHeiHK;}
.group_title dd{font-size: 1.7rem;font-weight: normal; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;padding: 0.5rem;}
.group_sub{font-size: 2.5rem;margin: 1rem 0;}
.group_sub.b{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* margin: 1rem 0; */
    /* border-radius: 50%; */
    /* background-color: #5f51b2; */
    /* padding: 1.0rem 0.8rem; */
    text-align: center;
    /* width: fit-content; */
    color: #fdd100;}
.group_sub.b b{font-size: 4.5rem;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
.group_sub.s{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* margin: 1rem 0; */
    /* background: linear-gradient(to top right, #2b5a8b 15%, #0b9a94 44%); */
    /* padding: 1.0rem 0.8rem; */
    text-align: center;
    /* width: fit-content; */
    color: #fdd100;}
.group_sub.s b{font-size: 3.0rem;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
.group_title{margin: 2rem 0;/*background: linear-gradient(to right, #ffffffe3 25%, #f0eadd 75%, #ffffff00 100%);*/border-left: solid 0px #1e1b66;text-align: center;padding: 0 3rem;}
.group_title dt{font-size: 3rem;font-weight: 900;margin: 0rem 0;border-bottom: dashed 1px #000;padding-right: 4rem;}
.group_title2{margin: 2rem 0;/* border-left: solid 15px #1e1b66; */
    text-align: center;padding: 0 3rem;
    /* width: fit-content; */
    font-size: 3rem;border-bottom: dashed 1px #000000;}

.big{font-size: 6rem;font-weight: 900;color: #0d9593;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
.sm{font-weight: 900;color: #225982;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
.Vuecontainer {}
.Vuetabs {margin-bottom: 0px; }
.Vuetabs ul {/*     list-style-type: none; margin-left:; */}
.Vuetabs a{cursor: pointer;padding: 0.7rem 1rem;transition: background-color 0.2s;border: 0px solid #ccc;border-right: none;background-color: #ffffff4a;
    font-size: 1.3rem;
    /* border-radius: 0rem 0.8rem 0 0; */
    /* background: linear-gradient(to right, #f4e9d3 75%, #d7b881 100%); */
    margin-right: 1px;color: #ffffff;}
.Vuetabs a:last-child {border-right: 0px solid #ccc;}
.Vuetabs a:hover {/*background: linear-gradient(to right, #8b6843 0%, #c9a774 20%, #f1dbb4 80%, #a5784e 100%);*/ color: #0c1427;}
.Vuetabs a.active {color: #000000;border-bottom: 3px solid #0c1427;cursor: default;
    /* background: linear-gradient(to right, #8b6843 0%, #c9a774 20%, #f1dbb4 80%, #a5784e 100%); */
    background-color: #fdd100;}
.tabVuecontent { padding: 2rem;background:linear-gradient(to right, #ffffffe3 65%, #ffffff69 90%);font-size: 1.2rem;margin-bottom: 4rem;}
.subjectList{display: flex;flex-wrap: wrap;justify-content:flex-start;text-align: left;}
.subjectList dd{width: calc(100%/3);color: #000;font-size: 1.3rem;border-bottom: dotted 1px #baac90;padding: 0.1rem;}
.subjectList dt{width: 100%;text-align: center;border-bottom: solid 4px;margin-bottom: 0.5rem;font-size: 1.6rem;}
.subjectList dt.f1{color: #0d9593;}
.subjectList dt.f2{color: #225982;}
.subjectList dd{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dotted #ccc}
.subjectList dd::before{content:'‧';margin-right:.3em}
.subjectList .subject{flex:1;text-align:left}
.subjectList .count{width:4rem;text-align:right;white-space:nowrap;margin-right:.5rem}
.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;transition: opacity 0s;}
.price_set{background-color: white;font-size: 1.2rem;}
.price_set,.price_set th,.price_set td{border-collapse: collapse;border:1px solid black;padding: 0.2rem;}
.price_set th{color: white;background:linear-gradient(to right, #0d9593 30%, #225982 100%);font-size: 1.5rem;}
.price_set td .f1{color: #0d9593;font-weight: bold;font-size: 1.8rem;}
.price_set td .f2{color: #225982;font-weight: bold;font-size: 1.4rem;}
.price_set td .f3{color: #e91f0e;font-weight: bold;font-size: 1.5rem;}

.golink li{font-size: 1.6rem;margin: 2rem 0;/*background: linear-gradient(to right, #8b6843 0%, #c9a774 20%, #f1dbb4 80%, #a5784e 100%);*/padding: 0.5rem 2rem;
    border-radius: 2.0rem;color: #ffffff;
    background: linear-gradient(to right, #0d9593 30%, #225982 100%);}
.golink i{margin-right: 0.5rem;}
.note_list {padding: 2.0rem;color: #000;}
.note_list li{text-align: left;font-size: 1.1rem;}
.f4{color: #e91f0e;font-weight: bold;}
/*DIV END*/


:root{
	--bgcolor1:#EEE8E0;
	--bgcolor2:#FFFCE9;
	--join1:#de523f;
	--join2:#00BCD4;
}
.bg_padding{padding:1%;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}



/*各大相容檢視*/
@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 {
}

/*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}#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;border-radius:50%;transition:1s}#back-top a:hover span{background-color:#777}

/*ask*/
#askarea SELECT {color: black;background-color: white;}
#askarea_out{background-color: #eb543f;}
#askarea{width: 1200px;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
#askarea .asktitle {color: white;text-align: center;font-size: 2rem;margin: 17px;}
#formlist SELECT,#formlist input{border-radius: 0.3rem;background-color: #FFF;border: #FFF;padding: 0.25rem;}
#askarea SELECT{background-color: #FFF;border: #FFF;padding: 0.5%;margin:auto 1% 1% auto;}
#formlist label{display: block;margin: 1rem 0;color: white;font-size: 1.2rem;}
#formlist img{display: inline-block;}
#formlist input{color: #585858;}
#askarea input[type="submit"],#askarea input[type="reset"]{padding: 0.5em;width: 88px;margin-top: 2%;border: 2px #fff solid;color: #ffffff !important;}
#askarea input[type="submit"]{background-color: #094d6d;}
#askarea input[type="reset"]{background-color: #8d9297}
label > select {margin: 0 1rem;}
#formlist{justify-content: space-around;}
#askarea textarea[name="sContent"]{width:98%;height:300px;font-size: 1.15em;border: 7px #ffcac3 solid;padding: 10px}
#askarea input[type="text"]{width:32%;}
#askcontent{color:white;line-height: 2.5rem;}

@media all and (min-width: 1px) and (max-width: 1200px){
	
        @media (max-width: 767px) {
    .bg0 {background-size: cover;}
            .subjectList dd{width: calc(100%/1);}
            .group_title {margin: 0rem 0;padding: 0 1rem;width: 100%;text-align: center;}
            .group_title dt {font-size: 1.7rem;padding-right: 0rem;}
            .big {font-size: 2.5rem;}
            .group_title dd {font-size: 1.4rem;}
            .Vuetabs a {padding: 0.3rem 0.3rem;font-size: 1.1rem;}
            .group_title2 {font-size: 2.0rem;padding: 0 1rem;}
            .price_set td .f2 {display: block;}
            .golink li {font-size: 1.3rem;margin: 1rem 0; padding: 0.5rem 1rem;}
            .group_sub.b,.group_sub.s {margin: 1rem auto;}
            .group_sub.b b {font-size: 2.5rem;}
            .group_sub.s b {font-size: 2rem;}
            .group_sub {font-size: 1.7rem;}
            .tabVuecontent {padding: 1rem;font-size: 1.0rem;margin-bottom: 3rem;}
        }

/*ask*/
#askarea{width: 100%;padding: 0.8rem;}
#askarea .asktitle{font-size: 1.1rem;}
#askarea .asktitle > p{line-height: 2.2rem;}
#formlist{margin: 0 auto;}
#askarea input[type="text"],#askarea select{width:100%;}
#askarea input[type="checkbox"]{width: initial;}
#formlist label{font-size: 1.0rem;}
#formlist input[name="sContent"],#formlist label,#formlist SELECT,#formlist input{margin: 0.25rem 0;}
#formlist input[type="submit"],#formlist input[type="reset"]{width: calc(100%/4.5);}
}