:root{
    --bg-ask:linear-gradient(63deg,#e2bc91 5%,#c2946e 90%);
    --bg-ev:#a21870;
    --body-navsite:black;
}
/*顏色定義*/
.bg-ask{background:var(--bg-ask)}
.bg-event{background:;}
.bg-master{background:#E6E4E5 ;}

/*解析度無限定-共用區*/
*{transition:all .5s}
h1{font-size:2.5rem}
h2{font-size:2rem}
h3{font-size:1.8rem}
/*網站路徑*/
#BodyContentMainNavigator{color:var(--body-navsite) ;padding: 0!important;}
/*DIY*/
body { color:#2a2a2a;}
#Master_title{background: #E6E4E5;}
#Master_title img{max-width:100%;}
.buy_title{width: 100%;font-size: 1.5rem;text-align: center;}
.buylist{text-align: center;margin: 1rem 0;}
.buylist1{text-align: left;}
.buylist dt{font-size: 1.3rem;
    text-shadow: #043629 0px 2px, #043629 2px 0px, #043629 -2px 0px, #043629 0px -2px, #043629 -1px -1px, #043629 1px 1px, #043629 1px -1px, #043629 -1px 1px;}
.buylist dt strong{color:#fff800}
.listFreeD{width: 100%;margin: 0 auto;}
.listFreeD>div{font-size: 1.2rem;}
.listFreeD>div:nth-of-type(2){margin-top: .5rem;}
.listFreeD dd::before{content: '‧ ';}
.listFreeD dt{font-size: 1.35rem;margin: 11px 0;    font-weight: bolder;}
.spe{background:url(../images/1301020_2.png) no-repeat top / 100% auto;background-color:#e6e4e5;width:100%;height:auto;}
.txt{width:90%;padding:0 5%;font-size:1em;position:relative}
.txt h1{width:60%;margin:0.5rem auto;font-size:1.5em;color:#FFF;padding:0 .8em;font-weight:700;background-color:#b21b62;border-radius:1em;text-align:center;position:relative;z-index:2}
.txt header{position:relative}
.txt header:before{content:"";border-bottom:dotted medium #b21b62;position:absolute;width:100%;bottom:0}
.txt h2{width:100%;;font-size:.8em;color:#000;text-align:center;margin-bottom:1em;border-radius:1em}
.txt ul{width:68%;;list-style:none;padding:.3rem 0 .5rem;margin: 1rem auto;}
.txt li{width:100%;;font-size:1.2em;color:#000;list-style:none}
.txt li:before{content:"✪ ";color:#db3b86}
.txt b{font-size:1.2em;color:#db3b86}
.txt a{color:#db3b86}
.QR{width:auto;padding:20px 1% 0;text-align:center}
.btn{clear:both;text-align:center;font-size:1.2em}
.btn a{background-color:#efea38;color:#000!important;padding:2px 8px}
.QR p{font-size:.8em;color:#00c643;background-color:#FFF;text-align:center}
.event_box .orclass{display:inline-block;background-color:#FFC107;color:#4f0909;text-align:center;border-radius:50%;width:26px;height:26px;line-height:26px}
.ribbon{left:0;right:0;margin:0 auto;width:76%;position:absolute;text-align:center;font-size:19px!important;background:#db3b86;background:-webkit-gradient(linear,left top,left bottom,from(#db3b86),to(#bb256b));background:-webkit-linear-gradient(top,#db3b86,#bb256b);background:-moz-linear-gradient(top,#db3b86,#bb256b);background:-ms-linear-gradient(top,#db3b86,#bb256b);background:-o-linear-gradient(top,#db3b86,#bb256b);background-image:-ms-linear-gradient(top,#db3b86 0%,#bb256b 100%);-webkit-box-shadow:rgba(000,000,000,0.3) 0 0 0;-moz-box-shadow:rgba(000,000,000,0.3) 0 0 0;box-shadow:rgba(000,000,000,0.3) 0 0 0;font-family:'Helvetica Neue',Helvetica,sans-serif}
.ribbon h1{font-size:27px!important;color:#fff;text-shadow:#bb256b 0 1px 0;margin:0;padding:5px 10px;font-family:Georgia,"Microsoft YaHei",Times,serif}
.ribbon:before,.ribbon:after{content:'';position:absolute;display:block;bottom:-1em;border:1.5em solid #cc64a2;z-index:-1}
.ribbon:before{left:-2em;border-right-width:1.5em;border-left-color:transparent;-webkit-box-shadow:rgba(000,000,000,0.4) 0 0 0;-moz-box-shadow:rgba(000,000,000,0.4) 0 0 0;box-shadow:rgba(000,000,000,0.4) 0 0 0}
.ribbon:after{right:-2em;border-left-width:1.5em;border-right-color:transparent;-webkit-box-shadow:rgba(000,000,000,0.4) -0 0 0;-moz-box-shadow:rgba(000,000,000,0.4) -0 0 0;box-shadow:rgba(000,000,000,0.4) -0 0 0}
.ribbon .ribbon-content:before,.ribbon .ribbon-content:after{border-color:#9a1653 transparent transparent;position:absolute;display:block;border-style:solid;bottom:-1em;content:''}
.ribbon .ribbon-content:before{left:0;border-width:1em 0 0 1em}
.ribbon .ribbon-content:after{right:0;border-width:1em 1em 0 0}
.ribbon-stitches-top{margin-top:2px;border-top:0 dashed rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);box-shadow:0 0 2px rgba(255,255,255,0.5)}
.ribbon-stitches-bottom{margin-bottom:2px;border-top:0 dashed rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 2px rgba(255,255,255,0.3)}
.ribbon a{color:#FFF}
.eventC{width:100%;font-size:1rem;line-height:1.5em;float:left;color:#FFF;margin-top:100px}
.eventC small{clear:both;display:block;text-align:right}
.eventC a{color:#db3b86;}
.eventC p{clear:both;font-size:1.2rem}
.eventC p a{color:#FFF}
.eventC b{font-size:1.2rem;color:#db3b86;text-shadow:#FFF 0 2px,#FFF 2px 0px,#FFF -2px 0px,#FFF 0 -2px,#FFF -1px -1.0px,#FFF 1px 1.0px,#FFF 1px -1px,#FFF -1px 1px}
.eventC b a{color:#db3b86;text-shadow:#FFF 0 2px,#FFF 2px 0px,#FFF -2px 0px,#FFF 0 -2px,#FFF -1px -1.0px,#FFF 1px 1.0px,#FFF 1px -1px,#FFF -1px 1px}
.eventC .s{font-size:.8em}
.eventC .ps{width:100%;font-size:.8em;text-align:right}
.eventC h1{font-size:2em;line-height:1.3em;color:#efea38}
.eventC h1 a{color:#efea38}
.eventC h2{font-size:1.7rem;line-height:1.3em;float:left;color:#efea38}
.eventC h2 a{color:#efea38}
.eventC h2 b{font-size:.6rem;color:#db3b86;background-color:#efea38;border-radius:.5em;padding:2px 10px;text-shadow:none}
.eventC ul{color:#FFF;width:90%;float:left;margin-left:5%;padding:.5em}
.box{width:96%;font-size:1rem;line-height:1.3rem;float:left;border:dotted medium #FFF;padding:1% 2% 0;border-radius:1em}
.buy h3{width:100%;font-size:1.5rem;line-height:1.3rem;float:left;color:#fff;text-align:center;padding:.1em 0;margin:24px 0 28px}
.buy img{vertical-align:middle}
.buy a{color:#fbc838}
#event_class ul,#lawAPP .lawappContent{width:95%;float:left;margin:0;background-color:#FFF;list-style-type:none;border-radius:10px;padding:1.5% 2% 1.5% 3%}
.lawappImg{width:20%;float:left}
.lawappTxt{width:80%;float:left;font-size:1.5rem;line-height:1.6rem;color:#0057C0;font-weight:500;text-align:left}
.lawappTxt small{display:inline-block;font-size:.8rem}
.lawappTxt p{margin:0}
.lawappTxt a{font-size:1.55rem;color:#E00774!important;font-weight:700}
.eventC h4{width:100%;font-size:1.5rem;line-height:1.3rem;float:left;color:#efea38;background-color:#793f91;text-align:center;padding:.1em 0;margin-bottom:.5em}
.eventC h5{font-size:1rem;font-weight:400;width:100%;float:left;text-align:center;}
.title2{margin-top:10px;font-size:1.8rem;font-weight:700;line-height:1.5em;float:left;color:#f47524;padding:0 5%}
.eventC table{width:100%;float:left;color:#000;font-size:1em;text-align:center;margin-bottom:17px;background:rgba(255,255,255,0.3) none repeat scroll 0 0}
.eventC table th{color:#FFF;background-color:#db3b86;line-height: 2;font-weight: normal;font-size: 1.2rem;}
.eventC table td{background:rgba(255,255,255,0.8) none repeat scroll 0 0}
.eventC table a{color:#000;}
.buygo{text-align:center;padding:7px 0 0}
.icon{width:100%;float:left;text-align:center}
.icon img{width:98px;margin-right:5px;border-radius:.5em;margin-bottom:2em}
.app img{width:98%;height:auto;text-align:center;border:solid 7px #ae83c0;border-radius:.3em;margin-bottom:2em}
.app{cursor:pointer}
#answer_img{display:none;padding:0 188px 23px}
#answer_img img{width:100%}
.sale{width:90%;float:left;padding:.2em 5%;color:#FFF;font-size:1.2em;background-color:#db3b86;border-radius:1em}
.tch{color:#FFF}
.BT{clear:both;text-align:center}
.BT a{background-color:#efea38;padding:3px 15px;border-radius:5px;font-size:1.3em;color:#000;display:inline-block;margin-bottom:1em;margin: 0 0.5rem;}
.event_box{width:100%;padding:3% 10%;text-align:left;position:relative;z-index:0;display: inline-block;}
.bg-blue{background-color:#2da1d2}
.bg2{background-color:#2fb592}
.event_box.bg3{background-color:#8c58a2}
.event_box.bg4{background-color:#be3a78}
.event_box.bg5{background-color:#837dd6}
.borderA,.borderA th,.borderA td{border:2px solid #2DA1D2;}
.borderB,.borderB th,.borderB td{border:2px solid #8C58A2;}
table img{display: inline-block;}
.event_box.bg6{
    width:100%;text-align:center;background:linear-gradient(to bottom,#ffffff 80%,rgb(255 255 255 / 40%) 100%);
    padding:12px 0 17px;font-size:.8em;color:#292929;border-radius:8px;
}
.buygo a,.BT a{background:linear-gradient(to top,#ff7837,#f6ff00);font-size:1.2rem;display:inline-block;padding:2px 9px;text-decoration:blink;color:#020202;border-radius:4px;box-shadow:inset 0 2px 0 #fff;border:solid 1px #f7e809;transition:all .2s linear}
.buygo a:hover,.BT a:hover{transform:scale(1.1);background:linear-gradient(to top,#ff5300,#ff7837);border:solid 1px #ff5503;color:#fff}
.event_box.bg5 h1{font-size:1em;font-weight:400;width:100%;float:left;text-align:center}
.raise{width:94%;background-color:#efea38;color:#000;padding:24px 3%;position:relative}
.recruit{position:absolute;top:5px;left:6px}
.raise p{margin:0;text-align:center}
.raise a{display:inline-block;color:#d20063!important}
.raise h3{background-color:#d8d31c;text-align:center;color:#d20063}
.raise h3 a{color:#d20063!important}
.specail_offer{background-color:#d20063;color:#fffca3;padding:.1rem .5rem}
.list_recomend dt{font-size: 1.15rem;color: #26438e;}
.list_recomend dt strong {font-size: 1.4rem;display: block;margin-bottom: 0.8rem;}
.list_recomend dd{
    font-size: 1.1rem;margin: .3rem auto 1rem;padding:.5rem .1rem;width: 92%;border-radius: 6px;
    background:linear-gradient(to right,#f074a6 0%,#bc6cf1 100%);color: white;line-height: 1.5;}
.list_recomend{
    color: black;padding: 1rem;text-align: center;
    margin: 1rem 0;width: calc(100%/1);align-content: space-around;
    justify-content: center;
}
.list_recomend  span{color:white;font-weight: bold;font-size: 1.25rem; }
.list_recomend{background: white;border-top: solid 5px #EFEA38;border-radius:8px;box-shadow: 0px 1px 0px 2px rgba(255,255,255,0.7);}
.list_recomend_2{border-top: 5px solid #fd8a35;}
.list_recomend_3{border-top: 5px solid #B21B62;}

/*ask*/
#askarea{width: 100%;padding: 0.8rem;}
#askarea .asktitle{font-size: 1.1rem;color: white;text-align: center;}
#askarea .asktitle > p{line-height: 2.2rem;}
#formlist{margin: 0 auto;}
#askarea input[type="text"],#askarea select{width:100%;border-radius: 0.3rem;background: white;border: white;color: black;}
#askarea input[type="checkbox"]{width: initial;}
#formlist label{font-size: 1.0rem;color: white;}
#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);color: white;border: 2px #fff solid;}
#askarea input[type="submit"]{background-color: #094d6d;}
#askarea input[type="reset"]{background-color: #8d9297}
/*電腦解析度*/
@media (min-width: 1536px) {
}
@media (min-width: 1280px) {
}
@media (min-width: 1024px) {    
    #askarea SELECT {}
    #askarea_out{}
    #askarea{width: ;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
    #askarea .asktitle {font-size: 1.5rem;margin: 1rem;}
    #formlist SELECT,#formlist input{padding: 0.25rem;}
    #askarea SELECT{padding: 0.5%;margin:auto 1% 1% auto; width: calc(100%/5);}
    #formlist label{display: block;margin: 1rem 0;font-size: 1.2rem;}
    #formlist img{display: inline-block;}
    #formlist input{color: #585858;}
    #askarea input[type="submit"],#askarea input[type="reset"]{padding: 0.5rem;width: max-content;margin-top: 2%;}
    label > select {margin: 0 1rem;}
    #formlist{justify-content: space-around;}
    #askarea .askw{width: 80%!important;}
    #askarea textarea[name="sContent"]{width:98%;height:300px;font-size: 1.15em;border: 7px #ffcac3 solid;padding: 10px}
    #askarea input[type="text"]{width:calc(100%/3);}
    #askcontent{color:white;line-height: 2.5rem;}
    .list_recomend{width: calc(100%/3.2);}
    .txt h1{width:30%;}
}

/*其他裝置解析度*/
@media (min-width: 0px) and (max-width:1200px) {
    .txt ul { width: 100%; }
}
@media (min-width: 640px) {
}

@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 {
}