/* 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;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* css reset 歸0 end */

body *{
    /* font-family:"微軟正黑體", Arial; */
    font-family: 'Noto Sans TC', sans-serif;
}
/*div section標籤段落*/
section p,div p{font-size:1.3em;line-height:1.9em;text-align:left;}
a{text-decoration: underline;}
a:hover{text-decoration: none;}
ul,li,h1,h2,h3,dd,dl,p{margin:0;padding:0;}
ul,li,ol{list-style-type:none;}
.bg_padding{padding:1%;}
.bgcolor0 {background: url(../images/1407036_01.png) no-repeat bottom /*, linear-gradient(to bottom, #f7f8f0 10%, #e1e2e5 97%)*/;}
.bgcolor1{background: url(../images/1005075_topbg.png) repeat-y center;background-size: cover;}
.bgcolor2{background: linear-gradient(to bottom, #08e7c4 30%,#FFF 90%);}
.bgcolor3{background-image: linear-gradient(79deg, #e7e7e7 10%, #ffffff 70%);}
.bgcolor4{background-color: #F6F6F6;}
.bgcolor5{background-color: #EBEBEB;}
/*所有元素漸變0.5秒*/

*{transition: all .5s;}

#event_master *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

/*標題大小*/
h1{ font-size:; }
h2{ font-size:; }
h3{ font-size:; }
/****共用樣式Start*****/
/*外框*/
.container {width: 100%;}
@media (min-width: 640px) {.container {max-width: 640px;}}
@media (min-width: 768px) {.container {max-width: 768px;}}
@media (min-width: 1024px) {.container{max-width:1024px;}}
@media (min-width: 1280px) {.container{max-width:1280px;}}  
article img,article video {max-width: 100%;height: auto;}
/*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;}
/*定位*/
.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;}
.items-center {align-items: center;}
.content-around {align-content: space-around;}
.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;}
/*字級*/
.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;}
/*字顏色*/
.text-transparent{color:transparent}.text-black{color:#000}.text-white{color:#fff}.text-gray-100{color:#f7fafc}.text-gray-200{color:#edf2f7}.text-gray-300{color:#e2e8f0}.text-gray-400{color:#cbd5e0}.text-gray-500{color:#a0aec0}.text-gray-600{color:#718096}.text-gray-700{color:#4a5568}.text-gray-800{color:#2d3748}.text-gray-900{color:#1a202c}.text-red-100{color:#fff5f5}.text-red-200{color:#fed7d7}.text-red-300{color:#feb2b2}.text-red-400{color:#fc8181}.text-red-500{color:#f56565}.text-red-600{color:#e53e3e}.text-red-700{color:#c53030}.text-red-800{color:#9b2c2c}.text-red-900{color:#742a2a}.text-orange-100{color:#fffaf0}.text-orange-200{color:#feebc8}.text-orange-300{color:#fbd38d}.text-orange-400{color:#f6ad55}.text-orange-500{color:#ed8936}.text-orange-600{color:#dd6b20}.text-orange-700{color:#c05621}.text-orange-800{color:#9c4221}.text-orange-900{color:#7b341e}.text-yellow-100{color:#fffff0}.text-yellow-200{color:#fefcbf}.text-yellow-300{color:#faf089}.text-yellow-400{color:#f6e05e}.text-yellow-500{color:#ecc94b}.text-yellow-600{color:#d69e2e}.text-yellow-700{color:#b7791f}.text-yellow-800{color:#975a16}.text-yellow-900{color:#744210}.text-green-100{color:#f0fff4}.text-green-200{color:#c6f6d5}.text-green-300{color:#9ae6b4}.text-green-400{color:#68d391}.text-green-500{color:#48bb78}.text-green-600{color:#38a169}.text-green-700{color:#2f855a}.text-green-800{color:#276749}.text-green-900{color:#22543d}.text-teal-100{color:#e6fffa}.text-teal-200{color:#b2f5ea}.text-teal-300{color:#81e6d9}.text-teal-400{color:#4fd1c5}.text-teal-500{color:#38b2ac}.text-teal-600{color:#319795}.text-teal-700{color:#2c7a7b}.text-teal-800{color:#285e61}.text-teal-900{color:#234e52}.text-blue-100{color:#ebf8ff}.text-blue-200{color:#bee3f8}.text-blue-300{color:#90cdf4}.text-blue-400{color:#63b3ed}.text-blue-500{color:#4299e1}.text-blue-600{color:#3182ce}.text-blue-700{color:#2b6cb0}.text-blue-800{color:#2c5282}.text-blue-900{color:#2a4365}.text-indigo-100{color:#ebf4ff}.text-indigo-200{color:#c3dafe}.text-indigo-300{color:#a3bffa}.text-indigo-400{color:#7f9cf5}.text-indigo-500{color:#667eea}.text-indigo-600{color:#5a67d8}.text-indigo-700{color:#4c51bf}.text-indigo-800{color:#434190}.text-indigo-900{color:#3c366b}.text-purple-100{color:#faf5ff}.text-purple-200{color:#e9d8fd}.text-purple-300{color:#d6bcfa}.text-purple-400{color:#b794f4}.text-purple-500{color:#9f7aea}.text-purple-600{color:#805ad5}.text-purple-700{color:#6b46c1}.text-purple-800{color:#553c9a}.text-purple-900{color:#44337a}.text-pink-100{color:#fff5f7}.text-pink-200{color:#fed7e2}.text-pink-300{color:#fbb6ce}.text-pink-400{color:#f687b3}.text-pink-500{color:#ed64a6}.text-pink-600{color:#d53f8c}.text-pink-700{color:#b83280}.text-pink-800{color:#97266d}.text-pink-900{color:#702459}
/*BG顏色*/
.bg-black{background-color:#000}.bg-white{background-color:#fff}.bg-gray-100{background-color:#f7fafc}.bg-gray-200{background-color:#edf2f7}.bg-gray-300{background-color:#e2e8f0}.bg-gray-400{background-color:#cbd5e0}.bg-gray-500{background-color:#a0aec0}.bg-gray-600{background-color:#718096}.bg-gray-700{background-color:#4a5568}.bg-gray-800{background-color:#2d3748}.bg-gray-900{background-color:#1a202c}.bg-red-100{background-color:#fff5f5}.bg-red-200{background-color:#fed7d7}.bg-red-300{background-color:#feb2b2}.bg-red-400{background-color:#fc8181}.bg-red-500{background-color:#f56565}.bg-red-600{background-color:#e53e3e}.bg-red-700{background-color:#d93a1d}.bg-red-800{background-color:#d93a1d}.bg-red-900{background-color:#742a2a}.bg-orange-100{background-color:#fffaf0}.bg-orange-200{background-color:#feebc8}.bg-orange-300{background-color:#fbd38d}.bg-orange-400{background-color:#f6ad55}.bg-orange-500{background-color:#ed8936}.bg-orange-600{background-color:#dd6b20}.bg-orange-700{background-color:#c05621}.bg-orange-800{background-color:#9c4221}.bg-orange-900{background-color:#7b341e}.bg-yellow-100{background-color:#fffff0}.bg-yellow-200{background-color:#fefcbf}.bg-yellow-300{background-color:#faf089}.bg-yellow-400{background-color:#f6e05e}.bg-yellow-500{background-color:#ecc94b}.bg-yellow-600{background-color:#d69e2e}.bg-yellow-700{background-color:#b7791f}.bg-yellow-800{background-color:#975a16}.bg-yellow-900{background-color:#744210}.bg-green-100{background-color:#f0fff4}.bg-green-200{background-color:#c6f6d5}.bg-green-300{background-color:#9ae6b4}.bg-green-400{background-color:#68d391}.bg-green-500{background-color:#6ac3bd}.bg-green-600{background-color:#38a169}.bg-green-700{background-color:#2f855a}.bg-green-800{background-color:#276749}.bg-green-900{background-color:#22543d}.bg-teal-100{background-color:#e6fffa}.bg-teal-200{background-color:#b2f5ea}.bg-teal-300{background-color:#81e6d9}.bg-teal-400{background-color:#4fd1c5}.bg-teal-500{background-color:#38b2ac}.bg-teal-600{background-color:#319795}.bg-teal-700{background-color:#2c7a7b}.bg-teal-800{background-color:#285e61}.bg-teal-900{background-color:#234e52}.bg-blue-100{background-color:#ebf8ff}.bg-blue-200{background-color:#bee3f8}.bg-blue-300{background-color:#90cdf4}.bg-blue-400{background-color:#63b3ed}.bg-blue-500{background-color:#4299e1}.bg-blue-600{background-color:#3182ce}.bg-blue-700{background-color:#3386b8}.bg-blue-800{background-color:#2c5282}.bg-blue-900{background-color:#2a4365}.bg-indigo-100{background-color:#ebf4ff}.bg-indigo-200{background-color:#c3dafe}.bg-indigo-300{background-color:#a3bffa}.bg-indigo-400{background-color:#7f9cf5}.bg-indigo-500{background-color:#667eea}.bg-indigo-600{background-color:#5a67d8}.bg-indigo-700{background-color:#4c51bf}.bg-indigo-800{background-color:#434190}.bg-indigo-900{background-color:#3c366b}.bg-purple-100{background-color:#faf5ff}.bg-purple-200{background-color:#e9d8fd}.bg-purple-300{background-color:#d6bcfa}.bg-purple-400{background-color:#b794f4}.bg-purple-500{background-color:#9f7aea}.bg-purple-600{background-color:#805ad5}.bg-purple-700{background-color:#6b46c1}.bg-purple-800{background-color:#553c9a}.bg-purple-900{background-color:#44337a}.bg-pink-100{background-color:#fff5f7}.bg-pink-200{background-color:#fed7e2}.bg-pink-300{background-color:#fbb6ce}.bg-pink-400{background-color:#f687b3}.bg-pink-500{background-color:#ed64a6}.bg-pink-600{background-color:#d53f8c}.bg-pink-700{background-color:#b83280}.bg-pink-800{background-color:#d93a1d}.bg-pink-900{background-color:#702459}
/*導圓角*/
.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;}
/*grid切版*/
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}.gap-0{grid-gap:0;gap:0}.gap-1{grid-gap:.25rem;gap:.25rem}.gap-2{grid-gap:.5rem;gap:.5rem}.gap-3{grid-gap:.75rem;gap:.75rem}.gap-4{grid-gap:1rem;gap:1rem}.gap-5{grid-gap:1.25rem;gap:1.25rem}.gap-6{grid-gap:1.5rem;gap:1.5rem}.gap-8{grid-gap:2rem;gap:2rem}.gap-10{grid-gap:2.5rem;gap:2.5rem}.gap-12{grid-gap:3rem;gap:3rem}.gap-16{grid-gap:4rem;gap:4rem}.gap-20{grid-gap:5rem;gap:5rem}.gap-24{grid-gap:6rem;gap:6rem}.gap-32{grid-gap:8rem;gap:8rem}.gap-40{grid-gap:10rem;gap:10rem}.gap-48{grid-gap:12rem;gap:12rem}.gap-56{grid-gap:14rem;gap:14rem}.gap-64{grid-gap:16rem;gap:16rem}.gap-px{grid-gap:1px;gap:1px}
/******共用樣式END******/
[class*="Color"]{padding: 0.5rem;}
.ColorA{/*/*background: linear-gradient(to top, #9ea7ff 10%,#f9f9f9 100%);*/background-color: white;border-top: solid 16px #e3356d;}
.ColorB{background-color: #cdd2ff;color: #5b69e0;}
.ColorC{/*background: linear-gradient(to top, #c68eff 10%,#f9f9f9 100%);*/background-color: white;border-top: solid 16px #a248ff;}
.ColorD{background-color: #F5D1FB;color: #7F418A;}
.ColorE{/*background: linear-gradient(to top, #ffacf4 10%,#f9f9f9 100%);*/background-color: white;border-top: solid 16px #ff48e7;}
.ColorF{background-color: #c9d8e0;color: #0e4947;}
.ColorG{/*background: linear-gradient(to top, #6bd0ec 10%,#f9f9f9 100%);*/background-color: white;border-top: solid 16px #0ca9d6;}
.ColorH{background-color: #FFE682;color: #755F07;}
.ColorI{/*background: linear-gradient(to top, #7edec9 10%,#f9f9f9 100%);*/background-color: white;border-top: solid 16px #0cd6a9;}
.ColorJ{background-color: #FFD0D7;color: #883744;}
.ColorK{/*background: linear-gradient(to top, #dae293 10%,#f9f9f9 100%);*/background-color: white;border-top: solid 16px #bcd107;}
.ColorL{background-color: #CAEFDB;color: #1A5F3A;}
.ColorM{/*background: linear-gradient(to top, #dae293 10%,#f9f9f9 100%);*/background-color: white;border-top: solid 16px #e5d232;}
.ColorN{background-color: #CAEFDB;color: #1A5F3A;}
small{font-size: 0.9rem;}

.group{padding: 2rem;color: #121982;border-radius: 0 0 2em 2em;border-top: solid 16px #02c8a9;background-color: white;}
.group [class*="group"] ul{text-align: left;margin-bottom: 2.0rem;}
.group_list li{list-style-type: disc;margin-left: 2.5rem;font-size: 1.2rem;line-height: 1.8em;color: #3e3e3e;}
.link {background-color: #95ebd9;padding: 0.2rem 1.0rem;width: max-content;border-radius: 1.0rem 1.0rem;font-size: 1.1rem;text-decoration: none;}
.group_list_note{font-size: 0.9rem;line-height: 1.8em;padding: 3% 0;color: #8525e8;}
.list_title{color: #ffffff;background-color: #0b407c;padding: 0.2em 1.0em;margin: 0% 0 1%;font-size: 1.3em;background-image: linear-gradient(271deg, #0e67cb 20%, #0d519c 87%);}
.group_block{margin-top:3.0rem;}
.group_title{font-weight: 900;font-size:2.8rem;}
.group_sub{font-size:1.4rem;}
.group_title{text-align: center;color: #0e4583;}
.group_sub{text-align: center;color: #044fa2;}
.group_sub {border-bottom: solid 2px;padding-bottom: 1%;margin-bottom: 2.0rem;}
.group_list1{color: #858585;padding: 1% 0 0%;}
.group_list1 ul{list-style: none; padding:0;  margin:0;}
.group_list1 li{font-size: 1.6rem;letter-spacing: 0.2em;}
.group_list1 li:before{content: "☑";margin-right: 5px;}

.group_list a{color: #044fa2;}
.gotest{background: linear-gradient(to right, #00d5b4 30%, #73f2de 100%);border-radius: 2em;width: max-content;margin: 1rem auto;padding:0.5rem 1rem;}
.gotest a{color: white;text-decoration: none;font-size: 1.3rem;}
.group_list small{color: #00d5b4;font-size: 0.9rem;margin-left: 0.5rem;}
.groupB{padding: 1rem;width: calc(100% / 1 - 0px);display: flex;flex-wrap: wrap;flex-direction: row;}
.groupB img {border-radius: 2rem; border: solid 4px #e7e7e7;margin: 0 0.5rem 0.25rem;width: calc(100% / 2 - 20px);height: fit-content;}
.groupB figure {width: calc(100% / 2 - 17px);margin: 0.5rem 0.5rem;}
.groupB figure p {background-image: linear-gradient(90deg, #ffffff00 5%, #d5fbf5 30%, #d5fbf5 70%, #ffffff00 95%);font-size: 1.2rem;text-align: center;color: #00b296;}
.groupB figure img {border-radius: 2rem; border: solid 4px #e7e7e7;width: calc(100% / 1 - 0px);height: fit-content;}
.groupC{padding: 1rem;width: calc(100% / 1 - 0px);display: flex;flex-wrap: wrap;flex-direction: row;}
.groupC img {border-radius: 2rem; border: solid 4px #e7e7e7;margin: 0 0.5rem 0.25rem;width: calc(100% / 1 - 20px);height: fit-content;}

.oral_small{font-size: 0.9rem;color: #8525e8;}

.demo iframe{width: 33rem;height: 26rem;}
.top{text-align: center;}
.master_group{}
.Vuetabs {padding: 2% 1% 0; position: absolute;bottom: 2%;width: 58%;}
.Vuetabs ul {/*     list-style-type: none; margin-left:; */}

/* .Vuetabs a:not(.Vuetabs_bg1){width: 45%;} */

.studygo,.studycontent,.studycontent div{width: 100%;}
.studygo a{cursor: pointer;}
.studycontent iframe{margin: auto;    
    width: 86%;height: 35rem;
    border: none; display: block;}
.Vuetabs a{cursor: pointer;padding: 0.6% 2% 0.6% 1%;text-align: center;font-size: 1.3em;text-decoration: none;color: #0e4583;font-weight: bold;background-color: white;border-radius: 3rem;margin: 0.8rem 0.5rem;box-shadow: 1px 5px 10px 1px #03907ad1;display: flex;align-items: center;}
.Vuetabs i {color: #ffffff;background-color: #08e7c4;border-radius: 50%;width: 3.0rem;height: 3.0rem;display: flex;justify-content: center;align-items: center;margin-right: 0.5rem;font-size: 1.5rem;/*box-shadow: 1px 1px 6px 1px #999999d1;*/}
.Vuetabs a:hover {opacity: 0.6;transform: scaleY(1.0);transform-origin:center;font-size: 1.5em;}
.Vuetabs a.active {color: #ffffff;border-bottom: 0px solid #121982;cursor: default;background-image: linear-gradient(36deg, #6f379b 20%, #aa3684 50%, #e3356d 87%);}
.Vuetabs a.active i {color: #863792;background-color: #fff;}
.Vuetabs_bg1 {/*background: url(../images/1007038_1104_top2.png) no-repeat right #485bff;*/}
.Vuetabs_bg2 {background-color: #a248ff;}
.Vuetabs_bg3 {background-color: #ff48e7;}
.Vuetabs_bg4 {background-color: #0ca9d6;}
.Vuetabs_bg5 {background-color: #0cd6a9;}
.Vuetabs_bg6 {background-color: #bcd107;}
.Vuetabs_bg7 {background-color: #e5d232;}
.tabVuecontent { border: 0px solid #FFF;/*border-radius: 10px;  box-shadow: 3px 3px 6px #e1e1e1;*/}
.demo {display: flex;flex-direction: column;}
.demo p {color: #ffffff;background-color: #26a491;padding: 0.2rem 1.5rem;width: max-content;border-radius: 1.0rem 1.0rem 0 0;font-size: 1.1rem;}
.fade-enter-active, .fade-leave-active {transition: opacity .3s;}
.fade-enter, .fade-leave-to{opacity: 0;transition: opacity 0.15s;}
.master_group{width: calc(100%/1);}
.ps,.study_title{font-size: 1.0rem;color: #858585;text-align: center;}
.ps a,.study_title a{color: #000;}

/*DIY--設計可增加用樣式*/