@import "../../../icon_new_6.2/css/all.min.css";
body *{font-family:'Noto Sans TC',sans-serif}
#event_master *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#Master_title img{display:initial;width:auto}
small{font-size:0.9rem}
@keyframes myfirst{
    0%{opacity:1}
    15%{opacity:0}
    25%{opacity:1}
    100%{opacity:1}
}
.hidden {display: none;}
.block {display: block;}
.circle{width:13rem;margin:1.4rem;padding:2.4rem .6rem 5.5rem;background-color:#cf3510;border-radius:9999rem;background-position:50% 2%;opacity:.95}
.circle.icon1{background-image:url(../images/1211119_bg_icon1.png)}
.circle.icon2{background-image:url(../images/1211119_bg_icon2.png)}
.circle.icon3{background-image:url(../images/1211119_bg_icon3.png)}
.circle_bg{margin:0 auto;text-align:center;justify-content:center}
.circle dt a{color:#fff;font-size:2rem}
.circle dd{font-size:1.32rem}
.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:0;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:0;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:2.0rem!important;line-height: 2.75rem;}
.each_title{margin-top:0%}
.each_title_h{font-size:4.0rem;line-height: 4.0rem;}
.each_title > div,.fa-star,.border-star svg{color:#cf3510;stroke:#99885C;z-index:1;}
.each_title >.vip_t{font-size:1.8rem;line-height:2.5rem;color:#b9935d;font-family:Verdana,"Microsoft YaHei";font-weight:700;padding:12px 0 0}
.each_title .fa-star{color:#cf3510;}
.each_title2 .fa-star{color:#ffc473;}
.each_title2 > div,.fa-star,.border-star svg{color:#fff;stroke:#c29d6a;z-index:1;}
.each_title2 >.vip_t{font-size:1.7rem;line-height:1rem;color:#f44336;font-family:Verdana,"Microsoft YaHei";font-weight:700;padding:12px 0 0}

.border-star .fa-star{position:relative;top:.5rem}
.border-star svg{height:20px;width:92%;margin:1rem 0 -1rem}
.gift_icon1{float:left;margin:-.5% -5% 3%}
.gift_icon1 img{margin:-.5% -28% 0}
.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:700}
.reg_time dt.onlinetitle{color:#eb543f;padding-top:.5rem;padding-bottom:1.5%;line-height:3.5rem;font-size:2.7rem;letter-spacing:-1px;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;margin-right:8px}
.reg_join{background-color:#eee8e000;border-radius:7px 7px 0 0}
.reg_join,.goReg,.goReg a{color:#fff;font-size: 1.8rem;}
.join1{background-color:var(--join1)}
.join1,.join2{padding:1% 10% .7%;white-space:nowrap;border-radius:7px 7px 0 0}
.joinContent1,.joinContent2{width:100%;padding:3%;background-color:#fefff1}
.joinContent1{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:.4rem 1.3rem .45rem!important;white-space:nowrap;background-color:#00bcd4;margin-top:-1%}
.goReg a{text-decoration:underline}
.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:.5rem 0 0}
.reg_join li:hover{cursor:pointer}
.Vuetabs a{cursor:pointer;padding:.5rem 70px;border-radius:10px 10px 0 0;background-color:#d0953d;color:#f7e7d0;font-size:1.2em;width: calc(100% / 2);text-align: center;}
.Vuetabs a:hover{color:#fff;background-color:#9d1f0e;}
.Vuetabs a.active{color:#fff;border-bottom:0 solid #fff;cursor:default;background-color:var(--select_none_bg);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 #fff}
.gift_content{width:90%;}
.gift_item{font-size:1.3rem;text-align: left;}
.gift_item dd{width: 46%;text-indent: -1.5rem;margin-left: 1rem;}
.gift_tea{margin: 0 auto;}
.gift_content figure{width: 50%;float: right;display: flex;margin-bottom: 2%;}
.gift_content figure img{width: 50%;border-radius: 1.0rem;}
.gift_group{/*background-color:#f5e4cb;*/border-radius:2.0rem;border-left:10px #d8b27c solid;border-right:10px #cf3510 solid;padding:30px 0!important;/*width:1000px!important;*/margin:0 auto;font-size:1.3rem}
.list_item dd .gift_t{color:#ff4b00;font-size:1.35rem;font-weight:700}
.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:1.5% 4% 2%;border-radius:12px;border-top:4px #cf3510 dotted}
.givebook{font-size:1.5rem;border-top:2px #eb7272 dotted;margin:1rem 0 0;padding:1rem 0 0;color: #cf3510;text-align: center;}
.givebook a{color:#fff;padding:2px 6px;background-color:#cf3510;border-radius:7px;font-size:1.4rem;margin:0 5px}
.givebook i{font-size:2.5rem;margin:0 0.5rem 0 0;color: #cf3510;}
.gifts_book{background-color: #ffffffcf;border-radius: 2.0rem;padding: 2.0rem 3rem;margin: 1.5% auto 3%;width: 100%;}
.gifts_bookmap{width:120px;text-align:right;position:absolute;right:6%;bottom:33%}
.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:700}
.line_point .t2{color:#00bcd4}
.list_item{font-size:1.1rem;text-align: left;}
.list_item dd{font-size:1.4rem;text-align: center;}
.list_item .offer{background-color:red;color:#fff;padding:0 1rem;font-size:1.35rem;margin-top:15px;float:left}
.date{line-height: 3.5rem;list-style-type: disclosure-closed;list-style-position: inside;font-size: 2.0rem;color: #4c1008;margin-bottom: 1.0rem;text-align: left;text-indent: -14.0rem;margin-left: 14rem;}
.list_item .inside_List{border-bottom: solid 3px;line-height: 3rem;list-style-type: disclosure-closed;list-style-position: inside;text-indent: 0;font-size: 1.8rem;color: #4c1008;margin-bottom: 1.0rem;text-align: left;}
.inside_List li{margin-left: 2rem;text-indent: -2rem;}
.list_item dd a,.inside_List a,.date dd a{color:#cf3510}
.list_item dd a{font-weight:700}
.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:700;font-size:1.6rem;text-align:center;margin-bottom:2%}
.list_item .tt_note{font-size:1rem;background-color:#FFEB3B;border-bottom:2px #FF5722 dotted}
.gift_group dd > strong.gold{color:#bc8c1d}
.gift_group dd > .date{color:#4c1008;font-size:1.45em;font-weight:700;font-family:Arial,Helvetica,"Microsoft JhengHei";font-family:Tahoma,Geneva,sans-serif}
.onsale{background-color:#ffdfdf;border-radius:50px;list-style:disc}
.bg0{background-color:#e6c18d;}
.bg1{background: url(../images/1312027_bg.png) center fixed no-repeat, linear-gradient(58deg, #f9dfbb 30%, #fcf3e6 60%, #efd2aa 75%, #fcf3e6 90%);}
.bg2{background-color:#fffce4;padding:1.1% 0 0}
.bg3{background: linear-gradient(58deg, #7f190a 0%, #a52716 10%, #dd4a36 60%, #a52716 80%, #931504 100%);}

.bg_padding{padding:1%}
*{transition:all .5s}
.addition,.addition a{color:#fff}
.addition:hover{background-color:#EA296A}
.goReg:hover,.addition:hover{transform:scale(1.1)}
.addition{background-color:#b814ac;width:max-content;padding:.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{padding:.5rem;display:flex;justify-content:center;align-items:center;margin:0 .5rem;position:relative}
.list_item,.gift_group{position:relative}
.list_item dd ul{list-style-type:auto;margin-left:10%}
.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:0!important;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;color:#fff;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:#fff}
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:#fff;color:var(--group_title);border-radius:9999rem;padding:1rem 0;margin:0 auto;width:3rem;height:3rem;display:block;background-color:#fff;color:var(--group_title);border-radius:9999rem;padding:.75rem 0 1rem .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:#ba0000;font-weight:900;font-size:1.8rem;padding-bottom:0}
.grasp dd:last-child{background-color:#071b2b;color:#fff;width:max-content;margin:.5rem auto;border-radius:1rem;padding:.05rem 1.5rem;background-color:#071b2b;color:#fff;width:max-content;margin:.5rem auto;border-radius:1rem;padding:.05rem 1.5rem;display:none}
.grasp dd:last-child a{text-decoration:none}
.lecture .focus{color:#071b2b}
.study_list li,.grasp dd{color:#7a7a7a}
.study_list li::before{content:'\f138';font-family:"Font Awesome 6 free";font-weight:900;margin-left:-19px}
.join_list {text-align: left;font-size: 1.5rem;color: #4c1008;margin-bottom: 1.5rem;}
.join_inside li{list-style-type: decimal;
    margin-left: 1.8rem;
}
.share{font-size: 1.7rem;color: #4c1008;text-align: center;}
.share strong{color: #cf3510;}
.write{background: #d1a450;color: white;width: max-content;font-size: 1.4rem;margin: 1.0rem auto 0;padding: 0.5rem 1.5rem;border-radius: 1.5rem;}
.intro{margin: 1rem 0;font-size: 1.8rem;color: #ffc473;text-align: center;}
.intro span{color: #fbecd7;font-weight: bold;font-size: 2.5rem;}
.offer_list{text-align: left;margin: 1rem 0;}
.offer_list dt{font-size: 1.4rem;font-weight: 900;}
.offer_inside li{list-style-type: decimal;margin-left: 1.2rem;}
.offer_inside li strong{background: linear-gradient(to right, #7f190a 10%, #c7331f 95%);padding: 0.1rem 1.0rem;color: #feeacc;FONT-SIZE: 1.1rem;margin-left: 0.5rem;display: inline-block;}
.offer_A{background: #ffffff; border-radius: 2.0rem;border: rgb(255 196 115) 7px solid;}
.offer_A dt{text-align: center;padding: 0.5rem 0;background: linear-gradient(to right, #87643d 0%, #b99768 10%, #ffe6c3 80%, #b19064 90%, #623e31 100%);color: #cf3510;
    font-size: 3.0rem;border-radius: 1.5rem 1.5rem 0 0;animation: myfirst 1.5s infinite alternate ease-in-out;}
.offer_A dd{padding: 1.5rem 3.5rem;font-size: 1.5rem;width: 48%;display: inline-block;}
.offer_h {clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 0% 0%, 0% 0%);background: linear-gradient(to right, #007e8f 10%, #00bcd4 95%);padding: 0.1rem 1.5rem;
    color: #fbecd7;margin-right: 1.0rem;font-size: 1.7rem;}

.offer_B{background: #ffffff; border-radius: 2.0rem;border: rgb(255 196 115) 7px solid;}
.offer_B dt{text-align: center;padding: 0.5rem 0;background: linear-gradient(to right, #87643d 0%, #b99768 10%, #ffe6c3 80%, #b19064 90%, #623e31 100%);color: #cf3510;
    font-size: 2.5rem;border-radius: 1.5rem 1.5rem 0 0;}
.offer_B dd{padding: 1.5rem 3.5rem;font-size: 1.5rem;width: 49%;display: inline-block;vertical-align: top;}
.join_tb,.join_tb th,.join_tb td{border: 1px solid #c2916a;border-collapse: collapse;padding: 0.2rem 0.5rem;}
.join_item{text-align: left;}
.join_item li{margin-left: 0.5rem;}
.join_tb{margin: 0 auto;background-color: #faf3eb;}
.join_tb th{background:#e6b269 ;color: white;text-align: center;}
.join_tb td{}

:root{
    --bgcolor1:#EEE8E0;
    --bgcolor2:#FFFCE9;
    --join1:#de523f;
    --join2:#00BCD4;
    --select_bg:#b814ac;
    --select_none_bg:#cf3510;

}
.happy_go{background: linear-gradient(58deg, #7f190a 0%, #a52716 10%, #dd4a36 60%, #a52716 80%, #931504 100%);position: fixed;right: 0;bottom:8rem;z-index: 999;padding: 1rem;border-radius: 1rem;}
.happy_go a{color: #ffc473;font-size: 1.8rem;font-family: 'Noto Serif TC', serif;font-weight: 900;}
.happy_go:hover{transform:translateX(-1rem);
    background: linear-gradient(58deg, #931504 0%, #931504 10%, #dd4a36 60%, #a52716 80%, #7f190a 100%);}
    .autowarp{display: block;}

#back-top{position:fixed;bottom:70px;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}
#askarea SELECT{color:#000;background-color:#fff}
#askarea_out{background-color:#c53b29;}
#askarea{width:1200px;margin:0 auto;padding:1rem 5rem;text-align:left}
#askarea .asktitle{color:#fff;text-align:center;font-size:2.6rem;margin:17px}
#formlist SELECT,#formlist input{border-radius:.3rem;background-color:#FFF;border:#FFF;padding:.25rem;font-family:"Microsoft JhengHei"}
#askarea SELECT{background-color:#FFF;border:#FFF;padding:.5%;margin:auto 1% 1% auto}
#formlist label{display:block;margin:1rem 0;color:#fff;font-size:1.2rem}
#formlist img{display:inline-block}
#formlist input{color:#585858}
#askarea input[type="submit"],#askarea input[type="reset"]{padding:.5em;width:88px;margin-top:2%;border:2px #fff solid;color:#fff!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 #e6c18d solid;padding:1rem 2rem;font-family:"Microsoft JhengHei"}
#askarea input[type="text"]{width:32%}
#askcontent{color:#fff;line-height:2.5rem}
.sepecial_item label{color: #f3cb66 !important;font-size: 1.7rem !important;border-bottom: dotted;text-align: center;}
.sepecial_item input{transform: scale(2);margin: 1rem;}
@media (max-width: 768px) {
    .happy_go{bottom:0rem;width: 100%;border-radius: 0rem;text-align: center;}
.happy_go:hover{transform:translateX(0rem);
    }
    .happy_go a{font-size: 1.5rem;}
    .autowarp{display: inline;}
    .sepecial_item{text-indent: -1.3rem;
        margin-left: 1.3rem;}
    .sepecial_item small{display: ;}
    .sepecial_item label{font-size: 1.1rem!important;text-align: left;}
    .sepecial_item input{transform: scale(1);}
    .join_tb{border:none}
    .join_tb tr{display:block;margin-bottom:1rem;background:#faf3eb;border:1px solid #c2916a;border-radius:8px;padding:1rem;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
    .join_tb th{display:none}
    .join_tb td{display:block;text-align:left;padding:.5rem 0;border:none}
    .join_tb td::before{content:attr(data-label);font-weight:700;color:#e6b269;display:block;margin-bottom:.3rem;
        border-bottom: 1px solid #e6b269;}
    .join_tb tr:first-child{display:none}
    .list_item dd{font-size: 1.1rem;margin: 0.5rem 0;text-align: left;}
    /* #st-trigger-effects img{transform: scale(0.7);} */
	.wrap_all{
        word-break: keep-all;
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
        -webkit-text-size-adjust: 100%;
        }
    
        .addition{width: auto;font-size: 0.9rem;}
        .goReg{white-space: normal;font-size: 0.8rem;}
        .bg0{/*background: linear-gradient(to bottom, #ca0505 0%,#cd3e3e 100%);*/border-bottom: 7px #e0cca5 solid;}
        .bg2 {background-color: #fff9eb;padding: 1.1% 0 10%;}
        .br_mb{ display:block}
        .circle {/* width: 210px; */margin: 0.7rem 1.4rem 0;}
        .t_ss{font-size: 1.5rem !important}
        .circle_2 {/* width: 13rem; */margin: 0.7rem 1.4rem 0;/* padding: 1.2rem 0.6rem 2.7rem; */}
        .circle dd:nth-child(3) {width: 131%;margin-left: -16%;font-size: 1.1rem;padding: 2px;}
        .circle dd:nth-child(3):before {left: 0;border-left: 13px solid #fff9eb;}
        .circle dd:nth-child(3):after {left: 193px;border-right: 13px solid #fff9eb}
        .gift_content {padding-left: 13px !important;padding-right: 12px;}
        .gift_group {padding: 10px 0 !important;width: 96% !important;margin: 0 2%;}
        .list_item .offer {font-size: 1.2rem;float: inline-start;width: 100%;text-align: center;margin-top: 20px;}
        .gift_icon1 {float: none;margin: 0 auto;}
        .gift_icon1 img {display: block;margin: 0 auto;}
        .gift_icon2{width: 15%;}
        .gifts_bookmap img {margin: 5% 0;}
        .gifts_bookmap {width: 117px;margin: 0 auto;position: inherit;}
        .gifts_book {padding: 18px;width: auto;}
        .gift_group dd > .date {font-size: 1em;}
        .list_item .inside_List {line-height: 1.5rem;text-indent: 0rem;font-size: 1.2rem;}
        .inside_List li{margin: 0.5rem 0rem 0.5rem 1.0rem;text-indent: -1.0rem;}
        .givebook {font-size: 1.0rem;}
        .givebook a {display: inline-block;}
        .shareNote{ font-size:1.2rem}
        .join1, .join2 {padding: 1% 7% 0.7% 6%;}
        .reg_time dt.onlinetitle {font-size: 2.3rem;float: initial;text-align: center;}
        .reg_time dd.time {font-size: 1.4rem;text-align: center;}
        .list_item dt {font-size: 1.5rem;}
        #askarea .asktitle {font-size: 1.6rem;}
        #askarea textarea[name="sContent"] {color: #3b3a3a;}
        .list_item {font-size: 1.1rem;}
        .add_t_r {margin-left: 0;}
        /* .goReg { padding:0.4rem 2.5rem 0.45rem 2.5rem;} */
        .top_space {margin-top: 0rem;line-height: 1.6rem;}
        .reg_join, .goReg, .goReg a {font-size: 1.05rem;}
        .joinContent1, .joinContent2 { margin-left: 0px !important;border: 0px #c6b076 solid;}
        .text-base {font-size: 1rem;text-indent: -1.125rem;margin-left: 1rem;}
        .Vuetabs a {cursor: pointer;padding: 0.2rem 5% 0.2rem;font-size: 1.25rem;}
        .each_title_h {font-size: 2.3rem;line-height: 2rem;padding-top: 0.5rem;}
        .intro {margin: 0rem 0 1rem;font-size: 0.95rem;padding: 0 1.0rem;}
        .intro span {font-size: 1.5rem;}
        .offer_A dt,.offer_B dt {font-size: 1.5rem;}
        .offer_A dd,.offer_B dd {padding: 0.5rem 1.5rem;font-size: 1.3rem;width: 100%;}
        .offer_h {font-size: 1.4rem;}
        .gift_content figure {width: 100%;float: none;}
        .gift_item dd {width: 98%;}
        .gift_item,.join_list {font-size: 1.1rem;}
        .share{font-size: 1.3rem;}
        .write,.offer_inside li {font-size: 1.2rem;}
        .good10-t {font-size: 1.5rem !important;    line-height: 2.0rem;}
        .border-star svg {width: 89%;}
        .date {line-height: 1.5rem;font-size: 1rem;margin-bottom: 1.0rem;text-indent: -0rem;margin-left: 0rem;}
        .each_title > .fa-star, .border-star svg {font-size: 2rem;}
        .shareNote {font-size: 1.2rem;}
        #back-top span {width: 40px;height: 40px;background: #00bcd4a3 url(../images/up-arrow.png) no-repeat center center;}
        #askarea SELECT {display: block;width: 100%;}
        .Vuetabs a.active {font-size: 1.5rem;}
        .tt{text-indent: -18px; padding: 0% 6% 5% 10%}
        .onsale {text-align: center;}
        .grasp dd::before {content: "" !important;margin-right: 10px;}
        .grasp dd a{font-size: 1.1rem}
    
}
@media (min-width: 1024px) {
.imgway{top:41%;left:53%;transform:translate(-50%,-50%)}
.line,.lineTop{height:100%;position:relative}
.lineTop::before{top:0;height:50%}
.line::before{bottom:0;height:60%}
.books::before{right:0}
.irt::before{left:0}
.grasp{padding:1rem .5rem .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:.5rem}
.bookslist img{width:10rem}
.bookslist img:hover{transform:translateY(-0.55rem);opacity:.7}
.irt,.books{margin: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:0 #fff solid}
.lineTop::before,.line::before{content:'';position:absolute;left:0;width:20px;border-left:0 #fff 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}
#askarea{width:100%;padding:.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:1rem}
#formlist input[name="sContent"],#formlist label,#formlist SELECT,#formlist input{margin:.25rem 0}
#formlist input[type="submit"],#formlist input[type="reset"]{width:calc(100%/4.5)}
}