@import url("../../../icon_new_6.2/css/all.min.css");
/*DIY*/

body *{font-family: 'Noto Sans TC', sans-serif;font-weight: ;}
.wrap_all{
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-text-size-adjust: 100%;
    }

#event_master *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
#Master_title img {
    display: initial;
    width:auto;
}

/*.circle {
    width: 13rem;
    margin: 1.4rem;
    padding: 2.4rem 0.6rem 4rem;
	padding: 2.8rem 0.6rem 3.4rem;
    background-color: #ff7574;
    border-radius: 9999rem;
    background-position: 50% 2%;
    opacity: .95;
}*/
.circle {
    width: 14rem;
    margin: 1.4rem;
    padding: 2.4rem 0.6rem 4rem;
    padding: 1.8rem 0.6rem 1.4rem;
    background-color: #ff7574;
    border-radius: 9999rem;
    background-position: 50% 2%;
    opacity: .95;
}
/*
.circle.icon1 {background-image: url(../images/1211119_bg_icon1.png);background-position: 50% -47%}
.circle.icon2 {background-image: url(../images/1211119_bg_icon2.png);background-position: 50% -47%}
.circle.icon3 {background-image: url(../images/1211119_bg_icon3.png);background-position: 50% -47%}
*/
.circle_bg {margin: 0 auto;text-align: center;justify-content: center;}
.circle dt a {
    color: white;
    font-size: 2rem;
    /* font-weight: bold; */
    /* font-family: MStiffHeiHK; */
}
.circle dt a {
    color: white;
    font-size: 2.7rem;
    line-height: 3.3rem;
    text-decoration: underline;
    /* font-weight: bold; */
    /* font-family: MStiffHeiHK; */
}
.circle dd {font-size: 1.32rem;}
.circle dd {
    font-size: 1.32rem;
    line-height: 1.7rem;
    margin-top: 8px;
    margin-bottom: 7px;
}
.circle dd:nth-child(3) {
    position: relative;
    background-color: #be9411;
    color: #fff;
    width: 121%;
    margin-left: -13%;
    margin-top: 2%;
}

.circle dd:nth-child(3):before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 13px solid #fff9eb;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.circle dd:nth-child(3):after {
    content: "";
    position: absolute;
    left: 215px;
    bottom: 0;
    width: 0px;
    height: 0;
    border-right: 13px solid #fff9eb;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}


.border-star{justify-content: center}
.good10-t{font-size: 1.5rem !important}
.each_title{ margin-top:1%}
.each_title > div, .fa-star, .border-star svg {color: #cf3510;stroke: #99885C;/*margin: 0 auto*/;z-index: 1;}
.each_title >.vip_t {
    font-size: 1.7rem;
    line-height: 1rem;
    color: #f44336;
    font-family: Verdana,"Microsoft YaHei";
    font-weight: bold;
    padding: 12px 0 0;
}
.border-star .fa-star {position: relative;top: 0.5rem;}
.border-star svg {
    height: 20px;
    width: 66%;
    margin: 1rem 0 -1rem;
}
.gift_icon1 {float: left;margin: -0.5% -7% 1.2% 7%;}
.gift_icon1 img {margin: -0.5% -28% 0%;}
/* .gift_icon2{ margin: 0% -8% 0 1%} */
.gift_icon2 {float: left;margin: -0.5% -5% 1%;}
.gift_icon2 img {
    margin: -0.5% 0 0 12%;
    width: 70%;
}
.subshare a {color: #eb543f;border-bottom: 1px #c00 dotted;}

.reg_time{margin-top: 5%;}
.reg_time dt.onlinetitle,.reg_time dd.time,.reg_time i {font-weight: bold;}
.reg_time dt.onlinetitle {
    color: #eb543f;
    padding-top: 0.5rem;
    padding-bottom: 1.5%;
    line-height: 3.5rem;
    font-size: 2.7rem;
    letter-spacing: -1px;
    /* border-bottom: 2px #eb543f dotted; */
    margin-top: 2%;
    margin-bottom: 1.7%;
    margin-left: -5%;
    text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;
    float: left;
}
.reg_time dd.time {font-size: 1.8rem;margin-bottom: 1%}
.reg_time i {color: #bfab90;/* font-size: 1rem; */margin-right: 8px;}
.reg_join {background-color: #eee8e000; border-radius: 7px 7px 0 0;}
.reg_join, .goReg, .goReg a {color: white;}
.join1 {background-color: var(--join1);}
.join1, .join2 {padding: 1% 10% 0.7%; white-space: nowrap; border-radius: 7px 7px 0 0;}
.joinContent1, .joinContent2 {width: 100%; padding: 3%; background-color: #fefff1;}
/*.joinContent1 {border: 7px #c6b076 solid;border-radius: 20px;margin-bottom: 10px;display: flex;flex-direction: column;}*/
.joinContent1 {
    /* border: 7px #c6b076 solid; */
    border-left: 9px #c6b076 solid;
    border-radius: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}
.join2 {background-color: var(--join2);}
.joinContent2 {border: 7px var(--join2) solid;border-radius: 20px;margin-bottom: 10px;}
.joinContent1 dd li{ list-style-type:none;margin-left: 19px;}
.joinContent1 dd ul{margin-left: 3% !important}
.tt{padding: 0% 6% 2.5% 5%}

.goReg {
    border-radius: 50px;
    max-width: max-content;
    font-size: 1.3rem;
    padding: 0.4rem 1.3rem 0.45rem 1.3rem !important;
    white-space: nowrap;
    background-color: #00bcd4;
    margin-top: -1%;    
}
.goReg a{text-decoration: underline;}
.top_space {margin-top: -3rem;float: left;}
.noneNumA dd:nth-child(n+3):before, .noneNumB dd:nth-child(n+1):before, .noneNumC dd:nth-child(-n+7)::before {counter-increment: num;content: "•";}


.each_line{border-top:2px dotted rgba(31, 31, 31, 0.5);margin:0.5rem 0 0 0;}
.reg_join li:hover{cursor: pointer;}
.Vuetabs a {
    cursor: pointer;
    padding: 0.5rem 70px 0.5rem;
    border-radius: 10px 10px 0 0;
    background-color: #cf3510;
    color: #ffcfc4;
    font-size: 1.2em;
}
.Vuetabs a:hover {color: #ffffff;background-color: #6e406b; }
.Vuetabs a.active {
    background-color: #fff;
    color: #ffffff;
    border-bottom: 0 solid #fff;
    cursor: default;
    background-color: #b814ac;
    font-size: 1.4em;
}
button.VueCarousel-navigation-button.VueCarousel-navigation-prev {
    left: 0%;
}
button.VueCarousel-navigation-button.VueCarousel-navigation-next {
    left: 93%;
}
@media all and (min-width: 1px) and (max-width: 1200px){
    button.VueCarousel-navigation-button.VueCarousel-navigation-next {
        left: 86%;
    }
}
.VueCarousel-slide{display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;border-right:1px solid white;}

.gift_group {
    background-color: #fffce3;
    border-radius: 30px;
    border-left: 9px #c0a16b solid;
    border-right: 8px #b153abd9 solid;
    /* padding: 30px 0 !important; */
    padding: 2% 3%;
    width: 1000px !important;
    margin: 0 auto;
    font-size: 1.3rem;
}
.list_item dd .gift_t {
    color: #ff4b00;
    font-size: 1.35rem;
    font-weight: bold;
}
.add_t_r{margin-left: 109px}
.bigmap {background-color: #fff;margin: 1%;}
.bigmap img {
    border: 1px #bf66a5 solid;
    margin: 0 auto;
    background-color: #cccccc24;
}
.tabVuecontent {
    background-color: #fff;
    padding: 0% 4% 2%;
    border-radius: 12px;
    /* border: 5px #00bcd4 solid; */
    /* border: 5px #e4d8bf solid; */
    border-top: 4px #b814acb3 dotted;
    /* border-bottom: 3px #e91e63 solid; */
}

.givebook {
    font-size: 1.4rem;
    border-top: 2px #eb7272 dotted;
    margin:1rem 0;
    padding: 1rem 0;
}
.givebook a {
    color: #fff;
    padding: 2px 6px;
    background-color: #F44336;
    border-radius: 7px;
    font-size: 1.3rem;
    margin: 0 2px;
}
.gifts_book {
    background-color: #fff;
    border-radius: 7px;
    padding: 10px;
    border-left: 9px #c6b076 solid;
    border-right: 9px #f26258 solid;
    margin: 1.5% auto 3%;
    width: 670px;
}
.gifts_bookmap {
    width: 120px;
    /* margin: -138px 0 0px 436px; */
    text-align: right;
    position: absolute;
    right: 6%;
    bottom: 33%;
}
.gifts_bookmap img{}
.line_point {border-top: 2px #eb7272 dotted;border-bottom: 2px #eb7272 dotted;padding: 1px 0;margin-bottom: 1%;display: inline-block;font-size: 1.35rem}
.line_point .t1{color: red; font-weight:bold;}
.line_point .t2 {color: #00bcd4;}
.list_item {text-align: left;font-size: 1.1rem;position:relative;}
.list_item .txt {
    font-size: 1.5rem;
    line-height: 1.6rem;
}
.list_item .txt i {
    color: #F36;
    font-size: 1.5rem;
}
.list_item .offer {
    background-color: red;
    color: white;
    padding: 0 1rem;
    font-size: 1.35rem;
	margin-top: 15px;
    float: left;
}
.list_item .inside_List {
    list-style-type: disclosure-closed;
    list-style-position: inside;
    margin-left: 2rem;
    text-indent: 0rem;
    font-size: 1.2rem;
}
.list_item dd a {
    color: #cf3510;
    /* text-decoration: underline; */
    font-size: 1.2rem;
    font-weight: bold;
}
.list_item dd a.t_underline {text-decoration: underline;}
.list_item dt {
    color: #e91e63;
    padding-top: 6px;
    padding-bottom: 7.5px;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 1.6rem;
    /*background-color: #afafaf36;*/
    text-align: center;
	margin-bottom: 2%;
}
.list_item .tt_note {
    font-size: 1rem;
    background-color: #FFEB3B;
    border-bottom: 2px #FF5722 dotted;
}
.gift_group dd{margin: 1rem 0;}
.gift_group dd > strong.gold{color:#bc8c1d}
.gift_group dd > .date{color:white;font-size:1.2rem;font-weight:700;font-family:Arial,Helvetica,"Microsoft JhengHei";font-family:Tahoma,Geneva,sans-serif;background: rgb(221, 0, 0);padding: 0.5rem 1rem;margin:0.25rem;border-radius: 0.5rem;}

.master_date dd{text-indent:;margin-left:;font-size: 1.3rem;}
.gift_title{font-size: 2.2rem;color: #2072A5;font-weight: 900;}
.gift_title a{color: #E60012;}
.vip_gifts {
    float: left;
    padding: 0.7% 2% 0.7% 2%;
    background-color: #bd6db4;
    color: #fff;
    border-radius: 7px;
    margin: 0 0.5% 0 0;
}


/*優惠區*/
.onsale {
    background-color: #ffdfdf;
    border-radius: 50px;
}
.onsale { list-style:disc}
.gojoin {
    padding: 0.5rem;
    font-size: 1.7rem;
    width: 90%;
    margin: 0.5rem auto 0;
    border-bottom: 5px #aa368496 dotted;
}
.gojoin a{text-decoration: underline;
    color: #ea1da5;}
.new_date_title {
    font-size: 1.5rem;
    letter-spacing: 10px;
}
.new_date, .new_date a {
    color: white;
}
.new_date dd {
    margin: 0;
    font-family: "Microsoft JhengHei", Arial, Verdana;
    font-weight: bold;
    font-size: 1.5rem;
}
.new_date {
    background-color: #aa3684;
    padding: 0.5rem 2rem;
    border-radius: 2rem;
    margin: 0 auto 0.5rem;
    width: 46%;
}
.new_date dt, .new_date dt a {
    font-weight: 900;
    color: rgb(255 188 179);
    font-size: 2.5rem;
}
.text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    padding: 0.5% 1% !important;
    border: 2px #c0a16b solid;
    border-radius: 50px;
    display: inline-block;
    background-color: #f6eddc;
}

/*DIV END*/

.bg0{background-image:url(../images/1302037_01_bg.png);border-bottom: 12px #e0cca5 solid;border-bottom: 12px #fa7a7a solid;background-size: cover;background-position: top center;background-position: center bottom;}
.bg1{background-color: #FFEB3B;padding: 1.1% 0 0.5%}
.bg2{background-color: #fffce4;padding: 1.1% 0 0%}/*var(--bgcolor2)*/
:root{
	--bgcolor1:#EEE8E0;
	--bgcolor2:#FFFCE9;
	--join1:#de523f;
	--join2:#00BCD4;
}
.bg_padding{padding:1%;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}
.addition,.addition a{color: white;}
.addition:hover{background-color: #EA296A;}
.goReg:hover,.addition:hover{transform: scale(1.1);}
.addition{background-color: #b814ac;width: max-content;padding: 0.5rem 1rem;border-radius: 10rem;margin: 1rem auto;font-size: 1.3rem;}
.note_list span::before{content: '■';color: #00bcd4;}
#banner {padding: 1% 0;position: relative;}
.hooper-slide {/*background-color: #a59db5;*/padding: 0.5rem;display: flex;justify-content: center;align-items: center; margin: 0 0.5rem;position: relative;}
.list_item,.gift_group{position: relative;}
.list_item dd ul {
    list-style-type: auto;
    margin-left: 10%;
}
.list_item dd ul li{}
.list_item dd p {
    border-left: 5px #54bdd5 dotted;
    float: right;
    width: 80%;
    padding: 0 0 0 1%;
}
.hooper-navigation{position: relative;top: -50%;}
.hooper-prev {left: 1.7% !important;}
.hooper-next {left: 93% !important;}
.hooper-next, .hooper-prev {
    background-color: #607d8b !important;
    border: none;
    padding: 0em !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #ffffff;
    border-radius: 50px;
    width: 40px;
    height: 40px;
}
#teacher-banner{width:90%;margin:2rem auto}
#teacher-banner > div{margin:1rem 0}
.VueCarousel-slide{display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:1.5rem;text-align:center}
.text-white{color:white;}
button.VueCarousel-navigation-button.VueCarousel-navigation-prev {
    left: 0%;
}
button.VueCarousel-navigation-button.VueCarousel-navigation-next {
    left: 90%;
}
/*法律講堂*/
.law_hall{margin: 1rem 0;}
.law_hall span:hover{text-decoration: underline;}
.law_hall a{display: inline-block;text-decoration: none;}
.law_hall i{width: 3rem;height: 3rem;display: block;background-color: white;color: var(--group_title);border-radius: 9999rem;padding: 1rem 0;margin: 0 auto;}
.law_hall i {
    width: 3rem;
    height: 3rem;
    display: block;
    background-color: white;
    color: var(--group_title);
    border-radius: 9999rem;
    padding: 0.75rem 0 1rem 0.2rem;
    margin: 0 auto;
    color: #c79d52;
    font-size: 1.5rem;
}
.law_hall::before {
    content: "" !important;
    margin-right: 10px;
}


/*上榜書單*/    
.bookslist img{width: 10rem;margin: 0 auto;}
.grasp{padding: 1rem;}
.grasp dt {
    color: rgb(186 134 42);
    font-weight: 900;
    font-size: 1.8rem;
	padding-bottom: 0;
}
.grasp dd:last-child{background-color: rgb(7, 27, 43);color: white;width: max-content;margin: 0.5rem auto;border-radius: 1rem;padding: 0.05rem 1.5rem;}
.grasp dd:last-child {
    background-color: rgb(7, 27, 43);
    color: white;
    width: max-content;
    margin: 0.5rem auto;
    border-radius: 1rem;
    padding: 0.05rem 1.5rem;
    display: none;
}
.grasp dd:last-child a{text-decoration: none;}
.lecture .focus{color: rgb(7, 27, 43);}
.study_list li,.grasp dd{color: #7a7a7a;}
/*.study_list li::before{content: '\f138';font-family:"Font Awesome 6 free";margin-right: 0.5rem;font-weight: 900;}*/
.study_list li::before {
    content: '\f138';
    font-family: "Font Awesome 6 free";
    /* margin-right: 0.5rem; */
    font-weight: 900;
    margin-left: -19px;
}

/*各大相容檢視*/
@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:#00bcd4 url(../images/up-arrow.png) no-repeat center center;border-radius:50%;transition:1s}#back-top a:hover span{background-color:#777}

/*ask*/
/* .list_form li {list-style: disc;margin-left: 2rem;} */
#askarea SELECT {color: black;background-color: white;}
#askarea_out{background-color: #dd2581;}
#askarea{width: 1200px;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
#askarea .asktitle {color: white;text-align: center;font-size: 2.6rem;margin: 17px;}
#formlist SELECT,#formlist input{border-radius: 0.3rem;background-color: #FFF;border: #FFF;padding: 0.25rem;font-family: "Microsoft JhengHei";}
#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: #00bcd4;}
#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 #ffcde6 solid;padding: 10px;font-family: "Microsoft JhengHei";}
#askarea input[type="text"]{width:32%;}
#askcontent{color:white;line-height: 2.5rem;}

@media (min-width: 1024px) {
   /*探索法律捷徑*/  
   .imgway{top:41%;left:53%;transform:translate(-50%,-50%)}
   .line,.lineTop{height: 100%;position: relative;}
   /* .books::before,.irt::before{content:'';position:absolute;top:0;width:80%;height:20px;border-top:1px solid #c8c8c8}
   .lineTop::before,.line::before{content: ''; position: absolute;left:0;width: 20px;border-left: 1px solid #c8c8c8;} */
   .lineTop::before{top: 0;height: 50%;}
   .line::before{bottom: 0;height: 60%;}
   .books::before{right: 0;}
   .irt::before{left: 0;}
   .grasp {
    padding: 1rem 0.5rem 0.5rem;
    position: relative;
    text-align: center;
}
   .grasp dd{font-size: 1.1rem;}  
   .grasp dd a{font-size: 1.1rem;} 
   .grasp dd::before {
    content: "" !important;
    margin-right: 10px;
}
   .bookslist{text-align: center;border-radius: 1rem;padding: 0.5rem;}
   .bookslist img{width: 10rem;}
   .bookslist img:hover{transform:translateY(-0.55rem); opacity: 0.7;}
   .irt,.books{margin: 0rem 0 0 0;}    
   .irt{position: relative;}
   .irt img{max-width: 100%;text-align: center;margin: 0 auto;}

}
@media (min-width: 1280px) {    
    .grasp dd{font-size: 1.2rem;} 
}
@media (min-width: 1536px) {
    .books::before,.irt::before{content:'';position:absolute;
        top:-4px; 
        width:80%;height:20px;border-top:0px #ffffff solid}
    .lineTop::before,.line::before{content: ''; position: absolute;left:0;width: 20px;border-left: 0px #ffffff solid;}
    .lineTop::before{top: 0;height: 50%;}
    .line::before{bottom: 0;height: 60%;}
    .books::before{right: 0;}
    .irt::before{left: 0;}
    .irt img{max-width: 110%;position: relative;left: -3rem;}
    .study_list li{text-indent: 0;margin-left: 0;}
}
@media all and (min-width: 1px) and (max-width: 1200px){
    .master_date dd{text-indent: -1rem;margin-left:1rem;}
    .new_date,.new_date_title {
        width: 100%!important;
        text-align: center;
        }
    

/*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"]{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);}
	}