/* CSS Document */

/*==【基本設定】==*/
html,body{display:block;overflow-x:hidden;}
body{font-display:swap;}
	
	*{box-sizing:border-box;}
	.title,b{margin:0;padding:0;line-height:1.6;font-weight:700;}
	ul.ulli,.ulli>ul,.ulli>ul>li{margin:0;padding:0;list-style:none;}
	.mnav li a,.mnav li a:hover{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
	.slidemnav,.slidemnav.open,.btn,.btn:hover{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;transition:all .35s ease-in-out;}

	:root{
		--clr_bodybg:#F4F4F4;--clr_main:#008080;--clr_sub:#F1FFFF;--inbox:1180px;--clr_inputbg:#fff;--clr_inputbor:#DEE2E6;--clr_inputbg_hv:#008080;
		--font16:1rem;
		--font11:0.6875rem;--font12:0.75rem;--font13:0.8125rem;--font14:0.875rem;--font15:0.9375rem;--font18:1.17rem;
		--font20:1.25rem;--font22:1.375rem;--font24:1.5rem;--font25:1.55rem;--font30:1.875rem;--font32:2rem;--font36:2.25rem;--font40:2.5rem;
	}

	body{
		font:400 1em/1.6 'Open Sans','微軟正黑體',sans-serif;
		color:#333;
		background:var(--clr_bodybg);
	}

#wrap{position:relative;}
.inbox{max-width:var(--inbox);margin:0 auto;position:relative;z-index:2;}

#header{z-index:30;position:relative;display:flex;justify-content:space-between;padding:3px 25px 3px 15px;background:var(--clr_main);color:#fff;}
	#header .logo img{height:74px;}
	#header .l{display:flex;align-items:center;}
	#header .r{display:flex;align-items:center;gap:30px;}
	#header .r p b{font-weight:400;}
	#header .r .btn{min-height:40px;}
	.slidemnav{display:flex;z-index:50;}
	.mnav{width:100%;}
	.mnav>ul>li{border-bottom:1px solid #C2C0C0;letter-spacing:.05em;}
	.mnav li a{display:flex;min-height:43px;align-items:center;padding:5px 10px;color:#0B0B0B;position:relative;}
	.mnav li a:hover{color:var(--clr_main);}
	.mnav li.hassub>a::after{content:'';position:absolute;right:15px;top:50%;transform:translateY(-50%);background:url('../images/content/icon_arrow_r.svg') no-repeat scroll center;width:15px;height:15px;}
	.subnav{display:none;overflow:hidden;}
	.subnav>ul>li{border-top:1px solid #C2C0C0;}
	.subnav>ul>li a{background:#D9FEFD;padding-left:26px;}
	.subnav .subnav li a{background:#fefefe;padding-left:42px;}
	.mnav li.hassub.open>a{background-color:var(--clr_main);color:#fff;}
	.mnav li.hassub.open>a::after{background-image:url('../images/content/icon_arrow_r_open.svg');}
	.mnav li.hassub.open>.subnav{display:block;}
	.phone_menu{display:none;}
	.i_menu{
		width:50px;height:50px;position:relative;display:block;border-radius:10px;
		-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);cursor:pointer;
		-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;
	}
	.i_menu span{
		display:block;position:absolute;height:3px;width:28px;background:rgba(255,255,255,.7);opacity:1;left:11px;text-indent:-99999px;
		-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
		-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;
	}
	.i_menu span:nth-child(1){top:13px;}
	.i_menu span:nth-child(2),.i_menu span:nth-child(3){top:24px;}.i_menu span:nth-child(3){display:none;}
	.i_menu span:nth-child(4){top:35px;}
	.i_menu.open{background:var(--clr_btnbg);}
	.i_menu.open span{background:var(--clr_main);}
	.i_menu.open span:nth-child(1){top:18px;width:0%;left:50%;}
	.i_menu.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:10px;top:25px;}
	.i_menu.open span:nth-child(3){display:block;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);left:10px;top:25px;}
	.i_menu.open span:nth-child(4){top:18px;width:0%;left:50%;}
	#content > .l .i_menu{background:var(--clr_btnbg);}
	#content > .l .i_menu span{background:var(--clr_main);}
	#content > .l .i_menu span:nth-child(1){top:18px;width:0%;left:50%;}
	#content > .l .i_menu span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:10px;top:25px;}
	#content > .l .i_menu span:nth-child(3){display:block;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);left:10px;top:25px;}
	#content > .l .i_menu span:nth-child(4){top:18px;width:0%;left:50%;}

#content{z-index:10;display:flex;}
#content > .l{width:285px;background:var(--clr_sub);padding:15px;}
#content > .r{flex:1;width:calc(100% - 285px);padding:15px 30px;}
	.mb{display:none;letter-spacing:.05em;flex-wrap:wrap;}
	.mb small{display:block;font-size:var(--font13);width:100%;}
	/* Button */
	button.btn{border:0;display:flex;}
	.btn{display:inline-flex;justify-content:center;align-items:center;padding:5px 10px 5px;position:relative;min-width:105px;min-height:45px;border-radius:5px;gap:5px;}
	.btn[class*="btn01"]{background:var(--clr_main);color:#fff;}
	.btn[class*="btn02"]{background:#fff;color:var(--clr_main);border:1px solid var(--clr_main);}
	.btn[class*="btn02"] .i_dl{background-image:url('../images/content/icon_dl2.svg') !important;}
	.btn[class*="btn03"]{background:#fff;color:var(--clr_main);}
	.btn[class*="btn04"]{background:#cccccc;color:#fff;}
	.btn[class*="btn05"]{background:#DBF9F9;color:#008080;min-width:80px;min-height:40px;margin:1px;white-space:nowrap;}
	.btn[class*="btn05"] .i_dl{background-image:url('../images/content/icon_dl3.svg') !important;}
	.btn05_2{background:#FAEDEE !important;color:#EB4751 !important;}
	.btn02_2{border-color:#FF4E4E !important;color:#FF4E4E !important;}
	.btn:disabled,.btn.disabled{cursor:not-allowed !important;}
	.btn_s{min-width:80px;min-height:44px;}
	.btn_ss{min-height:auto;font-size:var(--font14);padding:2px 8px;}
	.btn:hover{opacity:.8;}
	.btn[class*="btn01"]:hover,.btn[class*="btn02"]:hover{transform:translate(-1px,-1px);opacity:1;}
	/* Path */
	.gopath{display:flex;flex-wrap:wrap;padding:0 0 10px;}
	.gopath span a{color:#939393;}.gopath span a:hover{text-decoration:underline;}
	.gopath span{position:relative;padding:0 15px 0 0;font-size:var(--font14);}
	.gopath span::after{content:'';display:block;width:1px;height:10px;background:#939393;position:absolute;right:7px;top:50%;transform:translateY(-50%) rotate(15deg);}
	.gopath span:last-child{color:var(--clr_main);padding-right:0;}
	.gopath span:last-child::after{display:none;}
	/* Box01 */
	.box01{padding:10px 0;}
	.box01 .box_hd{padding:0 0 5px;}
	.box01 .box_hd h2.title{color:var(--clr_main);font-size:var(--font24);}
	.ps em{color:#DC3545;display:inline;padding:0 3px 0 0;}
	.box01 .box_bd{display:flex;flex-direction:column;gap:20px;}
	.box01 .box_bd .inbd{background:#fff;border:1px solid #DEE2E6;padding:25px;border-radius:3px;}
	.notebox{border-top:1px solid #DEE2E6;padding:20px 0 0;margin:50px 0 0;}
	.tbbox{margin:0 15px;}
	.tbbox .tbbtn{padding: 0 0 12px 0;}
	.tbbox thead{background:var(--clr_sub);}
	.tbbox thead th{font-weight:400;}
	.tbbox th,.tbbox td{padding:5px;border:1px solid #DEE2E6;}
	.tbbox .form_bshort .tfbar>b{padding-left:0;flex-basis:120px;text-align:left;}
	.tbbox .formbox{padding:10px 25px 15px;}
	.tbbox .formbox .btn_s{min-height:40px;}
	.tbbox .formbox .uploadbtn{min-height:40px;}
	.tbbox_mt{margin-top:20px;}
	.tb_hd{background:var(--clr_main);color:#fff;min-height:40px;display:flex;justify-content:flex-start;align-items:center;padding:5px 15px;}
	.td_pd td{padding:15px 10px;}
	/* Form */
	.formbor{border:1px solid #DEE2E6;border-radius:2px;}
	.formbor .tfbar>b{flex-basis:100px;}
	.formbor .tfbar>b>label{display:flex;gap:5px;align-items:center;}
	.formbor .tfbar>b>label.ckratype{margin:0;gap:0;}
	.formbor .tfbar>b>label.ckratype span{top:auto;}
	.i_square{display:inline-block;border:1px solid #D9D9D9;width:15px;height:15px;border-radius:2px;}
	.tfhd{color:var(--clr_main);font-weight:700;display:flex;gap:10px;padding:0 0 0 8px;}
	.tfhd::before{content:'';display:block;width:4px;height:14px;background:var(--clr_main);transform:translateY(5px);}
	.tfhd_nobor{padding:0;}
	.tfhd_nobor::before{display:none;}
	.tfbar{padding:10px 0 5px;display:flex;gap:10px;}
	.tfbar>b{display:block;padding:8px 0 0 8px;flex-basis:185px;font-weight:400;position:relative;}
	.tfbar>b em{position:absolute;left:0;top:5px;font-size:var(--font12);color:#DC3545;font-weight:700;}
	.tfbar>b sup{color:var(--clr_main);border:1px solid var(--clr_main);border-radius:15px;padding:1px 7px;top:-1px;left:5px;}
	.tfbar>b .btn{border-radius:20px;}
	.tfbar>b .ckratype{margin:0;}
	.tfbar .tfcont{flex:1;display:flex;gap:5px;align-items:center;flex-wrap:wrap;width:100%;font-size:var(--font15);position: relative;}
	.tfbar .tfcont p{width:100%;}
	.tfbar .tfcont.readonly{padding-top:0;}
	.tfbar .tf{display:flex;flex-flow:column-reverse;justify-content:center;border-radius:5px;position:relative;background:var(--clr_inputbg);border:1px solid var(--clr_inputbor);width:100%;padding:10px 10px;min-height:40px;}
	.tfbar .tf:focus,.tfbar .seltype:focus{outline:1px solid var(--clr_main);}
	.tfbar .tf.err{border-color:#FF4E4E;}
	.tfbar .ps{font-size:var(--font14);padding:1px 0 0 0;display:block;color:var(--clr_main);width:100%;letter-spacing:normal;line-height:1.4;}
	.tfbar small.err{color:#FF4E4E;}
	.tfbar p,.Txt p a{color:var(--clr_main);text-decoration:underline;word-break:break-all;}
	.tfbar p a:hover,.Txt p a:hover{text-decoration:none;}
	hr{width:100%;height:1px;background:#DBD2D2;border:0;margin:15px auto 25px;}
	.form_bshort .tfbar>b{flex-basis:100px;}
	.form_bcolumn .tfbar{flex-direction:column;}
	.form_bcolumn .tfbar>b{flex-basis:auto;padding:0;display:flex;align-items:center;gap:10px;}
	.Txt p{font-size:var(--font15);}
	.Txt p b{font-size:var(--font14);}
	.tfbtns{padding:50px 15px 0;display:flex;justify-content:center;gap:15px;}
	.tfbtns span{display:flex;gap:15px;}
	.tfbtns .btn[class*="btn01"]{min-width:185px;}
	.tfbtn_l{justify-content:flex-start;padding:20px 0 0 !important;}
	.tfflex{display:flex;width:100%;gap:10px;align-items:center;flex-wrap:wrap;}
	.tfflex>.tf,.tfflex>.seltype{flex:1;max-width:none;}
	.tfflex>.seltype{flex:none;max-width:110px;}
	.ckraflex .tfflex{width:auto;flex:1;transform:translateY(2px);flex-wrap:wrap;}
	.tfwrap{display:flex;gap:15px;}
	.tfwrap>.tfbar{flex:1;}
	.tfwrap>.tfbar:first-child{max-width:calc(50% - 15px);}
	input[type='date'],input[type='time']{-webkit-appearance:none;height:40px;padding:7px 10px !important;max-width:390px;}
	.tfbar .tf[type=date]::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;}
	.tfbar .tf[type=date]::after{content:'';position:absolute;right:10px;top:50%;transform:translateY(-50%);background:url('../images/content/icon_calender.svg') no-repeat scroll center/25px auto;width:25px;height:25px;}
	.uploadbtn,.uploadbtn *{cursor:pointer;}
	.uploadbtn span{display:flex;gap:5px;}
	#fileupload{position:absolute;top:0;bottom:0;left:0;right:0;width:calc(100% + 160px);height:100%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
	#filename{border:navajowhite;width:150px;letter-spacing:0.05em;}
	.formbox.formbor{border:1px solid #DEE2E6;border-radius:14px;padding:10px 15px 15px;font-size:var(--font15);margin:0 0 15px;width:100%;}
	.formbox.formbor .tfhd{padding:0 0 10px;border-bottom:1px solid #DBCFCF;}
	.formbox.formbor .tfhd::before{display:none;}
	.formbox.formbor .tfbar{flex-direction:column;gap:3px;}
	.formbox.formbor .tfbar b{font-weight:700;flex-basis:auto;padding:0;}
	.formbox.formbor .tfbar .tfcont span[class^="i_"]{margin:0 5px 0 0;}
	.imgtxt_valign,.imgtxt_valign a{display:flex;align-items:flex-end;}
	.imgtxt_valign a{align-items:center;}
	.imgtxt_valign img{border:1px solid #efefef;}
	.tfcont .formbox.formbor{border-radius:5px;padding:5px 15px;}
	.tfcont .formbox.formbor .imgtxt_valign{flex-direction:column;align-items:flex-start;}
	.ckraflex{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;padding:3px 0;width:100%;}
	.ckraflex p{width:auto !important;padding:5px 15px 5px 0;}
	.ckratype{margin:5px 20px 3px 0;position:relative;cursor:pointer;display:inline-block;vertical-align:baseline;white-space:nowrap;}
	.ckratype input{position:absolute;opacity:0;}
	.ckratype span{position:relative;display:inline-block;width:16px;height:16px;background:#fff;border:1px solid #666;margin:0 3px 0 0;top:2px;border-radius:3px;}
	.ckratype span:hover{background:rgba(250,250,250,.15)}
	.ckratype span:after{content:"";position:absolute;background-color:var(--clr_inputbg_hv);opacity:0;-webkit-transition:all .15s ease-out;transition:all .15s ease-out;-webkit-transform:scale(.5);transform:scale(.5);border-radius:2px;}
	.ckratype input[type="checkbox"]+span:after{top:1px;right:1px;bottom:1px;left:1px;background-image:url(../images/content/icon_ckratype.svg);background-size:cover;}
	.ckratype input:checked+span:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
	.ckratype input[type="radio"]+span{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
	.ckratype input[type="radio"]+span:after{top:3px;right:3px;bottom:3px;left:3px;background:var(--clr_inputbg_hv);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
	.ckratype input:disabled+span{border-color:#ccc;}.ckratype input:disabled+span+i{color:#999;}
	.ckratype i{font-style:normal;}
	.labelwrap{display:flex;align-items:center;}
	.datetimeflex{display:flex;align-items:center;gap:5px;}
	.datetimeflex .seltype{min-width:110px;}
	.btnlist{width:100%;padding:5px 0 !important;display:flex;flex-wrap:wrap;gap:10px;}
	.btnlist li{min-width:210px;}
	.btnlist li a{display:flex;justify-content:center;align-items:center;background:#DDFAFA;color:#000;height:48px;padding:5px 10px;border-radius:10px;}
	.btnlist li a:hover{background:#ace3e3;}
	select.seltype{font-size:var(--font15);width:100%;background-color:#fff !important;border:1px solid var(--clr_inputbor);border-radius:5px;display:flex-block;min-height:40px;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('../images/content/icon_arrow_b.svg') no-repeat scroll right center/15px auto;background-position:calc(100% - 10px) center;}
	select:-moz-focusring{color:transparent;text-shadow:none;}
	[class^=pagerlist]{padding:30px 0 0;}
	[class^=pagerlist] ul{display:flex;justify-content:center;align-items:center;}
	[class^=pagerlist] .total-items{display:flex;align-items:center;justify-content:center;padding:9px 0 0 0;color:#999;}
	[class^=pagerlist] + hr{margin-top:25px;}
	.mystyle > span{cursor:pointer}
	.mystyle a,.mystyle li > span{position:relative;float:left;color:#555;border:1px solid #F1F1F1;width:40px;height:40px;text-align:center;display:flex;justify-content:center;align-items:center;text-decoration:none;border-radius:20px;margin:0 3px}
	.mystyle a:hover,.mystyle li:not(.disabled):not(.active) span:hover{text-decoration:none;border-color:var(--clr_main);color:var(--clr_main);}
	.mystyle .active span{background:var(--clr_main);color:#fff}
	.mystyle .ellipse{background:none;border:none;border-radius:0;box-shadow:none;font-weight:700;cursor:default}
	.mystyle .ellipse input{padding:5px;height:40px}
	.slidehd{width:100%;padding:5px;display:flex;justify-content:space-between;align-items:center;margin:5px 0 0;}
	.slidehd>label{margin:0 5px 0 0;}
	.slidehd b,.slidehd p{display:inline-flex;align-items:center;flex:1;cursor:pointer;}
	.slidehd b::after,.slidehd p::after{content:'';display:block;width:10px;height:10px;background:url('../images/content/icon_down.svg') no-repeat scroll center;margin:0 0 0 5px;}
	.slidehd b.slideup::after,.slidehd p.slideup::after{transform:rotate(180deg);}
	.slidehd p{color:var(--clr_main);font-weight:700;display:flex;align-items:center;gap:5px;}
	.slidehd p::before{content:'';display:block;width:18px;height:18px;background:url('../images/content/icon_products.svg') no-repeat scroll center;}
	.slidebd{background:#F7F7F7;padding:15px 20px;border-radius:4px;margin:0 5px;}
	.slidebd .tfbar>b{flex-basis:110px;padding:4px 0 0 8px;}
	.slidebd .tfbar>b{flex-basis:110px;}
	.slidebd .btn{min-height:43px;gap:5px;}
	.slidebd .slidebd{background:#fff;box-shadow:0 4px 30px rgba(0,0,0,0.07);}
	.slidebd .slidehd{padding:5px 0;}
	.slidebd .slidebd{margin:0;}
	.inslide{border-top:1px solid #DEE2E6;padding:15px 0 0;margin:25px 0 0;}
	.inslide .slidehd p::before{background-image:url('../images/content/icon_product.svg');}
	.inslide .slidebd{background:#F7F7F7;border:1px solid #DEE2E6;box-shadow:none;}
	span[class^="i_"]{display:inline-block;width:20px;height:20px;background:no-repeat scroll center/20px auto}
		.i_fst{background-image:url('../images/content/icon_fst.svg') !important;}
		.i_prev{background-image:url('../images/content/icon_prev.svg') !important;}
		.i_next{background-image:url('../images/content/icon_next.svg') !important;}
		.i_last{background-image:url('../images/content/icon_last.svg') !important;}
		.i_link{background-image:url('../images/content/icon_link.svg') !important;width:14px !important;height:14px !important;background-size:14px auto !important;cursor:pointer;}
		.i_dl{background-image:url('../images/content/icon_dl.svg') !important;width:24px !important;height:24px !important;background-size:24px auto !important;}
		.i_del{background-image:url('../images/content/icon_del.svg') !important;}
		.i_sh{background-image:url('../images/content/icon_sh.svg') !important;}
		.i_upload{background-image:url('../images/content/icon_upload.svg') !important;}
		.i_sh2{background-image:url('../images/content/icon_sh2.svg') !important;}
		.i_view{background-image:url('../images/content/icon_view.svg') !important;}
		.i_modify{background-image:url('../images/content/icon_modify.svg') !important;}
		.i_eye{background-image:url('../images/content/icon_eye-close.svg') !important;}
		.i_eye.open{background-image:url('../images/content/icon_eye-open.svg') !important;}
	.swal2-popup.popout .swal2-close{width:1em !important;height:1em !important;line-height:1 !important;position:absolute;right:0;top:0;font-size:3.5em;color:#A49F9F;}
	.swal2-popup.popout .swal2-close:hover{color:var(--clr_main) !important;}
	.swal2-popup.popout .swal2-title{padding:0;text-align:left;color:var(--clr_main);font-size:var(--font24);letter-spacing:.05em;}
	.swal2-popup.popout .swal2-html-container{padding:10px 0 0;text-align:left;max-height:600px;overflow:auto;}
	.swal2-popup.popout .swal2-actions{width:100%;}
	.swal2-popup.popout .swal2-confirm{background:var(--clr_main);color:#fff;flex:1;}
	.swal2-popup.popout{width:100%;max-width:990px;padding:2em 2em;border-radius:14px;}
	.swal2-popup.popout_s{max-width:385px;padding:1.1em .8em;}
	.swal2-popup.popout_s .swal2-title{font-size:var(--font20);display:flex !important;justify-content:flex-start;align-items:center;gap:5px;border-bottom:1px solid #DEE2E6;padding:0 0 10px;}
	.swal2-popup.popout_s .swal2-title::before{content:'';display:block;width:24px;height:24px;background:url('../images/content/icon_alart.svg') no-repeat scroll center;}
	.swal2-popup.popout_s .swal2-html-container{text-align:center;padding:30px 0 10px;}
	.popicon{padding:0 0 10px;}
	.swal2-html-container::-webkit-scrollbar{width:6px;}.swal2-html-container::-webkit-scrollbar-track{border-radius:10px;}.swal2-html-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.1);border-radius:10px;}
	/* login */
	.tfbar .tfcont.code .tf{width: auto;flex: 1;}
	.loginbox .txtbox{width: 100%;display: flex;align-items: center;justify-content: start;padding: 20px 0;}
	.box01.log{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;gap:20px;min-height: calc(100vh - 155px);padding: 40px 0;}
	.loginbox .box_bd{position: relative;background-image:url(../images/content/bg_login.png);background-repeat:no-repeat;background-size: cover;background-position: center;padding: 15px 0 15px;box-shadow: 11px 0 15px 0px rgba(0, 0, 0, 0.04);}
	.box01 .loginbox .box_bd .inbd{background:none;border:0;}
	.loginbox{max-width: 500px;}
	.loginbox .tfbtns{padding: 28px 0 0;}
	.loginbox .tfbtns .btn{flex:1;}
	.loginbox .tfbar{flex-direction:column;gap:4px;padding: 0 0 16px;}
	.loginbox .tfbar b{flex-basis:0px;padding: 0;}
	.loginbox .tfbar .tf{width: auto;flex: 1;}
	.txtbox b{max-width: 500px;text-align: left;font-weight: 500;}
	.log_title{font-size: var(--font32);color: var(--clr_main);font-weight: 500;position: relative;}
	.icon.i_eye{position: absolute;top: 50%;right: 10px;width: 24px; height: 24px;transform: translateY(-50%);background-image: url('images/content/icon_eye-close.svg');background-size: contain;background-repeat: no-repeat;cursor: pointer;}
	/* 表格 */
	.tbcard td a{color:#32ADE6;}
	.tbcard td.lessmore{display:none;justify-content:center;align-items:center;color:var(--clr_main);}
	.tbcard td.lessmore::after{content:'';display:inline-block;width:15px;height:15px;background:url(../images/content/icon_arrow_b.svg) no-repeat scroll center/15px auto;}

#footer{z-index:20;position:relative;background:var(--clr_main);padding:15px 15px;text-align:center;color:#fff;font-size:var(--font14);}

@media(max-width:1650px){
	.intb{width:100%;overflow-x:auto;}
	.intb table{width:1800px;}
}
@media(max-width:1490px){
	.tfbar>b{flex-basis:165px;}
	.ckraflex .tfflex{width:100%;flex:1;}
	.labelwrap{width:100%;align-items:flex-start;}
}
@media(max-width:1350px){
	#content > .l{width:235px;}
	#content > .r{width:calc(100% - 235px);padding:15px 15px;}
	.box01 .box_bd{padding:15px;}
	.formbox{padding:15px 10px;}
	.tbbox{margin:0 10px;}
	.tfbtns .btn[class*=btn01]{min-width:165px;}
}
@media(max-width:1050px){
	#header{padding:3px 10px;}
	#header .logo img{height:50px;}
	#header .r p{display:none;}
	#content > .l{width:0;padding:0;}
	#content > .l::before{content:'';position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:40;display:none;}
	#content > .r{width:100%;}
	.mb{display:flex;align-items:flex-end;gap:15px;line-height:1.8;padding:10px 10px 5px;}
	.mb b{font-size:var(--font24);color:var(--clr_main);font-weight:700;}
	.phone_menu{display:flex;position:relative;z-index:10;align-items:center;}
	.slidemnav{position:fixed;left:0px;top:0;bottom:0;width:285px;flex-direction:column;overflow:auto;transform:translateX(-350px);background:var(--clr_sub);padding:10px 15px;}
	#content > .l.open .slidemnav{transform:translateX(0px);}
	#content > .l.open::before{display:block;}
	body.fixed{overflow:hidden;}
	body.open_mnav{overflow:hidden;}
	body.open_mnav .phone_menu{background:none;}
	.tfwrap>.tfbar:first-child{max-width:none;}
	.btnlist li{min-width:calc(33% - 10px);}
	.tbbox .formbox{padding:5px;}
}
@media(max-width:780px){
	#content > .r{padding:15px 0 0;}
	.gopath{padding:0 15px;}
	.box01{padding:10px 0 0;}
	.box01 .box_hd{padding:0 15px 10px;}
	.box01 .box_bd{gap:0;padding:15px 0 0;}
	.box01 .box_bd .inbd{border:0;padding:0 15px;}
	.box01 .box_bd .inbd{border:0;padding:10px 15px;}
	.formbox{border:0;padding:0;}
	.tfhd{padding:0;}
	.tfhd+div{margin-top:10px;}
	.tfbar{flex-direction:column;gap:0;}
	.tfbar>b{flex-basis:auto !important;padding:0;}
	.tfbar>b em{position:relative;top:-5px;padding:0 2px 0 0;}
	.tfbar .tfcont p{width:100% !important;padding-bottom:0;}
	.tfwrap{flex-direction:column;gap:0;}
	.ckratype{margin-right:12px;}
	.tfflex{flex-direction:column;align-items:flex-start;}
	.ckraflex{padding:0;}
	.labelwrap{flex-direction:column;}
	input[type='date'],input[type='time']{max-width:none;}
	.datetimeflex{width:100%;}
	.datetimeflex .seltype{min-width:80px;}
	.datetimeflex:last-child::after{content:'';display:block;min-width:calc(100% / 3 - 3px);height:100%;}
	.tfbtns{flex-direction:column;align-items:center;padding:50px 0 0;}
	.tfbtns span{width:100%;}
	.tfbtns .btn{flex:1;}
	.tfbtns span:last-child{display:flex;flex-direction:column;}
	.tfbtns span:last-child .btn[type="reset"]{display:none;}
	.tbbox{margin:20px 0 0;}
	.mystyle a,.mystyle li > span{font-size:var(--font14);width:35px;height:35px;margin:0 2px;}
	.notebox{margin:30px 0 0;}
	.swal2-popup.popout{padding:1em;}
	.btnlist{gap:5px;padding:10px 0 5px !important;}
	.btnlist li{min-width:calc(50% - 10px);}
	.intb2{width:100%;overflow-x:auto;}
	.intb2 table{width:1000px;}
	.box01.log .loginbox {width:100%; min-width:auto;}
	.loginbox .tfbtns{flex-direction:row;display: flex;}
	.tbcard thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
	.tbcard tbody{display:flex;flex-direction:column;gap:15px;}
	.tbcard tr{border:1px solid #D7D7DA;display:flex;flex-direction:column;padding:8px 15px;border-radius:20px;}
    .tbcard td{color:#333;border:0;border-bottom:1px solid #DADADA;display:flex;justify-content:space-between;padding:8px 5px;align-items:center;text-align: right;}
    .tbcard td:before{content:attr(data-label);min-width: 7rem;align-items: flex-start;display: flex;}
    .tbcard td:last-child{border-bottom:0;}
	.tbcard td.m_none{display:none;}
	.tbcard td.lessmore{display:flex;padding:8px 5px 5px;margin: 0 0 0 -7rem;}
	.tbcard tr.active td.m_none{display:flex;}
	.tbcard tr.active td.lessmore::after{transform:rotate(180deg);}
}

@media(max-width:550px){
	.loginbox .tfbtns{flex-direction:column;display: flex;}
	.loginbox .tfbtns .btn{width:100%;}
	.loginbox small{padding: 0 16px;}
	.btnlist{gap:5px;padding:10px 0 5px !important;}
	.btnlist li{min-width:calc(50% - 10px);}
}

@media(max-width:450px){
	.slidebd{padding: 15px 12px;}
}