@import url("../../../icon_new_6.6/css/all.min.css");
/*DIY*/
:root{
	--bgcolor1:#EEE8E0;
	--bgcolor2:#FFFCE9;
	--join1:#a7302d;
	--join2:#09678d;
	--join3:#dfbd4a;
	--join4:#ffefbb;
	--white:#fff;
}
body *{font-family: 'Microsoft JhengHei' ,'Noto Sans TC', sans-serif;/*font-weight: ;*/}
#event_master,#event_sec,#event_third *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
small{font-size: smaller;}

.bg{background: url('../images/1310014_bg.jpg') no-repeat center top / 100%  ,url('../images/1310014_bg2.jpg') no-repeat bottom center / 100% fixed;}
.bg_gold{background:url('../images/1310014_bg_y.jpg') no-repeat center top / 100% 45% ,url('../images/1310014_bg2.jpg') no-repeat bottom center / 100% fixed;}
.bg1{background: url('../images/1310014_bg2.jpg') no-repeat bottom center / 100% fixed;}
.bg2{background: url('../images/1310014_bg3.jpg') repeat-y center / 100%;filter: drop-shadow(0px 2px 5px #0000002a);}
#Master_title img {width: 100%;filter: drop-shadow(0px 2px 5px #0000003a);}
.banner{max-width: 1200px;margin: auto;}
.banner img{padding:2.5rem 0 1rem;}

.group_title{font-size: 3.6rem;margin: 2rem auto 1rem;font-weight: bold;color: transparent;font-family: "Noto Serif TC", serif;background: linear-gradient(0deg, #080808, #4a4a4a);-webkit-background-clip: text;background-clip: text;position: relative;}
.title_style{width: fit-content;border-bottom: 4px double #4a4a4a;font-family: "Noto Serif TC", serif;}
.title_style_red{color: transparent;background: linear-gradient(0deg, #a01d1a, #d53d2a);border-bottom: 4px double #d53d2a;-webkit-background-clip: text;background-clip: text;}
.title_style_gold{color: transparent;background: linear-gradient(0deg, #835e00, #c1972b);border-bottom: 4px double #c1972b;-webkit-background-clip: text;background-clip: text;}
/* .title_style_white{color: transparent;background: linear-gradient(0deg, #e0e0e0, #ffffff);padding: 1.25rem 0 0;border-bottom: 4px double #e0e0e0;-webkit-background-clip: text;background-clip: text;} */
/* .title_style_blue{color: transparent;background: linear-gradient(0deg, #036187, #409cbc);border-bottom: 4px double #409cbc;border-bottom: 4px double #4a4a4a;-webkit-background-clip: text;background-clip: text;} */
.group_title .circle {font-size: 3.5rem;font-family: "Noto Serif TC", serif;color: var(--white);background: linear-gradient(0deg, #806219, #b19755);border-radius: 50rem;padding: 0 .9rem .3rem;font-weight: 500;margin: 0 .3rem;}
.group_title .red{position: absolute;right: 22rem;top: .8rem;display: inline-block;line-height: 1.6rem;letter-spacing: .1rem;background: linear-gradient(0deg, #a21e1a, #db5242);color: var(--white);border-radius: 50rem;font-size: 1.35rem;padding: .8rem 1rem;margin: 0 1rem;}
.animation_scaleDraw{animation: scaleDraw 8s ease-in-out alternate-reverse infinite ;-webkit-animation: scaleDraw 8s ease-in-out alternate-reverse infinite;} 
@keyframes scaleDraw {
	0% {transform: scale(.95);}
	25% {transform: scale(1)}
	50% {transform: scale(.95);}
	75% {transform: scale(1)}
	100%{transform: scale(.95);}
}

.Vuetabs a{cursor: pointer;padding: .5rem 0;width:calc(100%/2);margin: .5rem auto 0;color:var(--white);font-size: 1.3rem;font-size: 1.8rem;font-family: Verdana, "Microsoft JhengHei";}
.Vuetabs a:nth-child(1){background: linear-gradient(0deg, #a7302d6a, #dd3e2b6a);}
.Vuetabs a:nth-child(2){background: linear-gradient(0deg, #0362886a, #429ebe6a);}
.Vuetabs a:nth-child(1):hover{background: linear-gradient(0deg, #a7302daa, #dd3e2baa);}
.Vuetabs a:nth-child(2):hover{background: linear-gradient(0deg, #036288aa, #429ebeaa);}
.Vuetabs a.active {text-decoration: underline;}
.Vuetabs a:nth-child(1).active {background: linear-gradient(0deg, #a7302d, #dd3e2b);position: relative;z-index: 1;}
.Vuetabs a:nth-child(2).active {background: linear-gradient(0deg, #036288, #429ebe);position: relative;z-index: 1;}
.tabVuecontent{padding:2rem}
.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;transition: opacity 0s;}

.tabVuecontent1 {background: #a8302d2a;background: #ffeeeeaa;border-bottom: 4px double var(--join1);}
.tabVuecontent2 {background: #09678d2a;background: #dff9ffaa;border-bottom: 4px double var(--join2);}
.tabVuecontent img{width: 40%;padding: 0 1rem;}
.media_text{width: 60%;padding: 1rem;font-size: 1.2rem;text-align: left;font-weight: bold;}
.media_text dd{border-bottom: 2px #0000002a dotted;line-height: 5rem;}
.media_text dd img{width: 12%;display: inline-block;padding: .5rem;}
.media{text-align: left;margin: 1rem 0;}
.media_name,.media_hit{font-size: 1.2rem;line-height: 2rem;color:var(--join2);font-weight: bolder;}
.feature{width: calc(100% / 4 - 1%);height:140px;}
.feature , .lerning{padding: 0 0 .8rem;margin: 0 .25rem;background: url('../images/1310014_bg3.jpg') repeat-y;filter: drop-shadow(0px 2px 5px #0000003a);}
.feature {border-bottom: 3px var(--join3) solid;}
.lerning {border-bottom: 3px var(--join1) solid;width: calc(100%/3 - 4%);height: 180px;}
.feature dt,.lerning dt{line-height: 2rem;font-weight: bold;text-align: center;padding: .8rem 0 1.2rem;clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);}
.feature dt{font-size: 1.5rem;color: #0f0f0f;background: var(--join3);}
.lerning dt{font-size: 1.55rem;color:var(--join4);background: var(--join1);}
.feature dd,.lerning dd{font-size: 1.1rem;text-align: left;padding: .8rem .5rem 0 .8rem;}
.lerning a{border-bottom: 1px dotted var(--join4);}
.lerning a:hover{border-bottom: unset;}
.feature img {width: 8%;display: inline-block;}
.feautre_note {padding:1.25rem 0 0;}
.media_hit {width: fit-content;color:var(--join1);background:var(--white);border-radius: 50rem;line-height: 1.75rem;padding: 0 1rem 0 0;}
.media_hit span{color:var(--white);background:var(--join1);border-radius: 50rem;padding: 0 .5rem;margin: 0 .25rem 0 0;}
.media_des{font-size: 1.1rem;padding: .25rem .25rem .5rem;border-bottom: 3px dotted var(--white);}
.arrow{width: 3%;}
.arrow dt img{width: 100%;display: inline-block;}

.price_out {padding: .2rem 0 0;filter: drop-shadow(0px 2px 5px #0000003a);}
.price_list,.price_list th,.price_list td{font-size: 1.1rem;padding: .35rem;border-collapse: collapse;border: 1px #409cbccc dotted;}
.price_list th{font-size: 1.2rem;color: var(--white);background: var(--join2);border: 1px #ffffff4a solid;}
.price_list tr:nth-child(4),.price_list tr:nth-child(6),.price_list tr:nth-child(9){background: #fcd0002a;}
.note_offer{padding: 1rem 0 0;margin: 1rem 0;}
.note_offer span{color: var(--join1);font-family: Verdana,"Microsoft JhengHei";}
.note_offer a{color: var(--join2);border-bottom: 1px dotted var(--join2);}
.note_offer a:hover{border-bottom: unset;}
.note_offer_2{margin: .5rem auto;}
.buy,.note_offer{font-size: 1.5rem;font-weight: bold;line-height: 2.5rem;}
.buy li{color: var(--white);background:var(--join1);padding: .05rem 2rem .1rem;margin: .6rem 1.5rem;border-radius: 50rem;border: 5px double #e9e9e9;}
.buy li:hover {position: relative;left: 1px;top: 1px;}

.course_note{width: 65%;text-align: left;counter-reset: num;margin: 2rem auto 0;background: #ffffff8a;padding: 1.5rem 2rem 1.5rem 3rem;border: 3px #0d6a8f3f dotted;border-radius: 2rem;}
.course_note dt{font-size: 1.2rem;font-weight: 900;color:var(--join2);}
.course_note dd{font-size: 1.1rem;}
.course_note dd::before{counter-increment:num; content:''counter(num)'. ';}
/*DIV END*/



.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:#a7302d;}
#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;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 (max-width: 1024px) {
	.feature,.lerning{width: 100%;}
	.arrow{transform: rotate(90deg);}
	.price_out{overflow-x: scroll;}
	.price_list{width: 1000px/*300%*/;text-align: center;}
}

@media all and (min-width: 1px) and (max-width: 1200px){
    /*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);}

}