@charset "UTF-8";
.ccd_active { background:#eb8a3b !important;}
.hide {display:none}

#selectmenu_factory_no-menu {
	overflow-y: scroll;
    height: 95VH;
}
.dispatch_rule {font-size:1.5em}
.dispatch_rule input {width:0.75em; height:0.75em;}
.dispatch_rule input:checked  {background:blue}



.a-link {
	text-decoration: underline;
    color: blue !important;
	font-size: 1.2em !important;
}

.mask {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid gold;
	opacity: 0;
}  

.mask_left {
	position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    border: 1px solid gold;
	opacity: 0;
}  
.mask_right {
	position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    border: 1px solid gold;
	opacity: 0;
}  


BODY{ font-family:Arial,微軟正黑體,sans-serif; 
	background:#eee; padding:0; margin:0 auto; box-sizing:border-box;}

h3,h4,h5{ font-family:微軟正黑體; font-weight:normal; padding:0; margin:0; box-sizing:border-box;}
p{ color:black; }

input {font-size:1.2em}

.wrap { max-width:1024px; padding:0; margin:0 auto; box-sizing:border-box;}
.main{ max-width:1024px; border-right:solid 1px #fff; border-left:solid 1px #fff; 
	padding:0; margin:0 auto; box-sizing:border-box;}


/* -- 上半功能 -- */
.ccd_abar{ display:flex; /*width:512px;*/ border-bottom:solid 1px #fff; 
	padding:0; margin:0; box-sizing:border-box;}

.ccd_aox_a,
.ccd_aox_b,
.ccd_aox_c{ background:#bebebe; padding:0; margin:0; box-sizing:border-box; transition:0.4s; cursor:pointer;}

.ccd_aox_a:hover,
.ccd_aox_b:hover,
.ccd_aox_c:hover{ background:#eb8a3b;}

.ccd_aox_a{ width:171px; height:70px; border-right:solid 1px #fff;}
.ccd_aox_b{ display:flex; justify-content:center; align-items:center; width:170px; height:70px; border:none;}
.ccd_aox_b h5{ font-size:1.4em; text-shadow:1px 1px 0 rgba(255,255,255,.5); letter-spacing:6pt;
	padding:0; margin:0; box-sizing:border-box;}
.ccd_aox_c{ width:171px; height:70px; border-left:solid 1px #fff;}

.ccd_bbar{ display:flex; /*width:512px;*/ border-bottom:solid 1px #fff; 
	padding:0; margin:0; box-sizing:border-box;}

.ccd_box_a,
.ccd_box_b,
.ccd_box_c{ background:#e5e2e4; padding:0; margin:0; box-sizing:border-box; transition:0.4s; cursor:pointer;}
.ccd_box_a:hover,
.ccd_box_b:hover,
.ccd_box_c:hover{ background:#eb8a3b;}

.ccd_box_a{ width:171px; height:70px; border-right:solid 1px #fff;}
.ccd_box_b{ display:flex; justify-content:center; align-items:center; width:170px; height:70px; border:none;}
.ccd_box_b h5{ font-size:1.4em; text-shadow:1px 1px 0 rgba(255,255,255,.5); letter-spacing:6pt;
	color:#000; padding:0; margin:0; box-sizing:border-box;}
.ccd_box_c{ width:171px; height:70px; border-left:solid 1px #fff;}

.ccd_cbar{ display:flex; /*width:512px;*/ border-bottom:solid 1px #fff; 
	padding:0; margin:0; box-sizing:border-box; position:relative;}

.ccd_cboxa{ display:flex; justify-content:center; align-items:center;
	width:80px; height:270px; border-right:solid 1px #fff; 
	background:url(../images/pix_4/ck_lt.png) #d8d7d9; padding:0; margin:0; box-sizing:border-box;
	transition:0.4s; cursor:pointer;}
.ccd_cboxa h4{ font-size:1.4em; text-shadow:1px 1px 0 rgba(255,255,255,.5);
	letter-spacing:6pt; writing-mode:vertical-lr;}

.ccd_cboxc{  display:flex; justify-content:center; align-items:center;
	width:80px; height:270px; border-left:solid 1px #fff; 
	background:url(../images/pix_4/ck_rt.png) #d8d7d9; padding:0; margin:0; box-sizing:border-box;
	transition:0.4s; cursor:pointer;}
.ccd_cboxc h4{ font-size:1.4em; text-shadow:1px 1px 0 rgba(255,255,255,.5);
	letter-spacing:6pt; writing-mode:vertical-rl;}

.ccd_cboxa:hover{ background:url(../images/pix_4/ck_lt_h.png) #eb8a3b;}
.ccd_cboxc:hover{ background:url(../images/pix_4/ck_rt_h.png) #eb8a3b;}

.ccd_cboxb{ /*width:352px;*/ padding:0; margin:0; box-sizing:border-box;}

.ccd_cb_ina{ display:flex; /*width:352px; height:71px;*/ border-bottom:solid 1px #fff; 
	background:#d8d7d9; padding:0; margin:0; box-sizing:border-box;}

.cb_inaox_a{ width:118px; height:71px; border-right:solid 1px #fff;}
.cb_inaox_b{ display:flex; justify-content:center; align-items:center;
	width:118px; height:71px; }
.cb_inaox_b h3{ font-size:1.4em; letter-spacing:2pt; text-shadow:1px 1px 0 rgba(255,255,255,.5);
	padding:0; margin:0; box-sizing:border-box;}
.cb_inaox_c{ width:118px; height:71px; border-left:solid 1px #fff; }

.cb_inaox_a,
.cb_inaox_b,
.cb_inaox_c{ padding:0; margin:0; box-sizing:border-box; transition:0.4s; cursor:pointer;}

.cb_inaox_a:hover,
.cb_inaox_b:hover,
.cb_inaox_c:hover{ background:#eb8a3b;}

.ccd_cb_inb{ display:flex; justify-content:space-between; 
	/*width:352px; height:129px;*/ border-bottom:solid 1px #fff; 
	background:#c3c1c2; padding:0; margin:0; box-sizing:border-box;}

.cb_inbox_a{ width:118px; height:129px; border-right:solid 1px #fff;}
.cb_inbox_b{ display:flex; justify-content:center; align-items:center;
	width:118px; height:129px; }
.cb_inbox_b h3{ font-size:1.4em; letter-spacing:6pt; text-shadow:1px 1px 0 rgba(255,255,255,.5);
	padding:0; margin:0; box-sizing:border-box;}
.cb_inbox_c{ width:118px; height:129px; border-left:solid 1px #fff; }

.cb_inbox_a,
.cb_inbox_b,
.cb_inbox_c{ padding:0; margin:0; box-sizing:border-box; transition:0.4s; cursor:pointer;}

.cb_inbox_a:hover,
.cb_inbox_b:hover,
.cb_inbox_c:hover{ background:#eb8a3b;}

.ccd_cb_inc{ display:flex; justify-content:space-between; 
	/*width:352px; height:70px;*/ background:#d8d7d9; padding:0; margin:0; box-sizing:border-box;}

.cb_incox_a{ width:118px; height:70px; border-right:solid 1px #fff;}
.cb_incox_b{ display:flex; justify-content:center; align-items:center;
	width:118px; height:70px; }
.cb_incox_b h3{ font-size:1.4em; letter-spacing:6pt; text-shadow:1px 1px 0 rgba(255,255,255,.5);
	padding:0; margin:0; box-sizing:border-box;}
.cb_incox_c{ width:118px; height:70px; border-left:solid 1px #fff; }

.cb_incox_a,
.cb_incox_b,
.cb_incox_c{ padding:0; margin:0; box-sizing:border-box; transition:0.4s; cursor:pointer;}

.cb_incox_a:hover,
.cb_incox_b:hover,
.cb_incox_c:hover{ background:#eb8a3b;}


/* -- 20220506 -- */
.top_opco{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
 	width:100%; text-align:center; 
	border-bottom:solid 1px #b2b2b2;
	background:#524b4b;
	padding:10px 0 3px 0; margin:10px 0 0 0; box-sizing:border-box; position:relative;}
.top_opco h3{ font-size:1.4em; font-weight:bold; color:#fff;}

.top_opco_line{ width:100%; height:1px; background:rgba(255,255,255,.3); padding:0; margin:2px 0 0 0; box-sizing:border-box;}

.top_op{ display:block; width:20px; height:20px; border:none; 
	background:url(../images/main/top_op.svg) no-repeat center center;
	background-size:100%; padding:0; margin:0; box-sizing:border-box;
	cursor:pointer;
	position:absolute; top:15px; right:20px;}

.top_co{ display:block; width:20px; height:20px; border:none; 
	background:url(../images/main/top_co.svg) no-repeat center center;
	background-size:100%; padding:0; margin:0; box-sizing:border-box;
	cursor:pointer;
	position:absolute; top:15px; right:20px;}


.top_opco_dowin{ background:#d1c7c6; padding:10px 0; margin:0; box-sizing:border-box;}



/* -- 車頂 -- */
.ccd_dbar{ display:flex; justify-content:space-between;
 	/*width:512px; height:401px;*/ border-bottom:solid 1px #fff; padding:0; margin:0; box-sizing:border-box;}



.ccd_dbar_albox{ /*width:80px; height:400px;*/ border-right:solid 1px #fff; 
	background:#f0edef; padding:0; margin:0; box-sizing:border-box;}
.ccd_dbar_arbox{ /*width:80px; height:400px;*/ border-left:solid 1px #fff; 
	background:#f0edef; padding:0; margin:0; box-sizing:border-box;}



.dbar_alup{ display:flex; justify-content:center; align-items:center;
	width:79px; height:200px; border-bottom:solid 1px #fff; 
	padding:0; margin:0; box-sizing:border-box; padding:0; margin:0; box-sizing:border-box; 
	transition:0.4s; cursor:pointer;}
.dbar_alup h5{ font-size:1.3em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
	letter-spacing:6pt; writing-mode:vertical-rl; padding:0; margin:0; box-sizing:border-box; }
.dbar_aldo{ display:flex; justify-content:center; align-items:center;
	width:79px; height:200px; padding:0; margin:0; box-sizing:border-box; 
	transition:0.4s; cursor:pointer;}
.dbar_aldo h5{ font-size:1.3em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
	letter-spacing:6pt; writing-mode:vertical-rl; padding:0; margin:0; box-sizing:border-box; }
.dbar_alup:hover,.dbar_aldo:hover{ background:#eb8a3b;}

.dbar_arup{ display:flex; justify-content:center; align-items:center;
	width:79px; height:200px; border-bottom:solid 1px #fff; padding:0; margin:0; box-sizing:border-box; 
	transition:0.4s; cursor:pointer;}
.dbar_arup h5{ font-size:1.3em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
	letter-spacing:6pt; writing-mode:vertical-rl; padding:0; margin:0; box-sizing:border-box; }
.dbar_ardo{ display:flex; justify-content:center; align-items:center;
	width:79px; height:200px; padding:0; margin:0; box-sizing:border-box; 
	transition:0.4s; cursor:pointer;}
.dbar_ardo h5{ font-size:1.3em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
	letter-spacing:6pt; writing-mode:vertical-rl; padding:0; margin:0; box-sizing:border-box; }
.dbar_arup:hover,.dbar_ardo:hover{ background:#eb8a3b;}



.ccd_dbar_cbox{ /*width:352px; height:400px;*/ padding:0; margin:0; box-sizing:border-box; position:relative;}



.cc_blt,
.cc_bld,
.cc_brt,
.cc_brd{ display:flex; justify-content:center; align-items:center;
	width:70px; height:200px; background:#dcdcdc; padding:0; margin:0; box-sizing:border-box;
	transition:0.4s; cursor:pointer; position:absolute; z-index:500;}

.cc_blt h4,
.cc_bld h4,
.cc_brt h4,
.cc_brd h4{ font-size:1.3em; text-shadow:1px 1px 0 rgb(255,255,255,.5);
    letter-spacing:6pt; writing-mode:vertical-rl; padding:0; margin:0; box-sizing:border-box;}


.cc_blt h4{ margin:60px 0 0 0;}
.cc_bld h4{ margin:0 0 60px 0;}
.cc_brt h4{ margin:60px 0 0 0;}
.cc_brd h4{ margin:0 0 60px 0;}

.cc_blt{ top:0; left:0; border-bottom:solid 1px #fff; background:url(../images/pix_4/cc_blt.png);}
.cc_bld{ bottom:0; left:0; background:url(../images/pix_4/cc_bld.png);}
.cc_brt{ top:0; right:0; border-bottom:solid 1px #fff; background:url(../images/pix_4/cc_brt.png);}
.cc_brd{ right:0; bottom:0; background:url(../images/pix_4/cc_brd.png);}

.cc_blt:hover{ background:url(../images/pix_4/cc_blt_h.png);}
.cc_bld:hover{ background:url(../images/pix_4/cc_bld_h.png);}
.cc_brt:hover{ background:url(../images/pix_4/cc_brt_h.png);}
.cc_brd:hover{ background:url(../images/pix_4/cc_brd_h.png);}








.ccd_dbar_cbox_top{ display:flex; justify-content:center; align-items:center;
	width:352px; height:70px; border-bottom:solid 1px #fff;
	background:#c3c1c2; padding:0; margin:0; box-sizing:border-box;
	transition:0.4s; cursor:pointer;}
.ccd_dbar_cbox_top h5{ font-size:1.3em; text-shadow:1px 1px 0 rgba(255,255,255,.5);}

.ccd_dbar_cbox_dow{ display:flex; justify-content:center; align-items:center;
	width:352px; height:70px; border-top:solid 1px #fff;
	background:#c3c1c2; padding:0; margin:0; box-sizing:border-box;
	transition:0.4s; cursor:pointer;}
.ccd_dbar_cbox_dow h5{ font-size:1.3em; text-shadow:1px 1px 0 rgba(255,255,255,.5);}
.ccd_dbar_cbox_top:hover,.ccd_dbar_cbox_dow:hover{ background:#eb8a3b;}




.ccd_dbar_cbox_mai{ display:flex; flex-wrap:wrap; 
	/*width:352px; height:260px;*/ position:relative;}
.ccd_dbar_cbox_mai h5{ font-size:1.4em; letter-spacing:6pt; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
	position:absolute; top:calc(50% - 16px); left:calc(50% - 22px);}

.cdcm_ia,
.cdcm_ib,
.cdcm_ic,
.cdcm_id{ width:175px; background:#f0edef; padding:0; margin:0; box-sizing:border-box;
	transition:0.4s; cursor:pointer;}

.cdcm_ia:hover,
.cdcm_ib:hover,
.cdcm_ic:hover,
.cdcm_id:hover{ background:#eb8a3b;}

.cdcm_ia{ height:130px; border-right:solid 1px #fff; border-bottom:solid 1px #fff;}
.cdcm_ib{ height:130px; border-bottom:solid 1px #fff;}
.cdcm_ic{ height:130px; border-right:solid 1px #fff;}
.cdcm_id{ height:130px;}














/* -- 後葉子板 -- */
.ccd_ebar{ display:flex; /*width:512px; height:201px;*/ border-bottom:solid 1px #fff; 
	padding:0; margin:0; box-sizing:border-box; position:relative;}

.ccd_eboxa{ display:flex; justify-content:center; align-items:center;
	width:80px; height:200px; border-right:solid 1px #fff; 
	background:url(../images/pix_4/ck_ld.png) #d8d7d9; padding:0; margin:0; box-sizing:border-box;
	transition:0.4s; cursor:pointer;}
.ccd_eboxa h4{ font-size:1.4em; text-shadow:1px 1px 0 rgba(255,255,255,.5);
	letter-spacing:6pt; writing-mode:vertical-lr;}

.ccd_eboxc{ display:flex; justify-content:center; align-items:center;
	width:80px; height:200px; border-left:solid 1px #fff; 
	background:url(../images/pix_4/ck_rd.png) #d8d7d9; padding:0; margin:0; box-sizing:border-box;
	transition:0.4s; cursor:pointer;}
.ccd_eboxc h4{ font-size:1.4em; text-shadow:1px 1px 0 rgba(255,255,255,.5);
	letter-spacing:6pt; writing-mode:vertical-rl;}

.ccd_eboxa:hover{ background:url(../images/pix_4/ck_ld_h.png) #eb8a3b;}
.ccd_eboxc:hover{ background:url(../images/pix_4/ck_rd_h.png) #eb8a3b;}

.ccd_eboxb{ /*width:352px; height:200px;*/ padding:0; margin:0; box-sizing:border-box;}

.ccd_ce_ina{ display:flex; justify-content:space-between; 
	/*width:352px; height:130px;*/ border-bottom:solid 1px #fff; 
	background:#c3c1c2; padding:0; margin:0; box-sizing:border-box;}

svg.cb_einaox_a{ width:118px; height:131px; border-right:solid 1px #fff;}
.cb_einaox_b{ display:flex; justify-content:center; align-items:center;
	width:118px; height:131px; }
.cb_einaox_b h3{ font-size:1.4em; letter-spacing:6pt; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
	padding:0; margin:0; box-sizing:border-box;}
.cb_einaox_c{ width:118px; height:131px; border-left:solid 1px #fff; }

.cb_einaox_a,
.cb_einaox_b,
.cb_einaox_c{ padding:0; margin:0; box-sizing:border-box; transition:0.4s; cursor:pointer;}

.cb_einaox_a:hover,
.cb_einaox_b:hover,
.cb_einaox_c:hover{ background:#eb8a3b;}

.ccd_ce_inb{ display:flex; justify-content:space-between; 
	/*width:352px; height:70px;*/ background:#d8d7d9; padding:0; margin:0; box-sizing:border-box;}

.cb_einbox_a{ width:118px; height:70px; border-right:solid 1px #fff;}
.cb_einbox_b{ display:flex; justify-content:center; align-items:center;
	width:118px; height:70px; }
.cb_einbox_b h3{ font-size:1.4em; letter-spacing:6pt; text-shadow:1px 1px 0 rgba(255,255,255,.5);
	padding:0; margin:0; box-sizing:border-box;}
.cb_einbox_c{ width:118px; height:70px; border-left:solid 1px #fff; }

.cb_einbox_a,
.cb_einbox_b,
.cb_einbox_c{ padding:0; margin:0; box-sizing:border-box; transition:0.4s; cursor:pointer;}

.cb_einbox_a:hover,
.cb_einbox_b:hover,
.cb_einbox_c:hover{ background:#eb8a3b;}













/* -- 登入 -- */
.tms_main{ max-width:1024px; min-height:100vh; /*height:100vh;*/ font-family:微軟正黑體; 
	background:url(../images/bkere.jpg) top left no-repeat #e90209; background-size:cover;
	padding:0; margin:0 auto; box-sizing:border-box;}


/* -- 登入 跳出視窗 -- */
.pop{ display:none;}
.pop-window{ width:360px; height:340px; border-radius:8px; background:#fff; 
	padding:0; margin:20vh auto 0 auto; box-sizing:border-box; z-index:80; 
	position:absolute; top:4vh; left:calc(50% - 180px);}

.tms_logpop_img{ width:28%; height:auto; padding:8% 0 0 0; margin:0 auto 3% auto; box-sizing:border-box;}
.tms_logpop_img img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;} 

.tms_logpop_msg{max-height:40vh; overflow-y: scroll; width:100%; height:auto; line-height:2em; text-align:center; font-size:1em; font-weight:bold; color:#3e3a39; 
	padding:0; margin:0 0 25px 0; box-sizing:border-box;}

.tms_logpop_bar{ width:80%; height:auto; padding:0; margin:0 auto; box-sizing:border-box;}
.tms_logpop_bar button{ width:100%; height:44px;	border:none; border:solid 2px #d1d2d2; border-radius:5px; 
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(209,210,210,1) 51%, rgba(209,210,210,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d1d2d2',GradientType=0 );
	padding:0; margin:0; box-sizing:border-box; box-shadow:1px 1px 8px rgba(0,0,0,.2); position:relative; cursor:pointer;}
.tms_logpop_bar button p{ font-size:2em; font-weight:bold; 
	padding:0; margin:3px 0 0 0; box-sizing:border-box; z-index:50;} 



.tms_logpop_dbr{ display:flex; justify-content:space-between; align-items:center;

	width:80%; height:auto; padding:0; margin:0 auto; box-sizing:border-box;}
.tms_logpop_dbr button{ width:48%; height:44px;	border-radius:5px; 
	padding:0; margin:0; box-sizing:border-box; box-shadow:1px 1px 8px rgba(0,0,0,.2); position:relative; cursor:pointer;}
.g_bbt{ border:solid 2px #db0012; color:#fff;
	background: rgb(234,60,60);
	background: -moz-linear-gradient(top,  rgba(234,60,60,1) 0%, rgba(234,60,60,1) 50%, rgba(219,0,18,1) 51%, rgba(219,0,18,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(234,60,60,1) 0%,rgba(234,60,60,1) 50%,rgba(219,0,18,1) 51%,rgba(219,0,18,1) 100%);
	background: linear-gradient(to bottom,  rgba(234,60,60,1) 0%,rgba(234,60,60,1) 50%,rgba(219,0,18,1) 51%,rgba(219,0,18,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea3c3c', endColorstr='#db0012',GradientType=0 );
	}
.g_bbt p {color:white;}
.r_bbt{ border:solid 2px #d1d2d2;
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(209,210,210,1) 51%, rgba(209,210,210,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d1d2d2',GradientType=0 );
	}
.tms_logpop_dbr button p{ font-size:2em; font-weight:bold; 
	padding:0; margin:3px 0 0 0; box-sizing:border-box; z-index:50;} 



.pop_bkere{ width:100%; height:100vh; background:rgba(0,0,0,.8); position:absolute; top:0; left:0; z-index:50;}


.tms_login_title{ width:25%; height:auto; padding:6% 0 0 0; margin:0 auto 3% auto; box-sizing:border-box;}
.tms_login_title img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;} 
.tms_login_title p{ width:100%; text-align:center; color:#fff; padding:0; margin:10px 0 0 0; box-sizing:border-box;}

.tms_login_zone{ width:30%; text-align:center; padding:0; margin:0 auto; box-sizing:border-box;}

.tms_login_bar{ width:100%; height:auto; padding:0; margin:0 0 30px 0; box-sizing:border-box;}
 .tms_login_bar:last-child{ margin:60px 0 50px 0;}
.tms_login_bar input{ width:100%; height:44px; font-size:1.2em; border:none; border-radius:5px; 
	color:#3e3a39; padding:5px 10px; margin:0; box-sizing:border-box;}

.tms_login_bar button{ width:100%; height:44px;	border:none; border:solid 2px #d1d2d2; border-radius:5px; 
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(209,210,210,1) 51%, rgba(209,210,210,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d1d2d2',GradientType=0 );
	padding:0; margin:0; box-sizing:border-box; box-shadow:1px 1px 8px rgba(0,0,0,.3); position:relative; cursor:pointer;}
.tms_login_bar button p{ font-size:2em; font-weight:bold; 
	padding:0; margin:3px 0 0 0; box-sizing:border-box; z-index:50;} 

.tms_footer_txt{ width:80%; line-height:22px; text-align:center; font-size:1em; color:#fff; padding:0 0 50px 0; margin:0 auto; box-sizing:border-box;}











/* -- 案件列表 -- */
.top_nav_bar{ display:flex; justify-content:space-between; align-items:center;
	max-width:1024px; min-width:50%; width:100%; height:60px; background:#db0012; padding:0; margin:0 auto; box-sizing:border-box;
	/*position:absolute; lion*/ top:0; left:0;}

.top_nav_gobker{ display:flex; justify-content:center; align-items:center;
	width:60px; height:60px; 
	padding:0; margin:0; box-sizing:border-box;}
.top_nav_gobker img{ width:50%; height:auto; padding:0; margin:0; box-sizing:border-box;}

.top_nav_title{ width:auto; height:60px; display:flex; justify-content:center; align-items:center;
	padding:0; margin:0; box-sizing:border-box;}
.top_nav_title img{ width:auto; height:39%; padding:0; margin:4px 5px 0 0; box-sizing:border-box;}
.top_nav_title span{ font-size:1.4em; font-weight:bold; color:#fff; padding:0; margin:0; box-sizing:border-box;}

.top_nav_reload{ display:flex; justify-content:center; align-items:center;
	width:60px; height:60px; 
	padding:0; margin:0; box-sizing:border-box;}
.top_nav_reload img{ width:50%; height:auto; padding:0; margin:0; box-sizing:border-box;}

.top_nav_notify{ display:flex; justify-content:center; align-items:center;
	width:80px; height:60px;
	padding:0 15px 0 0; margin:0; box-sizing:border-box;}
.top_nav_notify h3{ font-size:1.2em; font-weight:bold; color:#fff; 
	padding:0; margin:0; box-sizing:border-box;}
.top_nav_notify h4{ font-size:1.2em; font-weight:bold; color:#ffe600; 
	padding:0; margin:0; box-sizing:border-box;}
.top_nav_notify a{ text-decoration:none; font-size:1.1em; font-weight:bold; border-radius:5px; color:#db0012; 
	background:#fff; padding:3px 8px; margin:0; box-sizing:border-box;}

.top_nav_gobkerp{ display:flex; justify-content:center; align-items:center;
	width:80px; height:60px; padding:0; margin:0 0 0 5px; box-sizing:border-box;}
.top_nav_gobkerp img{ width:35%; height:auto; padding:0; margin:0; box-sizing:border-box;}
.top_nav_gobkerp p{ font-size:1em; font-weight:bold; color:#fff; 
	padding:0; margin:0; box-sizing:border-box;}




.tms_service_bar{ display:flex; flex-wrap:wrap; justify-content:space-between;
	/*width:92%;*/ height:auto; padding:0; margin:15px auto 0 auto; box-sizing:border-box;}
.tms_service_bar button{ display:flex; align-items:center;
	width:48%; height:44px; border:none; border:solid 2px #d1d2d2; border-radius:5px; 
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(209,210,210,1) 51%, rgba(209,210,210,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d1d2d2',GradientType=0 );
	padding:0; margin:0 0 15px 0; box-sizing:border-box; box-shadow:1px 1px 8px rgba(0,0,0,.1); position:relative; cursor:pointer;}
.tms_service_bar button img{ width:auto; height:85%; padding:0; margin:0 3px 0 15px; box-sizing:border-box;}
.tms_service_bar button p{ font-size:1.5em; font-weight:bold;}
.tms_service_bar button span{ display:flex; justify-content:center; align-items:center;
	width:25px; height:25px; font-size:1.2em; font-weight:bold; border-radius:50%; color:#fff; 
	background:#ee020c; padding:2px 3px; margin:0; box-sizing:border-box;
	position:absolute; top:5px; right:5px;}
 
.group_a{ border:solid 2px #b5262e !important; border-radius:10px !important; 
	background: #dd414a !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #dd414a 0%, #f0abae 2%, #e75d4f 50%, #e64d3b 51%, #ee592d 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #dd414a 0%,#f0abae 2%,#e75d4f 50%,#e64d3b 51%,#ee592d 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #dd414a 0%,#f0abae 2%,#e75d4f 50%,#e64d3b 51%,#ee592d 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd414a', endColorstr='#ee592d',GradientType=0 ) !important; /* IE6-9 */
}

.group_b{ border:solid 2px #00456d !important; border-radius:10px !important;
	background: #005d94 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #005d94 0%, #8eb8d0 2%, #1470a7 50%, #0266a1 51%, #036eac 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #005d94 0%,#8eb8d0 2%,#1470a7 50%,#0266a1 51%,#036eac 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #005d94 0%,#8eb8d0 2%,#1470a7 50%,#0266a1 51%,#036eac 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005d94', endColorstr='#036eac',GradientType=0 ) !important; /* IE6-9 */
}

.group_c{
	background: #c3c3c3 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #c3c3c3 0%, #e4e4e4 2%, #cecece 50%, #cbcbcb 51%, #d1d2d2 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c3c3c3 0%,#e4e4e4 2%,#cecece 50%,#cbcbcb 51%,#d1d2d2 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c3c3c3 0%,#e4e4e4 2%,#cecece 50%,#cbcbcb 51%,#d1d2d2 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3c3', endColorstr='#d1d2d2',GradientType=0 ) !important; /* IE6-9 */
}

.group_a img,
.group_b img{ height:74% !important; margin:0 0 0 10px !important;}
.group_c img{ height:85% !important; margin:0 0 0 10px !important;}
.group_a p,
.group_b p{ color:#fff !important; margin:0 0 0 8px;}
.group_c p{ color:#000 !important; margin:0 0 0 5px;}
.group_a span,
.group_b span{ color:#464646 !important; border-radius:5px !important; 
	background:#fff !important; box-shadow:inset 1px 1px 2px rgba(0,0,0,.5); top:7px !important; right:8px !important;}
.group_a span{ border:solid 1px #b5262e !important;}
.group_b span{ border:solid 1px #00456d !important;}

.group_title{ width:100%; text-align:center; font-size:1.2em; font-weight:bold; text-shadow:1px 1px 0 rgba(255,255,255.2); 
	background:#ccc; padding:5px 0; margin:0 auto; box-sizing:border-box;}


.group_boxs{ display:flex; justify-content:space-between; align-items:center; 
	padding:15px 15px 25px 15px; margin:0 auto; box-sizing:border-box;}
.group_boa{ width:23%; height:auto; padding:0; margin:0; box-sizing:border-box;}
.group_boa_tit{ display:flex; justify-content:space-between; align-items:center;
	width:100%; padding:0; margin:0 0 5px 0; box-sizing:border-box;}
.group_boa_tit p{ font-size:1em; font-weight:bold; color:#000; padding:0; margin:0; box-sizing:border-box;}
.group_boa_tit span{ font-size:1em; color:#6c6c6c; padding:0; margin:0; box-sizing:border-box;}
.group_boa_min{ font-size:.9em; padding:0; margin:0 0 8px 0; box-sizing:border-box;}

.group_ti_boxs{display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; border-bottom:solid 1px #ccc;
	padding:10px 10px 10px 10px; margin:0 auto; box-sizing:border-box;}
.group_titbat_boa{ width:20%; height:auto; font-size:1em; border-right:solid 1px #ccc; padding:0 0 0 15px; margin:0; box-sizing:border-box;}
.group_titbat_boa:last-child{ border-right:none;}
.group_titbat_boa select{ border:solid 1px #ccc; border-radius:5px; background:#fff; padding:5px 10px; margin:0 0 0 10px; box-sizing:border-box;}
.group_titbat_bob{ width:50%; height:auto; font-size:1em; padding:0 0 0 15px; margin:0; box-sizing:border-box;}
.group_titbat_bob input{ border:solid 1px #ccc; border-radius:5px; background:#fff; padding:5px 10px; margin:0 0 0 10px; box-sizing:border-box;}

.group_boa_pixs{ width:100%; height:200px; background:#fff;
	padding:0; margin:0; box-sizing:border-box; position:relative;}

.group_boa_pixs a{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}
.group_boa_pixs a img{ width:100%; height:100%; object-fit:contain; padding:0; margin:0; box-sizing:border-box;}

.group_boa_chbox{ padding:0; margin:0; box-sizing:border-box;
	position:absolute; top:10px; left:10px;}
.group_boa_chbox input{ border:solid 1px #6c6c6c; padding:0; margin:0; box-sizing:border-box;}
.group_boa_chbox label{ font-size:.9em; color:#6c6c6c; padding:0; margin:0; box-sizing:border-box;}


.group_tabless{ padding:0 15px; margin:0 0 30px 0; box-sizing:border-box;}
.group_tabless table{ border:solid 1px #000; border-collapse:collapse; border-spacing:0; padding:0; margin:0; box-sizing:border-box;}
.group_tabless table tr{ border:solid 1px #ccc; border-spacing:0; padding:0; margin:0; box-sizing:border-box;}
.group_tabless table tr td{ border:solid 1px #000; border-spacing:0; padding:5px !important; margin:0; box-sizing:border-box;}

.group_tab_tit{ font-size:1em; font-weight:bold; text-shadow:1px 1px 0 rgba(255,255,255,.3); text-align:center; color:#000; 
	background:#ccc; padding:6px !important; margin:0; box-sizing:border-box;}
.gr_a{ width:60px;}

.gt_ct{ text-align:center;}

.group_area{ border:none !important; background:#eeeeee !important;}

.tms_service_title{ width:100%; font-size:1.2em; font-weight:bold; text-shadow:1px 1px 0 rgba(255,255,255,.2); border-bottom:dotted 1px #ccc;
	padding:0 10px 5px 10px; margin:0 auto 10px auto; box-sizing:border-box;}

.tms_service_select{ width:100%; height:calc(1.5em + 0.75rem + 2px); font-size:1.2em; font-weight:400; border:1px solid #ced4da; border-radius:10px;
	padding:5px 10px; margin:0 auto 15px auto; box-sizing:border-box; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);}


.car_1 {display:none}
.car_2 {display:none}

.car_list { width:100%; padding:0 10px; margin:0 auto 10px auto; box-sizing:border-box;}

.car_row { display:flex; justify-content:flex-start; align-items:center;
 width:100%; border-bottom:dotted 1px #ccc; padding:0 0 5px 0; margin:0 0 5px 0; box-sizing:border-box;}

.car_no,
.car_type,
.car_area,
.car_status,
.car_btn{ width:20%; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.1); border-right:solid 1px #ccc; padding:0 0 0 15px; margin:0; box-sizing:border-box;}
.car_btn{ border-right:none;}

.car_btn button,
.car_btn input{ width:auto !important; height:auto !important; font-size:1em; border:solid 1px #ccc; border-radius:5px;
	background:#fff; padding:3px 10px; margin:0; box-sizing:border-box;}

.group_full{ width:100% !important;}

.down_table{ width:100%; text-shadow:1px 1px 0 rgba(255,255,255,.3); border:solid 2px #bfbfbf; border-radius:5px; color:#767676; 
	background:#ccc; padding:6px 10px; margin:15px auto; box-sizing:border-box; box-shadow:inset 2px 2px 5px rgba(0,0,0,.05);}


















.tms_project_area{ /*width:92%;*/ height:auto; border:solid 1px #cfcfcf;
	background:#fff; padding:0; margin:0 auto 10px auto; box-sizing:border-box;}

.tms_project_title{ display:flex; justify-content:space-between; align-items:center;
	width:100%; height:50px; color:#fff; background:#727171; padding:0 20px; margin:0; box-sizing:border-box;}

.pt_txt_a{ font-size:1em; padding:0; margin:0; box-sizing:border-box;}
.pt_txt_a span{  padding:0; margin:0 0 0 10px; box-sizing:border-box;}
.pt_txt_b{ font-size:1em; padding:0; margin:0; box-sizing:border-box;}
.pt_txt_b span{ padding:0; margin:0 0 0 20px; box-sizing:border-box;}

.tms_in_dbbt{ display:flex; justify-content:space-between; align-items:center;
	width:100%; padding:15px 20px 0 20px; margin:0; box-sizing:border-box;}

.tin_dbtl{ color:#3e3a39; padding:0; margin:0; box-sizing:border-box;}
.tin_dbtl span{ font-size:1.5em; font-weight:bold; padding:0; margin:0 3px 0 0;}
.tin_dbtl p{ font-size:1em; padding:0; margin:4px 0 0 0;}

.tin_dbtr{ font-size:1.1em; color:#db0012; padding:0; margin:0; box-sizing:border-box;}

.tin_dbtl,
.tin_dbtr{ width:47%; height:50px; display:flex; justify-content:center; align-items:center; 
	border-radius:30px; background:#eaeaea;}

.tin_dbtl img{ width:auto; height:70%; padding:0; margin:0 8px 0 0; box-sizing:border-box;}
.tin_dbtr img{ width:auto; height:60%; padding:0; margin:0 0 0 10px; box-sizing:border-box;}

.tms_project_data{ width:92%; padding:0; margin:15px auto; box-sizing:border-box; }

.tms_pj_upd{ display:flex; padding:0; margin:0; box-sizing:border-box;}

.tms_pj_type{ display:flex; align-items:center; color:#3e3a39; padding:0; margin:0 25px 0 0; box-sizing:border-box;}
.tms_pj_type label{ width:77px; border-right:solid 2px #00adba; padding:0 10px 0 0; margin:0 10px 0 0; box-sizing:border-box;}
.tms_pj_type span{ font-size:1.3em; font-weight:bold;}

.tms_pj_no{ display:flex; align-items:center; color:#3e3a39; padding:0; margin:0; box-sizing:border-box;}
.tms_pj_no label{ width:45px; border-right:solid 2px #00adba; padding:0 10px 0 0; margin:0 10px 0 0; box-sizing:border-box;}
.tms_pj_no span{ font-size:1.3em; font-weight:bold;}

.tms_pj_line{ width:100%; height:1px; background:#c8c5c4; padding:0; margin:10px 0; box-sizing:border-box;}

.tms_pj_address{ display:flex; align-items:center; color:#3e3a39 padding:0; margin:0; box-sizing:border-box;}
.tms_pj_address label{ width:77px; border-right:solid 2px #00adba; padding:0 10px 0 0; margin:0 10px 0 0; box-sizing:border-box;}
.tms_pj_address span{}



/* -- 服務 技術 通知 -- */
.notify_spp{ width:100%; height:85px; padding:0; margin:0; box-sizing:border-box;}
.notify_spp_io{width:100%; height:20px; padding:0; margin:0; box-sizing:border-box;}

.tms_notify_box{ display:flex; align-items:center; width:90%; height:auto; border:solid 1px #ea7d86; border-radius:10px;
	background:#fff; padding:15px; margin:0 auto 15px auto; box-sizing:border-box;}

.tms_notify_poin{ display:block; width:25px; height:23px; border:solid 7px #db0012; border-radius:20px;
	padding:0; margin:0 15px 0 0; box-sizing:border-box;}

.tms_notify_data{ display:flex; flex-wrap:wrap; width:100%; height:auto; font-family:微軟正黑體; font-size:1.2em; font-weight:normal;
	padding:0; margin:0; box-sizing:border-box;}
.tms_notify_data p{ width:100%; padding:0; margin:0; box-sizing:border-box;}
.tms_notify_data span{ padding:0; margin:0; box-sizing:border-box;}
.tms_notify_data h4{ font-size:1.1em; font-weight:bold; padding:0; margin:0; box-sizing:border-box;}


.tnd_overv{ display:flex; align-items:center; width:90%; height:auto; border:solid 1px #9c9a99; border-radius:10px;
	background:#fff; padding:15px; margin:0 auto 15px auto; box-sizing:border-box;}

.tnd_overv .tms_notify_poin{ display:block; width:25px; height:23px; border:solid 7px #bebfbf; border-radius:20px;
	padding:0; margin:0 15px 0 0; box-sizing:border-box;}
.tnd_overv .tms_notify_data p{ color:#727171;}
.tnd_overv .tms_notify_data span{ color:#727171;}
.tnd_overv .tms_notify_data h4{ color:#727171;}




/* -- 派車 通知 -- */
.tms_list_box{ width:90%; border-bottom:solid 1px #d0d0d0; padding:0 5px; margin:0 auto 15px auto; box-sizing:border-box;}
.tms_list_box p{ font-size:1em; color:#727171; padding:0; margin:0 0 5px 0; box-sizing:border-box;}
.tms_list_box h4{ min-height:35px; font-size:1.5em; font-weight:bold; color:#3e3a39; padding:0; margin:0 0 5px 0; box-sizing:border-box;}

.tms_list_box_red{ width:90%; border-bottom:solid 1px #d0d0d0; padding:0 5px; margin:0 auto 15px auto; box-sizing:border-box; box-shadow:0 1px 0 #b1b0b0;}
.tms_list_box_red p{ font-size:1em; color:#727171; padding:0; margin:0 0 5px 0; box-sizing:border-box;}
.tms_list_box_red h4{ min-height:35px; font-size:1.5em; font-weight:bold; color:#FF0000; padding:0; margin:0 0 5px 0; box-sizing:border-box;}


/* -- 2022/05/20 -- */
.acc_bbt_zone{ display:flex; justify-content:space-between; align-items:flex-start;
	padding:0; margin:0 auto 0 auto; box-sizing:border-box;}
.acc_bbt_boxl{ width:49%; padding:0; margin:0; box-sizing:border-box;}
.acc_bbt_boxl .acc_pline{ display:block; width:100%; border:solid 1px #480b8c; padding:10px; margin:0 0 10px 0; box-sizing:border-box;}
.acc_bbt_boxl .acc_bboxl_b{ width:100%; margin:0 0 10px 0;}
.acc_bbt_boxl .acc_bboxl_b:last-child{ margin:0;}

.acc_bbt_boxr{ width:49%; padding:0; margin:0; box-sizing:border-box;}
.acc_bbt_boxr .acc_sline{ display:block; width:100%; padding:10px; margin:0 0 10px 0; box-sizing:border-box;}
.acc_bbt_boxr .acc_bboxr_b{ width:100%; margin:0 0 15px 0;}
.acc_bbt_boxr .acc_bboxr_b:last-child{ margin:0;}


.tms_list_inbar{ display:flex; justify-content:space-between; align-items:center;
	width:90%; padding:0; margin:10px auto 10px auto; box-sizing:border-box;}
.tli_a,
.tli_b{ font-size:1.3em; font-weight:bold; border-radius:8px; 
	padding:4px 12px 5px 12px; margin:0; box-sizing:border-box;}
.tli_a{ border:solid 1px #005cb9; color:#fff; background:#005cb9;}
.tli_b{ border:solid 1px #d2d2d2; color:#727171; background:#fff;}

.tms_liste_inbar{ display:flex; align-items:center; flex-wrap:wrap;
	width:100%; padding:0; margin:10px auto 10px auto; box-sizing:border-box;}
.tlie_a,
.tlie_b{ width:20%; text-align:center; font-size:1.3em; font-weight:bold; border-radius:8px; 
	padding:8px 12px 10px 12px; margin:0 17px 17px 0; box-sizing:border-box;}
.tlie_a{ border:solid 1px #005cb9; color:#fff; background:#005cb9;}
.tlie_b{ border:solid 1px #d2d2d2; color:#727171; background:#fff;}




.tms_list_title{ display:flex; justify-content:space-around; align-items:center;
	width:98%; height:66px; font-size:1.5em; font-weight:bold; color:#fff; 
	background:#727171; padding:0; margin:0 auto 20px auto; box-sizing:border-box; letter-spacing:5pt}

.tl_title_txt{ width:92%; font-size:1.5em; font-weight:bold;
	padding:0; margin:0 auto 20px auto; box-sizing:border-box;}

.tl_title_txt_red{ width:92%; font-size:1.15em; color:red; font-weight:bold;
	padding:0; margin:0 auto 20px auto; box-sizing:border-box;}

.tms_list_time{ display:flex; justify-content:center; align-items:center; 
	width:92%; height:50px; border:solid 2px #fff064; border-radius:10px; background:#fff064; 
	padding:0; margin:0 auto 15px auto; box-sizing:border-box;}
.tms_list_time p{ font-size:1.2em; padding:0; margin:0 10px 0 0; box-sizing:border-box;}
.tms_list_time h3{ font-family:sans-serif;  font-size:1.8em; font-weight:bold; color:#db0012; 
	padding:0; margin:0 5px 0 0; box-sizing:border-box;}
.tms_list_time span{ font-size:1.1em; color:#db0012; padding:0; margin:2px 0 0 0; box-sizing:border-box;}

.tms_list_bbt_bar{ width:92%; height:auto; padding:0; margin:0 auto; box-sizing:border-box;}
.tms_list_bbt_bar button{ width:100%; height:50px;  border-radius:5px; 
	padding:0; margin:0 0 20px 0; box-sizing:border-box; box-shadow:1px 1px 5px rgba(0,0,0,.2); position:relative; cursor:pointer;}
.tms_list_bbt_bar button p{ font-size:2em; font-weight:bold; 
	padding:0; margin:3px 0 0 0; box-sizing:border-box; z-index:50;} 

.tms_list_bbt_bar a{ width:100%; height:50px;  border-radius:5px; 
	padding:0; margin:0 0 20px 0; box-sizing:border-box; box-shadow:1px 1px 5px rgba(0,0,0,.2); position:relative; cursor:pointer; display: block;
    text-align: center;
    font-size: 0.85em;
    text-decoration: none;}
.tms_list_bbt_bar a p{ font-size:2em; font-weight:bold; 
	padding:0; margin:3px 0 0 0; box-sizing:border-box; z-index:50;} 

.tms_list_bbt_liner{ width:92%; height:1px; border-bottom:solid 1px #d0d0d0;
	padding:0; margin:15px auto 0 auto; box-sizing:border-box; box-shadow:0 1px 0 #b1b0b0;}

.tlbb_r_bbt{ border:solid 2px #db0012; color:#fff;
	background: rgb(234,60,60);
	background: -moz-linear-gradient(top,  rgba(234,60,60,1) 0%, rgba(234,60,60,1) 50%, rgba(219,0,18,1) 51%, rgba(219,0,18,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(234,60,60,1) 0%,rgba(234,60,60,1) 50%,rgba(219,0,18,1) 51%,rgba(219,0,18,1) 100%);
	background: linear-gradient(to bottom,  rgba(234,60,60,1) 0%,rgba(234,60,60,1) 50%,rgba(219,0,18,1) 51%,rgba(219,0,18,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea3c3c', endColorstr='#db0012',GradientType=0 );}
.tlbb_r_bbt p {color:white;}

.tlbb_g_bbt{ border:solid 2px #d1d2d2; color:#3e3a39;
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(209,210,210,1) 51%, rgba(209,210,210,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d1d2d2',GradientType=0 );}

.tms_list_nation{ display:flex; justify-content:space-between; align-items:center;
	width:90%; padding:0; margin:10px auto 10px auto; box-sizing:border-box;}
	
.nation_a,
.nation_b{ width:140px; text-align:center; font-size:1.3em; font-weight:bold; border-radius:8px; 
	padding:4px 0 5px 0; margin:0; box-sizing:border-box;}

.nation_a{ border:solid 1px #005cb9; color:#fff; background:#005cb9;}
.nation_b{ border:solid 1px #d2d2d2; color:#727171; background:#fff;}

.nation_a2,
.nation_b2{ width:190px; text-align:center; font-size:1.3em; font-weight:bold; border-radius:8px; 
	padding:4px 0 5px 0; margin:0; box-sizing:border-box;}

.nation_a2{ border:solid 1px #005cb9; color:#fff; background:#005cb9;}
.nation_b2{ border:solid 1px #d2d2d2; color:#727171; background:#fff;}

.tms_list_inp_box{ width:94%; border-bottom:none; 
	padding:0 5px; margin:0 auto 15px auto; box-sizing:border-box; box-shadow:none;}
.tms_list_inp_box p{ font-size:1em; color:#727171; padding:0; margin:0 0 0 0; box-sizing:border-box;}
.tms_list_inp_bar{ display:flex; justify-content:space-between; align-items:center;
	width:100%; padding:0; margin:10px auto 10px auto; box-sizing:border-box;}
.tms_list_inp_bar input{ width:100%; height:50px; font-size:1.2em;
	border:solid 1px #d2d2d2; border-radius:5px;
	background:#fff; padding:0 10px; margin:0; box-sizing:border-box; }


/* -- 2022/07/08 -- */
.show_zone{ display:flex; justify-content:space-between; align-items:stretch; width:90%; 
	padding:0; margin:30px auto 0 auto; box-sizing:border-box;}
.show_zone_box{ display:flex; justify-content:center; align-items:center; 
	width:23%; height:auto; border:solid 2px #d9c4c4; border-radius:10px; 
	background:#ccc; padding:0; margin:0; box-sizing:border-box; 
	box-shadow:8px 8px 10px rgba(0,0,0,.1); overflow:hidden;}
.show_zone_box img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}
.show_zone_box button{ width:80px; height:40px; font-size:1.2em; font-weight:800; border-radius:10px;
	position:absolute; top:20px; right:20px;}


.tms_notify_dobbt{ display:flex; justify-content:space-between; align-items:center;
	width:90%; height:auto; padding:0; margin:35px auto; box-sizing:border-box;}
.tms_notify_dobbt button{ width:47%; height:44px;	border-radius:5px; 
	padding:0; margin:0; box-sizing:border-box; box-shadow:1px 1px 8px rgba(0,0,0,.2); position:relative; cursor:pointer;}
.gg_bbt{ border:solid 2px #db0012; color:#fff;
	background: rgb(234,60,60);
	background: -moz-linear-gradient(top,  rgba(234,60,60,1) 0%, rgba(234,60,60,1) 50%, rgba(219,0,18,1) 51%, rgba(219,0,18,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(234,60,60,1) 0%,rgba(234,60,60,1) 50%,rgba(219,0,18,1) 51%,rgba(219,0,18,1) 100%);
	background: linear-gradient(to bottom,  rgba(234,60,60,1) 0%,rgba(234,60,60,1) 50%,rgba(219,0,18,1) 51%,rgba(219,0,18,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea3c3c', endColorstr='#db0012',GradientType=0 );
	}
.gg_bbt p {color:white;}
.rr_bbt{ border:solid 2px #d1d2d2;
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(209,210,210,1) 51%, rgba(209,210,210,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d1d2d2',GradientType=0 );
	}
.tms_notify_dobbt button p{ font-size:2em; font-weight:bold; 
	padding:0; margin:3px 0 0 0; box-sizing:border-box; z-index:50;} 



/* -- 2022/07/15 -- */
.tms_pop_pixs{ display:flex; flex-wrap:wrap; justify-content:flex-start;
 align-items:flex-start; list-style:none;
 width:90%; height:auto; padding:0 0 0 10px; margin:0 auto; box-sizing:border-box;}
.tms_pop_pixs li{ width:23%; text-align:center; padding:0; margin:0 20px 20px 0; box-sizing:border-box;}
.tms_pop_pixs li:nth-child(5n-1),
.tms_pop_pixs li:nth-child(9n-1){ margin:0 0 0 0;}
.tms_pop_pixs li button{ width:95%; font-size:1.2em; border:solid 2px #db0012; color:#fff; border-radius:5px;
	background: rgb(234,60,60);
	background: -moz-linear-gradient(top,  rgba(234,60,60,1) 0%, rgba(234,60,60,1) 50%, rgba(219,0,18,1) 51%, rgba(219,0,18,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(234,60,60,1) 0%,rgba(234,60,60,1) 50%,rgba(219,0,18,1) 51%,rgba(219,0,18,1) 100%);
	background: linear-gradient(to bottom,  rgba(234,60,60,1) 0%,rgba(234,60,60,1) 50%,rgba(219,0,18,1) 51%,rgba(219,0,18,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea3c3c', endColorstr='#db0012',GradientType=0 );
	padding:8px 0; margin:10px 0 0 0; box-sizing:border-box;}
.tpp_boxs{ position:relative; display:flex; justify-content:space-between; align-items:center;
	width:100%; height:320px; border-radius:5px;
	background:#ccc; padding:0; margin:0; box-sizing:border-box; overflow:hidden;}
.tpp_boxs img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}
.tpp_boxs_txt{ width:22%; font-size:1.2em; text-align:center; color:#999; padding:0; margin:0 0 10px 55px; box-sizing:border-box;}



/* -- 車損上傳視窗 -- */
.notify_upload_zone{ display:flex; justify-content:center; align-items:center;
	width:90%; border:solid 1px #db0012; border-radius:10px;
	background:#fff; padding:20px; margin:0 auto; box-sizing:border-box;}

.notify_upload_l{ display:flex;  justify-content:center; align-items:stretch; flex-wrap:wrap; 
	width:40%; line-height:24px; text-align:left; font-size:1em; 
	color:#4e4c4e; padding:0; margin:0; box-sizing:border-box;}
.notify_upload_l span{ width:100%; color:#db0012;}

.notify_upload_line{ width:1px; height:220px; 
	background:#dddddd; padding:0; margin:0 25px; box-sizing:border-box; }

.notify_upload_r{ width:40%; line-height:24px; text-align:center; 
	color:#4e4c4e; padding:0; margin:0; box-sizing:border-box;}

.notify_upload_r a{ display:flex; justify-content:center; align-items:center;
	text-decoration:none; width:90%; height:80px; color:#565455; 
	background:url(../images/photograph.svg) no-repeat center center;
	padding:0; margin:0 auto 15px auto; box-sizing:border-box;}





/* -- 車損上傳視窗 -- */
.tl_title_selbar{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
	width:94%; padding:0 5px; margin: 10px auto 10px auto; box-sizing:border-box;}
.tl_title_selbar select{ width:100%; height:50px; font-size:1.2em;
	border:solid 1px #d2d2d2; border-radius:5px;
	background:#fff; padding:0 10px; margin:0; box-sizing:border-box; }
.tl_title_selbar input{ width:100%; height:50px; font-size:1.2em;
	border:solid 1px #d2d2d2; border-radius:5px;
	background:#fff; padding:0 10px; margin:0; box-sizing:border-box; }

.tl_maind_txt{ width:92%; font-size:1.5em; font-weight:bold; border-bottom:solid 1px #d0d0d0;
	padding:0 0 20px 0; margin:0 auto 20px auto; box-sizing:border-box;}

.tl_title_selbar p{ font-size:1.2em; font-weight:normal; color:#727171; padding:0; margin:0 0 5px 0; box-sizing:border-box;}
.tl_title_selbar  textarea{ width:100%; height:180px; font-size:1.2em;
	border:solid 1px #d2d2d2; border-radius:5px;
	background:#fff; padding:10px 15px; margin:0 0 20px 0; box-sizing:border-box; }






.top_sign_bar{ display:flex; justify-content:space-between; align-items:center;
	width:100%; height:60px; padding:0; margin:0; box-sizing:border-box;}

.top_sign_notify{ display:flex; justify-content:center; align-items:center;
	width:80px; height:60px;
	padding:0 15px 0 0; margin:0; box-sizing:border-box;}
.top_sign_notify a{ text-decoration:none; font-size:1.1em; font-weight:bold; border-radius:5px;  
	background:#fff; padding:3px 8px; margin:0; box-sizing:border-box;}


.top_sign_gobkerp{ display:flex; justify-content:center; align-items:center;
	width:40px; height:60px; padding:0; margin:0 0 0 5px; box-sizing:border-box;}
.top_sign_gobkerp img{ width:70%; height:auto; padding:0; margin:0; box-sizing:border-box;}
.top_sign_gobkerp p{ font-size:1em; font-weight:bold; color:#fff; 
	padding:0; margin:0; box-sizing:border-box;}

.sign_r{ background:#da0011;}
.sign_r a{ color:#db0012;}

.sign_p{ background:#7f3284;}
.sign_p a{ color:#7f3284;}

.sign_g{ background:#22a138;}
.sign_g a{ color:#22a138;}

.sign_main_xt{ display:flex; justify-content:center; align-items:center;
	width:100%; height:280px; text-align:center; padding:0 20px; margin:0; box-sizing:border-box;}
.sign_main_xt p{ line-height:44px; font-size:2.2em; color:#c2c2c2; 
	padding:0; margin:0; box-sizing:border-box;}

.sign_do_txt{ display:flex; justify-content:center; align-items:center;
	width:100%; text-align:center; padding:0 20px; margin:0; box-sizing:border-box;}
.sign_do_txt p{ line-height:26px; font-size:1.2em; font-weight:bold; color:#dd0a15; 
	padding:0; margin:0; box-sizing:border-box;}

.sign_do_txt2{position: fixed; bottom: 0; text-align: center; width: 100%; padding:0 20px; margin:0; box-sizing:border-box;}
.sign_do_txt2 span{ line-height:26px; font-size:1.2em; font-weight:bold; color:#dd0a15; 
	padding:0; margin:0; box-sizing:border-box;}

.notify_claim_bar_bi{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
	width:90%; border-bottom:none;
	 padding:0 5px 0px 5px; margin: 10px auto 0px auto; box-sizing:border-box;}
.notify_claim_bar_bi p{ font-size:1em; color:#727171; padding:0; margin:0 0 8px 3px; box-sizing:border-box;}
.notify_claim_bar_bi input{ width:100%; height:50px; font-size:1.2em;
	border:solid 1px #d2d2d2; border-radius:5px;
	background:#fff; padding:0 10px; margin:0; box-sizing:border-box; }
.notify_claim_bar_bi select{ width:100%; height:50px; font-size:1.2em;
	border:solid 1px #d2d2d2; border-radius:5px;
	background:#fff; padding:0 10px; margin:0; box-sizing:border-box; }
.nocl_sel_spp{ width:100%; height:15px; padding:0; margin:0; box-sizing:border-box;}
 

.notify_claim_bar{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
	width:90%; border-bottom:solid 1px #d0d0d0;
	 padding:0 5px 20px 5px; margin: 10px auto 30px auto; box-sizing:border-box;}
.notify_claim_bar.no_border_bottom{ border-bottom:initial; }
.notify_claim_bar p{ font-size:1em; color:#727171; padding:0; margin:0 0 8px 0; box-sizing:border-box;}
.notify_claim_bar input{ width:100%; height:50px; font-size:1.2em;
	border:solid 1px #d2d2d2; border-radius:5px;
	background:#fff; padding:0 10px; margin:0; box-sizing:border-box; }
.notify_claim_bar select{ width:100%; height:50px; font-size:1.2em;
	border:solid 1px #d2d2d2; border-radius:5px;
	background:#fff; padding:0 10px; margin:0; box-sizing:border-box; }
.nocl_sel_spp{ width:100%; height:15px; padding:0; margin:0; box-sizing:border-box;}


.tms_list_ulli{ width:80%; list-style-type:decimal; font-size:1.2em; font-weight:bold;
	 padding:0; margin:0 auto 0 50px; box-sizing:border-box;}
.tms_list_ulli li{ line-height:28px; padding:0; margin:0 0 30px 0; box-sizing:border-box;}

.tms_cts_bbt_bar{ width:92%; height:auto; padding:0; margin:25px auto; box-sizing:border-box;}
.tms_cts_bbt_bar button{ width:100%; height:50px;  border-radius:5px; 
	padding:0; margin:0; box-sizing:border-box; box-shadow:1px 1px 5px rgba(0,0,0,.2); position:relative; cursor:pointer;}
.tms_cts_bbt_bar button p{ font-size:2em; font-weight:bold; 
	padding:0; margin:3px 0 0 0; box-sizing:border-box; z-index:50;} 

.tms_cts_dobbt{ display:flex; justify-content:center; align-items:center;
	width:90%; height:auto; padding:0; margin:25px auto; box-sizing:border-box;}
.tms_cts_dobbt button{ width:47%; height:44px;	border-radius:5px; 
	padding:0; margin:0; box-sizing:border-box; box-shadow:1px 1px 8px rgba(0,0,0,.2); position:relative; cursor:pointer;}
.tms_cts_dobbt button p{ font-size:2em; font-weight:bold; 
	padding:0; margin:3px 0 0 0; box-sizing:border-box; z-index:50;} 




/* -- 理賠申請書 -- */
.notify_clbook_title{ width:100%; text-align:center;
	border-bottom:solid 1px #d8d8d8; padding:0; margin:0 auto; box-sizing:border-box;}
.notify_clbook_title p{ font-size:1.4em; font-weight:bold; padding:0; margin:0 auto 5px auto; box-sizing:border-box;}

.notify_clbook_bar{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
	width:94%; border-bottom:solid 1px #d8d8d8; padding:0 5px 15px 5px; margin:10px auto 10px auto; box-sizing:border-box;}
.notify_clbook_bar h3{ width:100%; font-size:1.1em; font-weight:bold; color:#727171; 
	padding:0; margin:0 0 5px 3px; box-sizing:border-box;}
.notify_clbook_bar h3 span{ color:#db0012; padding:0; margin:0; box-sizing:border-box;}
.notify_clbook_bar input{ width:100%; height:50px; font-size:1.4em; font-weight:bold;
	border:none; border-radius:8px; color:#3e3e3e; background:#f0f0f0; padding:0 10px; margin:0; box-sizing:border-box;
	box-shadow:inset 3px 3px 10px rgba(0,0,0,.1),inset -3px -3px 10px rgba(255,255,255,.9);}
.notify_clbook_bar select{ width:100%; height:50px; font-size:1.4em; font-weight:bold;
	border:none; border-radius:8px; border-top:solid 1px #fff; border-left:solid 1px #fff; 
	border-right:solid 1px #e5e4e4; border-bottom:solid 1px #e5e4e4;
	color:#3e3e3e; background:#f0f0f0; padding:0 10px; margin:0; box-sizing:border-box;
	box-shadow:3px 3px 10px rgba(0,0,0,.1),-3px -3px 10px rgba(255,255,255,.9);}
.notify_clbook_bar button{ width:38%; border-top:solid 1px #fff; border-left:solid 1px #fff; 
	border-right:solid 1px #e5e4e4; border-bottom:solid 1px #e5e4e4; border-radius:8px;
	background:#f6f5f5; padding:8px 0 8px 0; margin:0; box-sizing:border-box;
	box-shadow:3px 3px 8px rgba(0,0,0,.1),-3px -3px 8px rgba(255,255,255,1);}
.notify_clbook_bar button p{ font-size:1.5em; font-weight:bold; color:#000; 
	padding:0; margin:0; box-sizing:border-box;}


.notify_clbook_bar_s{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
	width:94%; border-bottom:solid 1px #d8d8d8; padding:0 5px 15px 5px; margin:10px auto 10px auto; box-sizing:border-box;}
.notify_clbook_bar_s button{ width:100%; border-top:solid 1px #fff; border-left:solid 1px #fff; 
	border-right:solid 1px #e5e4e4; border-bottom:solid 1px #e5e4e4; border-radius:8px;
	background:#f6f5f5; padding:8px 0 8px 0; margin:0; box-sizing:border-box;
	box-shadow:3px 3px 8px rgba(0,0,0,.1),-3px -3px 8px rgba(255,255,255,1);}
.notify_clbook_bar_s button p{ font-size:1.5em; font-weight:bold; color:#2e41b4; 
	padding:0; margin:0; box-sizing:border-box;}




.notify_clbook_bbt{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
	width:94%; padding:0 5px 15px 5px; margin:25px auto 10px auto; box-sizing:border-box;}
.notify_clbook_bbt button{ width:35%; border-top:solid 1px #fff; border-left:solid 1px #fff; 
	border-right:solid 1px #e5e4e4; border-bottom:solid 1px #e5e4e4; border-radius:8px; color:#db0012; 
	background:#f6f5f5; padding:8px 0 8px 0; margin:0; box-sizing:border-box;
	box-shadow:3px 3px 8px rgba(0,0,0,.1),-3px -3px 8px rgba(255,255,255,1);}
.notify_clbook_bbt button p{ font-size:1.5em; font-weight:bold; padding:0; margin:0; box-sizing:border-box;}






.nocl_posel_bar{ display:flex; justify-content:space-between; align-items:center; align-items:stretch; flex-wrap:wrap;
	width:90%; border-bottom:solid 1px #d0d0d0;
	padding:0 5px 5px 0; margin:0 auto 15px auto; box-sizing:border-box;}
.nocl_posel_bar p{ width:100%; font-size:1em; color:#727171; padding:0; margin:0 0 5px 0; box-sizing:border-box;}


.npb_a,
.npb_b,
.npb_c{ display:flex; justify-content:center; flex-wrap:wrap;
	padding:0; margin:0 0 10px 0; box-sizing:border-box;}

.npb_a p,
.npb_b p,
.npb_c p{ width:100%; text-align:center; font-size:1em; color:#727171; padding:0; margin:0 0 8px 3px; box-sizing:border-box;
	padding:0; margin:0 0 8px 0; box-sizing:border-box;}
.npb_d p{ width:100%; text-align:left; font-size:1em; color:#727171; padding:0; margin:0 0 8px 3px; box-sizing:border-box;
	padding:0 0 0 5px; margin:0 0 8px 0; box-sizing:border-box;}

.npb_a input,
.npb_b input,
.npb_c input,
.npb_d input{ border:solid 1px #e1e1e1; padding:0; margin:0 auto; box-sizing:border-box;}

.npb_a input{ width:20px; height:20px;}
.npb_b input{ width:100%; height:40px; border-radius:5px; padding:0 10px;}
.npb_c input{ width:100%; height:40px; border-radius:5px; padding:0 10px;}
.npb_d input{ width:100%; height:40px; border-radius:5px; padding:0 10px;}

.npb_a{ width:10%;}
.npb_b{ width:40%;}
.npb_c{ width:40%;}
.npb_d{ width:100%;}

.inp_onff{ width:20px; height:20px; 
	background:url(../images/main/input_off.svg) no-repeat center center;
	padding:0; margin:0; box-sizing:border-box;}

.inp_onff_active{ width:20px; height:20px; 
	background:url(../images/main/input_on.svg) no-repeat center center;
	padding:0; margin:0; box-sizing:border-box;}




.tms_list_box{}
.tms_list_box p{ font-size:1em; color:#727171; padding:0; margin:0 0 5px 0; box-sizing:border-box;}
.tms_list_box h4{ font-size:1.5em; font-weight:bold; color:#3e3a39; 
	padding:0; margin:0 0 5px 0; box-sizing:border-box;}


/* -- 2022/07/08 -- */
.npb_noline{ display:flex; justify-content:space-between; align-items:center; align-items:stretch; flex-wrap:wrap;
	width:90%; border-bottom:none;
	padding:0 5px 5px 0; margin:0 auto -8px auto; box-sizing:border-box;}

.nocl_ne_title{ display:flex; width:100%; padding:0; margin:0 0 8px 0; box-sizing:border-box; }
.nocl_ne_title input{ width:20px; height:20px; }
.nocl_ne_title h3{ font-weight:800; padding:0; margin:0 0 0 3px; box-sizing:border-box;}





.nocl_db_bar{ display:flex; justify-content:space-between; align-items:stretch;
	width:90%; border-bottom:solid 1px #d0d0d0;
	padding:0 5px 20px 5px; margin: 10px auto 30px auto; box-sizing:border-box;}
.nocl_db_box{ width:48%; padding:0; margin:0; box-sizing:border-box;}
.nocl_db_box p{ width:100%; text-align:center; font-size:1em; color:#727171; padding:0; 
	margin:0 0 8px -18px; box-sizing:border-box;}
.nocl_db_bo{ display:flex; justify-content:space-between; align-items:center; }
.nocl_db_bo input{ width:80%; height:50px; font-size:1.2em; border:solid 1px #d2d2d2;
    border-radius:5px; background:#fff; padding:0 10px; margin:0; box-sizing:border-box;}
.nocl_db_bo span{ font-size:.8; color:#8b8b8b; padding:0; margin:25px 6px 0 0; box-sizing:border-box;}


.tms_list_bbt{ display:flex; justify-content:space-between; align-items:center;
	padding:0; margin:20px 0 25px 0; box-sizing:border-box;}
.tms_list_bbt a{ display:flex; justify-content:center; align-items:center;
 	text-decoration:none; width:48%; height:50px; border:solid 2px #d1d2d2; border-radius:5px;  
	background: rgb(250,250,250);
	background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(209,210,210,1) 51%, rgba(209,210,210,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 50%,rgba(209,210,210,1) 51%,rgba(209,210,210,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#d1d2d2',GradientType=0 );
	padding:0; margin:0; box-sizing:border-box; box-shadow:1px 1px 5px rgba(0,0,0,.2);} 
.tms_list_bbt a img{ width:30px; height:auto; padding:0; margin:0 5px 0 0; box-sizing:border-box;}
.tms_list_bbt a span{ font-size:1.1em; font-weight:bold; color:#000; padding:0; margin:0; box-sizing:border-box;}






/* -- 事故現場 -- */
.tms_on_site_drawing{ width:100%; 
	background:url(../images/on_site/drw_pix_a.svg) no-repeat center 50px #fff;
	background-size:90%; padding:0 0 0 0; margin:0; box-sizing:border-box;}

.tms_on_site_zone{ width:1024px; height:auto; 
	padding:0; margin:0 auto; box-sizing:border-box;
	position:fixed; bottom:0; left:calc(50% - 512px);; z-index:600;}

.tms_on_site_up{ display:flex; justify-content:center; align-items:center;
	padding:0; margin:0 0 20px 0; box-sizing:border-box;}

.tms_on_site_up a{ width:40px; height:40px; border-radius:50%; 
	background:#f5f5f5; padding:0; margin:0; box-sizing:border-box;
	box-shadow:5px 5px 10px rgba(0,0,0,.3),inset 1px 1px 5px 1px rgba(255,255,255,1);} 

.tms_on_site_up a.tos_l_bt,
.tms_on_site_up a.tos_c_bt,
.tms_on_site_up a.tos_r_bt{ padding:0; margin:0; box-sizing:border-box; transition:0.4s;}

.tms_on_site_up a.tos_l_bt{ background:url(../images/on_site/sel_l_up.svg) no-repeat center center #f5f5f5;}
.tms_on_site_up a.tos_c_bt{ background:url(../images/on_site/sel_c_up.svg) no-repeat center center #f5f5f5;	margin:0 25px;}
.tms_on_site_up a.tos_r_bt{ background:url(../images/on_site/sel_r_up.svg) no-repeat center center #f5f5f5;}

.tms_on_site_up a.tos_l_bt:active{ background:url(../images/on_site/sel_l_dow.svg) no-repeat center center #f5f5f5;}
.tms_on_site_up a.tos_c_bt:active{ background:url(../images/on_site/sel_c_dow.svg) no-repeat center center #f5f5f5;	margin:0 25px;}
.tms_on_site_up a.tos_r_bt:active{ background:url(../images/on_site/sel_r_dow.svg) no-repeat center center #f5f5f5;}

.tos_txt_bt,
.tos_pen_bt{ display:flex; justify-content:center; align-items:center; 
	width:40px; height:40px; border-radius:50%; 
	background:#f5f5f5; padding:0; margin:0; box-sizing:border-box;
	box-shadow: 5px 5px 10px rgb(0,0,0,.3),inset 1px 1px 5px 1px rgba(255,255,255,1);
	overflow:hidden; cursor:pointer;}
.tos_txt_bt img,
.tos_pen_bt img{ width:60%; height:auto;}

.tos_txt_bt{ margin:0 25px 0 0;}
.tos_pen_bt{ margin:0 0 0 25px;}



.tms_on_site_dow{ display:flex; justify-content:center; align-items:center;
	 width:100%; background:#f5f5f5; 
	 padding:0; margin:0; box-sizing:border-box; overflow-x:auto;}


.tms_ulout_sh{ display:flex; justify-content:flex-start;
	width:100%; border-radius:10px; margin:10px;
	box-shadow:inset 2px 2px 12px rgba(0,0,0,.2),inset -2px -2px 10px 5px rgba(255,255,255,1);
	overflow-x:scroll;}

.tms_on_site_dow ul{ display:flex; justify-content:center; align-items:center; list-style:none;
 	 padding:0 10px; margin:0; box-sizing:border-box;}
.tms_on_site_dow ul li{ padding:10px 0; margin:0; box-sizing:border-box;}
.tms_on_site_dow ul li a{ display:block; width:80px; height:auto; padding:0; margin:0; box-sizing:border-box;}
.tms_on_site_dow ul li a img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}

.on_site_line{ display:block; width:2px; height:80px; border-right:solid 1px #fff;	
	background:#b9b9b9; padding:0; margin:0; box-sizing:border-box;}

.on_site_pen{ border-radius:10px; padding:10px 5px; margin:20px 20px 20px 0; box-sizing:border-box;
 	box-shadow:inset 2px 2px 12px rgba(0,0,0,.2),inset -2px -2px 10px 5px rgba(255,255,255,1);}
.on_site_pen a{ display:block; width:80px; height:auto; padding:0; margin:0; box-sizing:border-box;}
.on_site_pen a img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}



/* -- 220617 紅色欄位 -- */
.tms_statistics_box{ display:flex; justify-content:space-between; align-items:start; width:100%;
	padding:0; margin:0 0 20px 0; box-sizing:border-box;}
.tms_statistics_txt{ font-size:1.2em; font-weight:bold; line-height:22px; padding:0; margin:0; box-sizing:border-box;}
.tms_sta_rbox{ display:flex; justify-content:flex-end; align-items:center;
	width:calc(100% - 50px); height:50px; text-align:right; border-radius:10px; color:#fff; 
	background:#f00; padding:10px; margin:0; box-sizing:border-box;}
.tms_sta_rbox p{ font-size:2em; color:#fff; padding:0; margin:0; box-sizing:border-box;}
.tms_sta_rbox span{ font-size:1em; color:#fff; padding:0; margin:9px 0 0 10px; box-sizing:border-box;}

.tms_statistics_ins{ display:flex; justify-content:space-between; align-items:center; 
	width:calc(100% - 50px); height:50px;
	padding:0; margin:0; box-sizing:border-box;}

.tms_sta_inwbox{ width:49%; text-align:right; background:#fff; padding:0; margin:0; box-sizing:border-box;}
.tms_list_box .tms_sta_inwbox p{ padding:0 10px 3px 0; margin:0; box-sizing:border-box;}

.tms_sta_inrbox{ display:flex; justify-content:flex-end; align-items:center;
	 height:50px; text-align:right; border-radius:10px; color:#fff; 
	background:#f00; padding:10px; margin:0; box-sizing:border-box;}
.tms_list_box .tms_sta_inrbox p{ font-size:2em; color:#fff; padding:0; margin:0; box-sizing:border-box;}
.tms_list_box .tms_sta_inrbox span{ font-size:1em; color:#fff; padding:0; margin:9px 0 0 10px; box-sizing:border-box;}

.tsb_20{ margin:20px 0 30px 0;}

.tst_do{ margin:0 0 -25px 0; }


	/* -- 2022-08-05 -- */
.tms_memo_box{ padding:0; margin:0; box-sizing:border-box;}
.tms_memo_ul{ list-style-type:disc; padding:0; margin:0; box-sizing:border-box;}
.tms_memo_title{ width:100%; height:auto; text-align:center; font-size:1.5em; font-weight:bold; 
	border-bottom:solid 2px #999; color:#272727; background:#fff; padding:0 0 10px 0; margin:0 0 20px 0; box-sizing:border-box;}
.tms_memo_ul li{ line-height:30px; font-size:1.2em; color:#6d6d6d; padding:0; margin:0 0 0 30px; box-sizing:border-box;}




@media (max-width: 1280px) {
	/* -- 案件列表 -- */
	.tms_service_bar{ width:92%;}
	.tms_service_bar button{ display:flex; align-items:center; width:24%;}

	.group_a,
	.group_b,
	.group_c{ width:48% !important;}

	.group_full{ width:100% !important;}

	/* -- 服務 技術 通知 -- */
	.notify_spp{ height:105px;}

	/* -- 派車 通知 -- */
	.tms_list_box{ width:90%; border-bottom:solid 1px #d0d0d0;
		padding:0 5px; margin:0 auto 15px auto; box-sizing:border-box;}
	.tms_list_box p{ font-size:1em; color:#727171; padding:0; margin:0 0 5px 0; box-sizing:border-box;}
	.tms_list_box h4{ font-size:1.5em; font-weight:bold; color:#3e3a39; 
		padding:0; margin:0 0 5px 0; box-sizing:border-box;}

	.tms_list_inbar{ justify-content:flex-start; width:96%;}
	.tli_a,
	.tli_b{ margin:0 20px 0 0;}

	/* -- 事故現場 -- */
	.tms_on_site_dow{ justify-content:flex-start;}
	.tms_on_site_dow ul li a{ width:150px;}


/* -- 220617 紅色欄位 -- */
.tms_sta_rbox p{ font-size:2em; color:#fff;}

.down_table{ width:92%;}
}


@media (max-width: 768px) {
	.tms_service_bar button{ display:flex; align-items:center; width:48%;}
	.tms_on_site_zone{ width:100%; left:0; padding:0; margin:0; box-sizing:border-box;}
	.tms_on_site_dow ul li a{ width:122px;}


/* -- 2022/07/15 -- */
.tms_pop_pixs li button{ font-size:1.2em; padding:5px 0;}
.tpp_boxs{ height:240px;}



.group_titbat_boa{ width:50%; margin:0 0 10px 0;}
.group_titbat_boa:nth-child(even){ border-right:none;}

.group_titbat_boa:last-child{ border-right:none;}
.group_titbat_bob{ width:100%; height:auto; font-size:1em; padding:0 0 0 15px; margin:0; box-sizing:border-box;}

}

@media (max-width: 600px) {
	.tms_on_site_dow ul li a{ width:96px;}
}


@media (max-width: 500px) {
	/* -- 2022/05/20 -- */
	.acc_bbt_boxl .acc_bboxl_b span{ display:block;}
	.acc_bbt_boxr .acc_bboxr_b span{ display:block;}
}


@media (max-width: 444px) {
.wrap{ width:100%;}
.main{ width:100%;}
.tms_on_site_zone{ width:100%; left:0;}


/* -- 登入 跳出視窗 -- */
.pop-window{ width:360px; height:340px; border-radius:8px; background:#fff; 
	padding:0; margin:20% auto 0 auto; box-sizing:border-box; z-index:80; 
	position:absolute; top:12%; left:calc(50% - 180px);}

/* -- 登入 -- */
.tms_login_zone{ width:80%; text-align:center; padding:0; margin:0 auto; box-sizing:border-box;}
.tms_login_title{ width:60%; height:auto; padding:20% 0 0 0; margin:0 auto 6% auto; box-sizing:border-box;}
.tms_footer_txt{ width:80%; line-height:22px; text-align:left; font-size:1em; color:#fff; 
	padding:0 0 50px 0; margin:0 auto; box-sizing:border-box;}

/* -- 案件列表 -- */
.tms_service_bar{ /*width:92%;*/ }
.tms_service_bar button{ width:48%; font-size: 13px;}

	.group_a img,
	.group_b img{ display:none !important;}

/* -- 服務 技術 通知 -- */
.notify_spp{ height:85px;}

/* -- 派車 通知 -- */
.tms_list_inbar{ justify-content:space-between; width:90%; margin:}
.tli_a,
.tli_b{ margin:0;}

/* -- 事故現場 -- */
.tms_on_site_dow{ justify-content:flex-start;}



/* -- 2022/07/08 -- */
.show_zone{ display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start;
	width:90%; padding:0 0 0 10px; margin:30px auto 0 auto; box-sizing:border-box;}
.show_zone_box{ display:flex; justify-content:center; align-items:center; 
	width:48%; height:auto; border:solid 2px #d9c4c4; border-radius:10px; 
	background:#ccc; padding:0; margin:0 0 15px 0; box-sizing:border-box; 
	box-shadow:8px 8px 10px rgba(0,0,0,.1); overflow:hidden;}
.show_zone_box img{ width:100%; height:auto; padding:0; margin:0; box-sizing:border-box;}
.show_zone_box button{ width:80px; height:40px; font-size:1.1em; font-weight:800; border-radius:10px;
	position:absolute; top:20px; right:20px;}


.tms_pop_pixs li{ width:46%; text-align:center; padding:0; margin:0 20px 20px 0; box-sizing:border-box;}
.tms_pop_pixs li:nth-child(3n-1){ margin:0 0 20px 0;}
.tms_pop_pixs li:nth-child(5n-1){ margin:0 0 20px 0;}
.tms_pop_pixs li:nth-child(9n-1){ margin:0 20px 0 0;}

.tpp_boxs_txt{ width:40%; font-size:1.1em; margin:0 0 10px 30px;}

/* -- 2022/07/15 -- */
.tms_pop_pixs li button{ font-size:1em; padding:5px 0;}
.tpp_boxs{ height:130px;}

.group_boxs{ flex-wrap:wrap; padding: 15px 15px 5px 15px;}
.group_boa{ width:47%; margin:0 0 15px 0;}

.car_list{ padding:0;}

.car_no{ width:30%; padding:0 0 0 10px !important;}
.car_area,
.car_status{ width:15%; text-align:center; padding:0 !important;}
.car_type,
.car_btn{ width:20%; text-align:center; padding:0 !important;}

.car_btn button{ font-size:1em !important; padding:3px 10px !important; margin:0 0 0 10px !important; box-shadow:none !important;}



}

@media (max-width: 375px) {
	.tms_service_bar button{font-size: 12px;}
	/* -- 登入 跳出視窗 -- */
	.pop-window{ width:320px; height:310px; top:12%; left:calc(50% - 160px);}

	/* -- 案件列表 -- */
	.tms_service_bar{  }
	.tms_pj_type span,
	.tms_pj_no span{ font-size:1.1em; font-weight:bold;}
	.tms_pj_address{ display:flex; align-items:stretch;}
	.tms_pj_address label{ width:79px; border-right:solid 2px #00adba; padding:0 10px 0 0; margin:0 10px 0 0; box-sizing:border-box;}


	/* -- 派車 通知 -- */
	.tlie_a,
	.tlie_b{ margin:0 15px 15px 0; padding:5px;}

	.notify_upload_l{ width:45%;}

	/* -- 2022/07/15 -- */
	.tms_pop_pixs li button{ font-size:1em; padding:5px 0;}
	.tpp_boxs{ height:120px;}

}

@media (max-width: 320px) {
.tms_service_bar button{font-size: 9px;}
.tms_list_box .tms_sta_inwbox p{ padding:0; }

.tli_a,
.tli_b{ padding:5px;}

/* -- 派車 通知 -- */
.tlie_a,
.tlie_b{ margin:0 13px 13px 0;}
}

@media (max-width: 280px) {
}