@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&family=Noto+Serif+TC:wght@400;600;700&family=Playfair+Display:wght@500;700&display=swap";i.font-icon{display:block;overflow:hidden}#toast{display:block;position:fixed;z-index:99999;background-color:#000;color:#fff;top:0;left:50%;font-size:12pt;padding:10px;min-width:300px;text-align:center;border-radius:6px;line-height:1.5em;box-shadow:3px 3px 1px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translate(-50%, 0)}#toast.show{animation:toast-show 3s ease-in-out}@keyframes toast-show{0%{visibility:visible}10%{opacity:1;transform:translate(-50%, 100px)}90%{opacity:1;transform:translate(-50%, 100px)}}@font-face{font-family:"icon";src:url("../fonts/icon.woff2?ow1S") format("woff2"),url("../fonts/icon.woff?M35b") format("woff"),url("../fonts/icon.ttf?5Ob-") format("truetype");font-display:block;font-style:normal}.font-icon{font-family:icon;font-weight:normal;font-style:normal;vertical-align:middle}.font-icon::before,.font-icon::after{display:inline;vertical-align:middle;line-height:1em}.login>div .logo.ntch:after{width:100px;height:82px;background-position:-244px 0px}.login>div .logo.par:after{width:110px;height:55px;background-position:0px -172px}.icon,.login>div .logo.ntch:after,.login>div .logo.par:after{background-image:url(../img/icon.png?6jBR);background-size:412px 295px;background-repeat:no-repeat;display:block}@media only screen and (min-device-pixel-ratio: 2),only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){.icon,.login>div .logo.ntch:after,.login>div .logo.par:after{background-image:url(../img/icon@2x.png?_faZ)}}
	
.padding-0{padding: 0}
.padding-l-0{padding-left:0;}
.padding-r-0{padding-right:0;}
.padding-b-0{padding-bottom:0;}
.padding-t-0{padding-top:0;}

.p-t-0{    padding-top:0px }
.p-t-5{    padding-top:5px }
.p-t-10{   padding-top:10px !important;}
.p-t-15{   padding-top:15px }
.p-t-20{   padding-top:20px }
.p-t-25{   padding-top:25px }
.p-t-30{   padding-top:30px }
.p-t-40{   padding-top:40px }
.p-t-50{   padding-top:50px }
.p-t-60{   padding-top:60px }
.p-t-70{   padding-top:70px }
.p-t-80{   padding-top:80px }
.p-t-90{   padding-top:90px }
.p-t-100{  padding-top:100px }

.p-b-0{    padding-bottom:0px }
.p-b-5{    padding-bottom:5px }
.p-b-10{   padding-bottom:10px !important;}
.p-b-15{   padding-bottom:15px }
.p-b-20{   padding-bottom:20px }
.p-b-25{   padding-bottom:25px }
.p-b-30{   padding-bottom:30px }
.p-b-40{   padding-bottom:40px }
.p-b-50{   padding-bottom:50px }
.p-b-60{   padding-bottom:60px }
.p-b-70{   padding-bottom:70px }
.p-b-80{   padding-bottom:80px }
.p-b-90{   padding-bottom:90px }
.p-b-100{  padding-bottom:100px }

.p-l-0{    padding-left:0px !important;}
.p-l-5{    padding-left:5px }
.p-l-10{   padding-left:10px  !important;}
.p-l-15{   padding-left:15px }
.p-l-20{   padding-left:20px }
.p-l-25{   padding-left:25px }
.p-l-30{   padding-left:30px }
.p-l-40{   padding-left:40px }
.p-l-50{   padding-left:50px }
.p-l-60{   padding-left:60px }
.p-l-70{   padding-left:70px }
.p-l-80{   padding-left:80px }
.p-l-90{   padding-left:90px }
.p-l-100{  padding-left:100px }

.p-r-0{    padding-right:0px }
.p-r-5{    padding-right:5px }
.p-r-10{   padding-right:10px  !important;}
.p-r-15{   padding-right:15px }
.p-r-20{   padding-right:20px }
.p-r-25{   padding-right:25px }
.p-r-30{   padding-right:30px }
.p-r-40{   padding-right:40px }
.p-r-50{   padding-right:50px }
.p-r-60{   padding-right:60px }
.p-r-70{   padding-right:70px }
.p-r-80{   padding-right:80px }
.p-r-90{   padding-right:90px }
.p-r-100{  padding-right:100px }

.m-b-0{   margin-bottom:   0px !important;}
.m-b-5{   margin-bottom:   5px !important;}
.m-b-10{  margin-bottom:  10px !important;}
.m-b-15{  margin-bottom:  15px !important;}
.m-b-20{  margin-bottom:  20px !important;}
.m-b-25{  margin-bottom:  25px !important;}
.m-b-30{  margin-bottom:  30px !important;}
.m-b-40{  margin-bottom:  40px !important;}
.m-b-45{  margin-bottom:  45px !important;}
.m-b-50{  margin-bottom:  50px !important;}
.m-b-60{  margin-bottom:  60px !important;}
.m-b-65{  margin-bottom:  65px !important;}
.m-b-70{  margin-bottom:  70px !important;}
.m-b-80{  margin-bottom:  80px !important;}
.m-b-90{  margin-bottom:  90px !important;}
.m-b-100{ margin-bottom: 100px !important;}

.m-r-5{   margin-right:   5px !important;}
.m-r-10{  margin-right:  10px !important;}
.m-r-15{  margin-right:  15px !important;}
.m-r-20{  margin-right:  20px !important;}
.m-r-25{  margin-right:  25px !important;}
.m-r-30{  margin-right:  30px !important;}
.m-r-40{  margin-right:  40px !important;}
.m-r-50{  margin-right:  50px !important;}
.m-r-60{  margin-right:  60px !important;}
.m-r-70{  margin-right:  70px !important;}
.m-r-80{  margin-right:  80px !important;}
.m-r-90{  margin-right:  90px !important;}
.m-r-100{ margin-right: 100px !important;}

.m-l-5{   margin-left:   5px !important;}
.m-l-10{  margin-left:  10px !important;}
.m-l-15{  margin-left:  15px !important;}
.m-l-20{  margin-left:  20px !important;}
.m-l-25{  margin-left:  25px !important;}
.m-l-30{  margin-left:  30px !important;}
.m-l-40{  margin-left:  40px !important;}
.m-l-50{  margin-left:  50px !important;}
.m-l-60{  margin-left:  60px !important;}
.m-l-70{  margin-left:  70px !important;}
.m-l-80{  margin-left:  80px !important;}
.m-l-90{  margin-left:  90px !important;}
.m-l-100{ margin-left: 100px !important;}

.m-t-0{   margin-top:   0px !important;}
.m-t-5{   margin-top:   5px !important;}
.m-t-10{  margin-top:  10px !important;}
.m-t-15{  margin-top:  15px !important;}
.m-t-20{  margin-top:  20px !important;}
.m-t-25{  margin-top:  25px !important;}
.m-t-30{  margin-top:  30px !important;}
.m-t-40{  margin-top:  40px !important;}
.m-t-50{  margin-top:  50px !important;}
.m-t-60{  margin-top:  60px !important;}
.m-t-70{  margin-top:  70px !important;}
.m-t-80{  margin-top:  80px !important;}
.m-t-90{  margin-top:  90px !important;}
.m-t-100{ margin-top: 100px !important;}

.blank10{ height:10px;}
.blank20{ height:20px;}
.blank30{ height:30px;}
.blank40{ height:40px;}
.blank50{ height:50px;}
.blank60{ height:60px;}
.blank70{ height:70px;}
.blank80{ height:80px;}
.blank90{ height:90px;}
.blank100{ height:100px;}
.blank110{ height:110px;}
.blank120{ height:120px;}
.blank130{ height:130px;}
.blank140{ height:140px;}
.blank150{ height:150px;}
.blank160{ height:160px;}
.blank170{ height:170px;}
.blank180{ height:180px;}
.blank190{ height:190px;}
.blank200{ height:200px;}

.float-l{float: left;}

.float-r{float: right;}

.clear{clear:both;}

#clear{clear:both;}

.width100{
	width: 100%;
	}

.ta-c{
	text-align: center;
	}

.ta-l{
	text-align: left;
	}

.ta-r{
	text-align: right;
	}

.visible-mobele{
	display: none;
	}

.visible-web{
	display: block;
	}

.visible-mobele-i{
	display: none;
	}

.visible-web-i{
	display: block;
	}

@media screen and (max-width: 991px) {

	.visible-mobele{
		display:block;
		}

	.visible-web{
		display: none;
		}

	.visible-mobele-i{
		display: inline-block;
		}

	.visible-web-i{
		display: none;
		}	

	}

/* edit-block 編輯區內的設定 Start */
	  
.edit-block ol li{
	list-style-type:decimal ;
	list-style-position: inside; 
	}
	
.edit-block ul li{
	list-style-type:disc ;
	list-style-position: inside; 
	}
	
.edit-block table{
	width: 100%; 
	}

/* edit-block 編輯區內的設定 End */


#root>*>.container{padding:0 20px}.login{display:flex;justify-content:center}@media screen and (max-width: 800px){.login{display:block}}.login>div{width:48%;border-radius:43px;background:#fff;padding:145px 40px 40px 40px;box-sizing:border-box;overflow:hidden;position:relative;font-weight:400;box-shadow:0px 0px 10px rgba(0,0,0,.2)}@media screen and (max-width: 800px){.login>div{width:100%;padding:145px 20px 30px 20px;margin-bottom:20px}}.login>div .logo{width:167px;height:167px;display:block;position:absolute;top:-20px;left:-20px}@media screen and (max-width: 800px){.login>div .logo{width:120px;height:120px;left:-10px}}.login>div .logo.par{border-radius:100%;border:2px #d9305d solid;display:flex;align-items:center;justify-content:center}.login>div .logo.par:after{content:" ";display:block;margin-left:15px;margin-top:15px}@media screen and (max-width: 800px){.login>div .logo.par:after{transform:scale(0.7);transform-origin:right;margin-left:-10px}}.login>div .logo.ntch{border-radius:100%;background:#cf3339;display:flex;align-items:center;justify-content:center}.login>div .logo.ntch:after{content:" ";display:block;margin-left:15px;margin-top:15px}@media screen and (max-width: 800px){.login>div .logo.ntch:after{transform:scale(0.7);transform-origin:right;margin-left:-10px}}.login>div>.box h2{font-size:1.5em;font-weight:400}.login>div>.box .forget{font-size:1.25em;color:#8f8f8f;display:block;width:100px;margin:0 0 20px auto;text-align:right}[type=text],[type=password],[type=email]{border:2px #a2a2a2 solid;height:65px;width:100%;padding:0 10px;border-radius:3px;box-sizing:border-box}input::-moz-placeholder{color:#a2a2a2;opacity:1;font-size:1.25em;font-weight:400}input::placeholder{color:#a2a2a2;opacity:1;font-size:1.25em;font-weight:400}[type=submit]{width:100%;padding:19px 10px;font-size:1.25em;text-align:center;color:#d9305d;background:#fff;border-radius:3px;border:2px #d9305d solid;transition:all .5s;cursor:pointer;box-sizing:border-box}[type=submit]:hover{color:#fff;background:#d9305d;transition:all .5s}.register{color:#000;font-size:1.125em;width:130px;display:block;margin:auto;text-align:center}.ntch-login{width:100%;padding:19px 10px;font-size:1.25em;text-align:center;color:#fff;border-radius:3px;background:#cb333b;display:block;text-decoration:none;border:2px #cb333b solid;transition:all .5s;box-sizing:border-box}.ntch-login:hover{color:#cb333b;background:#fff;transition:all .5s}.back-link{color:#000;width:40px;text-decoration:none;overflow:hidden;display:block;margin-left:auto;margin-bottom:30px}.pop-overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;bottom:0;left:0;right:0;transition:opacity 500ms;visibility:hidden;opacity:0;opacity:1;z-index:999}.pop-overlay>.win{box-sizing:border-box;margin:0 auto;padding:0;background:#fff;width:calc(100% - 20px);max-width:400px;position:relative;display:flex;flex-direction:column;border-radius:50px;transform:scale(0.5);transform-origin:center center;opacity:0;transition:transform .2s ease-in-out,opacity .2s ease-in}.pop-overlay>.win>.close{display:block;position:absolute;top:20px;right:30px;font-size:30px;line-height:30px;text-decoration:none;color:#023047;opacity:1}.pop-overlay>.win>.content{display:block;flex:2 1 auto;padding:60px 20px;text-align:center}.pop-overlay.active{visibility:visible;opacity:1;background:rgba(0,0,0,.7)}.pop-overlay.active>.win{transform:scale(1);opacity:1}