@charset "utf-8";

/* ====================== reset ====================== */
/* ----- Element ----- */
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,select,
p,blockquote,
th,td { margin:0; padding:0; }

table { border-collapse:collapse; border-spacing:0;  }

fieldset, a img, img { border:0; }

address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }

ol,ul,dl { list-style:none;}

caption,th { text-align:left; }

h1,h2,h3,h4,h5,h6 { font-weight:normal; }

q:before,q:after { content:''; }
abbr,acronym { border:0; }
::-moz-focus-inner{ border: 0; }
a { outline:none; cursor:pointer; }
img { border:0; }
sup, sub { line-height:-1px; vertical-align:text-top; }
sub { vertical-align:text-bottom; }
i{ font-style: normal !important;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
/* WebKit browsers */
color: #ccc;
}
input:-moz-placeholder, textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #ccc;
}
input::-moz-placeholder, textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #ccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #ccc;
}
input[type="text"]:disabled,
textarea:disabled
{ 
background-color: #ebebe4;
}
button:focus{outline: none;}
/* -- strong --*/
strong, .bold { font-weight:bold; }
/* -- cap --*/
.cap { margin:2px 0 0 0; padding-left:1em; text-indent:-1em; }

/* -- clear -- */
.clear { clear:both; }
br.clear { display:block; clear:both; margin:0; padding:0; line-height:1%; font-size:1%; }

/* -- cf -- */
.cf:before,.cf:after{
    content:"";
    display:table;
}
.cf:after{clear:both;}
.cf{
    *zoom:1;/*IE/7/6*/
}

/* -- clear iphone  appearance-- */
input[type="button"], 
input[type="submit"], 
input[type="reset"],
a{
-webkit-appearance: none;
}
textarea {  
  -webkit-appearance: none;
  resize: none;
  display: block; 
  padding-top: 5px; 
  padding-bottom: 5px;
}
select { 
  height: 28px;
  border-radius: 3px;
}
input[type="text"]{ 
  height: 26px; 
  
}
.el-input__inner{
  border-radius: 1px!important;
  padding-left: 2%!important;
}
.el-input {
  position: relative;
  font-size: 12px!important;
  display: inline-block;
  width: 100%;
}
textarea, 
select, 
input {
    border: 1px solid #cccccc;
    padding-left: 5px; 
    padding-right: 5px;
    font: 100 12px Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
.backgroundT,.backgroundT button{ background: transparent; }
/* ====================== commn ====================== */
.check_vertical{
  vertical-align:middle; margin-top:0;
}
.dn{ display:none !important;}
.di{ display: inline !important; }
.diblock{ display:inline-block !important; }
.relt{ position:relative}
.ablt { position:absolute;}
.resizeNone{resize:none;}
.border-collapse table{border-collapse:inherit !important}
.borderCCC{ border:1px solid #cccccc;}
.borderRightNone{ border-right: none !important;}
.borderLeftNone{ border-left: none !important;}
.borderTopNone{ border-top: none !important;}
.borderBottomNone{ border-bottom: none !important;}
.table_borderCCC{border-top: 1px solid #aaaaaa;border-right: 1px solid #aaaaaa;border-left: 1px solid #cccccc;}
.borderBCCC{ border-bottom:1px solid #cccccc;}
.borderTopCCC{ border-top:1px solid #cccccc;}
.borderLfetBCCC{ border-left:1px solid #cccccc!important;}
.borderRightBCCC{ border-right:1px solid #cccccc!important;}
.borderd7d6c6{ border:1px solid #d7d6c6!important;}
.border73a1c8{ border:1px solid #73a1c8!important;}
.borderdT7d6c6{ border-top:1px solid #d7d6c6!important;}
.borderdL7d6c6{ border-left:1px solid #d7d6c6!important;}
.borderdRccc{ border-right:1px solid #ccc !important;}
.borderT99{ border-top:1px solid #999999!important;}
.borderB99{ border-bottom:1px solid #999999!important;}
.borderBcc{ border-bottom:1px solid #cccccc!important;}
.borderBe1e0ce{ border-bottom:1px solid #e1e0ce!important;
  margin-bottom: 5px;
}
.borderBe1e0ceTop{ border-top:1px solid #e1e0ce!important;
  margin-top: 5px;padding: 5px 0;
}
.borderBDcd{ border-bottom:1px dashed #cdcdcd!important;}
.border666666{border:1px solid #666666;}
.borderRfff{border-right:1px solid #ffffff!important;}
.borderBfff{border-bottom:1px solid #ffffff!important;}
.borderBff{ border-top:1px solid #ffffff!important;border-left:1px solid #ffffff!important;}
.borderBT73a1c8{ border-top:3px solid #73a1c8!important;}
.borderBT73a1c8_1{ border-top:1px solid #73a1c8!important;}
.borderBR73a1c8{ border-right:1px solid #73a1c8!important;}
.borderBB73a1c8{ border-bottom:1px solid #73a1c8!important;}
.boderLeftNone{border-left:none !important;}
.boderRightNone{border-right:none !important;}
.borderTop26Tran{border-top: 26px solid transparent;}
.borderBottom26Tran{border-bottom: 26px solid transparent;}
.boderLeft20CCC{border-left: 20px solid #ccc;}
.boderLeft20fff{border-left: 20px solid #fff;}
.boderLeft20e7faff{border-left: 20px solid #e7faff !important;}
.nb{ border:none!important;}
.nobt{ border-bottom:none!important;}
.noTL { border-top:none!important;}
.noRL { border-right:none!important;}
.noLL { border-left:none!important;}
.tableCCC td{border-bottom: 1px solid #aaaaaa;padding: 7px 5px;}
.nbg { background-color:#ffffff!important;}
.bg_ccc { background-color:#cccccc!important;}
.bg_ccc  input,.inputCCC input{background:#e3e2e2}
.bg_d0d0d0 { background-color:#d0d0d0!important;}
.bg_e8f2fb { background-color:#e8f2fb!important;}
.bg_f5f5f6 { background-color:#f5f5f6!important;}
.bg_e1e0ce { background-color:#e1e0ce!important;}
.bg_fff5e9 { background-color:#fff5e9!important;}
.bg_f2f1f1 { background-color:#f2f1f1!important;}
.bg_f9f9f9 { background-color:#f9f9f9!important;}
.bg_e7faff { background-color: #e7faff!important;}
.bg_ececec { background-color: #ececec !important;}
.bg_e6e6e6 { background-color: #e6e6e6!important;}
.bg_eff4eb { background-color: #eff4eb!important;}
.bg_f2dddb { background-color: #f2dddb!important;}
.hand{cursor: pointer;}
.fll{float:left;}
.flr{float:right!important;}
.fln{float: none !important;}
.tb_th_left_none tr th:last-child,.tb_th_left_none tr td:last-child{border-right:none !important;}
.txtR{text-align:right;}
.dis_no{ display:none;}
.dis_blk{ display: block;}

.tal{ text-align:left!important;}
.tac{ text-align:center!important;}
.tar{ text-align:right!important;}
.f10 {font-size:10px;}
.f12 {font-size:12px!important;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f30 {font-size:30px!important;}
.fontB { font-weight:bold;}
.fontBO { font-weight: normal!important;}
.fontFB{ font-family: HG創英角ｺﾞｼｯｸUB;}
.color000000 { color:#000000!important;}
.colorb1b1b1 { color:#b1b1b1;}
.colorcccccc { color:#cccccc;}
.color666666 { color:#666666!important;}
.colorc6c6c6 { color:#c6c6c6!important;}
.color999999 { color:#999999;}
.color3073ac { color:#3073ac;}
.color73a1c8 { color:#73a1c8;}
.colorcc9966 { color:#cc9966;}
.colorff0000 { color:#ff0000!important;}
.colorff9900 { color:#ff9900!important;}
.colorff9c08 { color:#ff9c08!important;}
.colordc5050 { color:#dc5050!important;}
.color65ac52 { color:#65ac52!important;}
.borderBlue { border: 1px solid #73a1c8}
.borderRed { border: 1px solid#ff0000}

.font_ffffff{ color:#ffffff!important;}
.font_73a1c8{ color:#73a1c8!important;}
.font_c6c6c6{ color:#c6c6c6!important;}
/* -------------------- txt -------------------- */
.no_wrap{
    word-break:keep-all;
    word-wrap:normal;
    white-space:nowrap;
}
.wrap{
    word-break:break-all;
    word-wrap:break-word;
    white-space:normal;
}

/* -------------------- space -------------------- */
.m00{ margin:0 !important;}
.m0A{ margin: 0 auto!important;}
.m00A{ margin:30px auto 20px!important;}
.mb00{ margin-bottom:0 !important;}
.mt00{ margin-top:0 !important;}
.mr00{ margin-right:0 !important;}
.p00{ padding:0 !important;}
.p0b button{ padding-left: 0 !important;padding-right: 0 !important;}
.pr0{ padding-right:0 !important;}
.pb0{ padding-bottom:0 !important;}
.pb4{ padding-bottom: 4px !important; }
.pb5{ padding-bottom: 5px !important;}
.pb8{ padding-bottom: 8px; }
.pb20{ padding-bottom: 20px !important;}
.pt1{ padding-top: 1px !important;}
.pt3{ padding-top: 3px !important;}
.pt5{ padding-top: 5px !important;}
.pt7{ padding-top: 7px !important;}
.pt8{ padding-top: 8px !important;}
.pt10{padding-top: 10px !important;}
.pb20{ padding-bottom: 20px !important;}
.plr0_5{ padding:0 5px !important;}
.plr4_5{ padding:4px 5px;}
.plr8_5{ padding:8px 5px!important;}
.plr10_20{ padding:10px 20px!important;} 
.ptb9d5_0{ padding: 9.5px 0;}
.top0{ top:0!important;}
.p5{ padding:5px!important;}
.p10{padding:10px!important;}
.pl2{ padding-left:2px!important;}
.pl5{ padding-left:5px!important;}
.pl108{ padding-left:108px!important;}
.pl8d4{ padding-left:8.4px!important;}
.pl10{ padding-left:10px!important;}
.pl20{ padding-left:20px!important;}
.pr15{ padding-right:15px!important;}
.pr20{ padding-right:20px!important;}
.mtf1{ margin-top:-1px!important;}
.mt0{ margin-top:0px!important;}
.mt2{ margin-top:2px!important;}
.mt3{ margin-top:3px!important;}
.mt5{ margin-top:5px;}
.mt6{ margin-top:6px;}
.mt8{ margin-top:8px !important;} 
.mt10{ margin-top:10px !important;} 
.mt14{ margin-top:14px!important;}
.mt15{ margin-top:15px!important;}
.mt20{ margin-top:20px!important;}
.mt25{ margin-top:25px!important;;}
.mt27{ margin-top:27px;}
.mt30{ margin-top:30px !important;}
.mt35{ margin-top:35px!important;}
.mt40{ margin-top:40px!important;}
.mt45{ margin-top:45px!important;}
.mt50{ margin-top:50px!important;}
.mt56{ margin-top:56px!important;}
.mt60{ margin-top:60px;}
.mt75{ margin-top:75px;}
.mt100{ margin-top:100px;}
.mt125{ margin-top:125px;}

.mb2{ margin-bottom:2px;}
.mb3{ margin-bottom:3px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px!important;}
.mb15{ margin-bottom:15px!important;}
.mb12{ margin-bottom:12px!important;}
.mb20{ margin-bottom:20px!important;}
.mb30{ margin-bottom:30px!important;}
.mb36{ margin-bottom:36px;}
.mb40{ margin-bottom:40px;}
.mb75{ margin-bottom:75px!important;}
.mb100{ margin-bottom:100px!important;}
.mb160{ margin-bottom:160px;}
.mb188{ margin-bottom:188px;}

.ml0{ margin-left:0px!important;}
.ml2{ margin-left:2px;}
.ml5{ margin-left:5px;}
.ml6{ margin-left:6px;}
.ml10{ margin-left:10px!important;}
.ml12{ margin-left:12px;}
.ml15{ margin-left:15px;}
.ml17{ margin-left:17px;}
.ml20{ margin-left:20px;}
.ml22{ margin-left:22px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}
.ml45{ margin-left:45px;}
.ml55{ margin-left:55px;}
.ml60{ margin-left:60px;}
.ml80{ margin-left:80px;}
.ml100{ margin-left:100px;}
.ml120{ margin-left:120px;}
.ml150{ margin-left:150px;}
.ml185{ margin-left:185px;}
.ml200{ margin-left:200px;}
.ml240{ margin-left:240px;}
.ml300{ margin-left:300px;}
.ml310{ margin-left:310px;}
.ml350{ margin-left:350px;}
.ml400{ margin-left:400px;}
.ml440{ margin-left:440px;}
.ml480{ margin-left:480px;}
.ml500{ margin-left:500px;}
.ml563{ margin-left:563px;}
.ml570{ margin-left:570px;}
.ml635{ margin-left:635px!important;}
.ml695{ margin-left:695px;}
.ml865{ margin-left:865px;}
.mlb1{margin-left: 1%;}
.l_00{ left:0 !important; } 
.l_640{ left:640px !important; } 
.l_630{ left:630px !important; } 
.l_796{ left:796px !important; }
.l_990{ left:990px !important; }
.l_1000{ left:1000px !important; }
.l_1196{ left:1196px !important; }
.mbl5{margin-left:0.5%;}
/*.ml18p{ margin-left:18%;}*/
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr18{ margin-right:18px;}
.mr20{ margin-right:20px;}
.mr22{ margin-right:22px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr33{ margin-right:33px;}
.mr40{ margin-right:40px;}

.wauto{width:auto!important;}
.w18{ width:18px;}
.w20{ width:20px;}
.w22{ width:22px!important;}
.w35{ width:35px;}
.w40{ width:40px!important;}
.w50{ width:50px!important;}
.w55{ width:55px!important;}
.w60{width: 60px!important;}
.w65{ width:65px;}
.w70{ width:70px!important;}
.w80{ width:80px!important;}
.w83{ width:83px!important;}
.w88{ width:88px!important;}
.w89{ width:89px!important;}
.w90{ width:90px!important;}
.w100{ width:100px!important;}
.width100{ width: 100% !important;}
.w110{ width:110px!important;}
.w120{ width:120px!important;}
.w127{ width:127px!important;}
.w130{ width:130px!important;}
.w140{ width:140px!important;}
.w144{ width:144px;}
.w147{ width:147px;}
.w150{ width:150px!important;}
.w155{ width:155px!important;}
.w160{ width:160px!important;}
.w163{ width:163px!important;}
.w172{ width:172px!important;}
.w175{ width:175px!important;}
.w179{ width:179px;}
.w180{ width:180px;}
.w190{ width:190px!important;}
.w197{ width:197px!important;}
.w200{width: 200px!important;}
.w210{ width:210px!important;}
.w222{ width:222px!important;}
.w225{ width:225px!important;}
.w230{ width:230px!important;}
.w240{ width:240px!important;}
.w250{ width:250px!important;}
.w254{ width:254px!important;}
.w255{ width:255px!important;}
.w260{ width:260px!important;}
.w270{ width:270px!important;}
.w280{ width:280px;}
.w290{ width:290px!important;}
.w300{ width:300px!important;}
.w309{ width:309px!important;}
.w318{ width:318px!important;}
.w320{ width:320px!important;}
.w350{ width:350px!important;}
.w360{ width:360px;}
.w380{ width:380px;}
.w388{ width:388px;}
.w395{ width:395px;}
.w405{ width:405px;}
.w415{ width:415px;}
.w450{ width:450px!important;}
.w445{ width:445px!important;}
.w480{ width:480px!important;}
.w510{ width:510px!important;}
.w520{ width:520px!important;}
.w530{ width:530px!important;}
.w540{ width:540px!important;}
.w555{ width:555px;}
.w578{ width:578px;}
.w579{ width:579px;}
.w580{ width:580px;}
.w600{ width:600px;}
.w601{ width:601px;}
.w603{ width:603px;}
.w640{ width:640px!important;}
.w630{ width:630px!important;}
.w650{ width:650px;}
.w670{ width:670px;}
.w679{ width:679px;}
.w680{ width:680px;}
.w700{ width:700px!important;}
.w720{ width:720px!important;}
.w722{ width:722px!important;}
.w729{ width:729px!important;}
.w740{ width:740px!important;}
.w769{ width:769px!important;}
.w770{ width:770px!important;}
.w777{ width:777px!important;}
.w778{ width:778px!important;}
.w779{ width:779px!important;}
.w780{ width:780px!important;}
.w783{ width:783px!important;}
.w799{ width:799px!important;}
.w830{ width:830px;}
.w860{ width:860px!important;}
.w900{ width:900px!important;}
.w918{ width:918px!important;}
.w930{ width:930px!important;}
.w960{ width:960px!important;}
.w990{ width:990px!important;}
.w1000{ width:1000px!important;}
.w1060{ width:1060px!important;}
.w1080{ width:1080px!important;}
.w1200{ width:1200px;margin: 0 auto;}
.w1300{ width:1300px!important;}
.w1320{ width:1320px!important;}
.w1340{ width:1340px!important;}
.w1350{ width:1350px!important;}
.w1362{ width:1362px!important;}
.w1380{ width:1380px!important;}
.w1400{ width:1400px;}
.w1480{ width:1480px!important;}
.w1490{ width:1490px!important;}
.w1580{ width:1580px;}
.w1700{ width:1700px!important;}
.w100f{ width:100%!important;}
.wAuto{ width:auto!important;}
.wb7{ width: 7% }
.wb7d3{ width: 7.3%; }
.wb39d2{ width: 39.2%; }
.wb39d25{ width: 39.25%; }
.wb49{width: 49%;}
.wb50{width: 50%;}
.wb53d4{ width: 53.4%; }
.wb76{ width:76%; }
.wb84{ width:84%; }
.wb92{ width:92%!important; }
.wb95{ width:95%!important; }
.wb95d5{ width:95.5%!important; }
.wb96{ width:96%; }
.wb97{ width:97%; }
.wb97_5{ width:97.5%; }
.wb98{ width:98% !important;}
.wb98_5{ width:98.5% !important;}
.wb99{ width:99%!important; }
.wb998{ width:99.8%!important; }
.wb101{ width:101.5%!important; }

.h8{ height: 8px!important; }
.h15{ height: 15px!important; }
.h20{ height: 22px!important; }
.h21{ height: 21px; }
.h22{ height: 22px; }
.h24{ height: 24px; }
.h25{ height: 25px; }
.h26{ height: 26px; }
.h28{ height: 28px; }
.h30{ height: 30px; }
.h30d4{height: 30.4px; }
.h32{ height: 32px!important; }
.h40{ height: 40px; }
.h42{ height: 42px;}
.h50{ height: 50px!important; }
.h52{ height: 52px; }
.h61{ height: 61px!important; }
.h70{ height: 70px; }
.h80{ height: 80px!important; }
.h85{ height: 85px!important; }
.h90{ height: 90px!important; }
.h100{ height: 100px!important; }
.h102{ height: 102px!important; }
.h112{ height: 112px; }
.h115{ height: 115px; }
.h140{ height: 140px!important; }
.h160{ height: 160px!important; }
.h179{ height: 179px!important; }
.h200{ height: 200px; }
.h220{ height: 220px!important; }
.h222{ height: 222px!important; }
.h229{ height: 229px!important; }
.h270{ height: 270px!important; }
.h300{ height: 300px!important; }
.h301{ height: 301px!important; }
.h330{ height: 330px!important; }
.h357{ height: 357px!important; } 
.h371{ height: 371px!important; } 
.h385{ height: 385px!important; } 
.h386{ height: 386px!important; } 
.h387{ height: 387px!important; }
.h394{ height: 394px!important; }
.h400{ height: 400px!important; }
.h420{ height: 420px!important; }
.h430{ height: 430px!important; }
.h450{ height: 450px!important; }
.h458{ height: 458px!important; }
.h470{ height: 470px!important; }
.h500{ height: 500px!important; }
.h505{ height: 505px!important; }
.h520{ height: 520px!important; }
.h600{ height: 600px!important; }
.h640{ height: 640px!important; }
.h650{ height: 650px!important; }
.hAuto{ height:auto!important;}
.h100b{ height: 100%;}

.lineH0{ line-height:0;}
.lineH12{ line-height:12px;}
.lineH15{ line-height:15px;}
.lineH20{ line-height:20px!important;}
.lineH22{ line-height:22px!important;}
.lineH23{ line-height:23px!important;}
.lineH25{ line-height:25px!important;}
.lineH26{ line-height:26px!important;}
.lineH28{ line-height:28px!important;}
.lineH34{ line-height: 34px!important;}
.lineH40{ line-height:40px!important;}
.lineH42{ line-height: 42px;}
.lineH45{ line-height:45px!important;}
.min-height270{min-height:270px;}
.min-height120{min-height:120px;}
.right0{right:0;}
.right1{right:1px;}
.right1d5{right:1.5px;}
.right2{right:2px;}
.right2d2{right:2.2px;} 
.right3{right:3px;}
.right5{right:5px;}
.right10{right:10px !important;}
.rightf16{right:-16px !important;}
.rightf17{right:-17px !important;}
.right20{right:20px !important;}
.right25{right:25px !important;}
.right6{right:6px !important;}
.right12{right:12px !important;}  
.right120{right:120px !important;}
.right175{right:175px !important;}
.rightf4{right:-4px !important;}
.rightf17{right:-17px !important;}
.rightf16{right:-16px !important;}
.rightf156{right:-156px !important;}
.leftauto{ left:auto !important}
.leftf1{left: -1px;}
.left5{left: 5px;}
.left18{left: 18px;}
.left38{left: 38px;}
.left400{left: 400px;}
.leftf11{left: -11px;}
.left1030{ left: 1030px !important; }
.leftauto{left: auto !important;}
.top0{top:0}
.top1{top:1px}
.top2{top:2px}
.top3{top:2px} 
.top4{top:4px}
.top5{top:5px}
.top6{top:6px !important; }
.top10{top:10px !important; }
.top26{top:26px}
.top35{top:35px !important; }
.top40{top:40px}
.topf1{top:-1px}
.topf2{top:-2px}
.topf5{top:-5px}
.topf20{top:-20px !important;}
.topf57{top:-57px}
.topf58{top:-58px}
.top64{top:64px}
.top57{top:57px}
.top78{top:78px}
.top90{top:90px}
.topf357{top:-357px}
.topf301{top:-301px}
.top217{top:217px !important;}
.top209{top:209px !important;}
.top505{top:505px !important;}
.top439{top:439px !important;}
.top450{top:450px !important;}
.top459{top:459px !important;}
.top471{top:471px !important;}
.topb14{top: 14% !important;}
.topb130{top:130% !important;}
.topb93{top:93% !important;}
.bottom0{bottom: 0 !important;}
.bottom1{bottom: 1px !important;}
.bottom2{bottom: 2px !important;}
.bottom104{bottom: 104px;}
.fontBold {font-weight: 600 !important;}
.fontSize10{ font-size:10px!important;}
.fontSize28{ font-size:28px!important;}
.overflowStyle {
    overflow-y: auto;
}
.overflow-x {
    overflow-x: auto;
}
.overflow-x-h {
  overflow-x:hidden !important;
}
.overflow-y-h {
  overflow-y:hidden !important;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-i{
  overflow: inherit !important;
}
.overflow-s{ overflow: scroll;}
.z-index2{z-index: 2 !important;}
.z-index3{z-index: 3 !important;}
.z-index4{z-index: 4 !important;}
.z-index5{z-index: 5 !important;}
.inline-block{display:inline-block;}
.vertical-align-top{vertical-align: top;}
.color000{color:#000}
.font-style-n{font-style: normal;}
.borderad3{ border-radius: 3px; }
.corner1::after{
  content: '';
  position: absolute;
  top: -26px;
  right: 1px;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  border-left: 20px solid #ccc;
}
/* ========== TCI-CN ============
green:#92b364;
link:#64b2b3;
================================= */
body{
    background-color:#ffffff;
    color:#333333;
    font-family: Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size:12px;
    line-height: 1.6;
}
a,a:link, a:visited {
    color:#0099ff;
    text-decoration:none;
}
a:hover, a:active {
    color:#0099ff;
    text-decoration:underline;
}

/* ====================== commn layout================ */
.hdrArea,
.mainArea,
.ftrArea{
    width:100%;
    min-width:1900px;
    text-align:center;
    margin:0 auto;
}
.msec{
    width:1700px;
    margin:0 auto;
}
.mainArea{
    /* border-bottom: #73a1c8 1px solid; */
    padding-bottom: 50px;
    margin-bottom: 2px;
}
.ftrArea{
    border-top: #73a1c8 4px double;
    padding: 10px 0 40px;
}
/*------------------------ hdrArea-------*/
/*------- main_sec-------*/
.hdrArea .main_sec {
    border-bottom: #73a1c8 1px solid;
    height: 100px;
    margin-bottom: 2px;
    line-height: 1;
/*  margin-top:30px;
*/}
.hdrArea .main_sec .leftCol{
    padding-top: 30px;
    float: left;
}
.hdrArea .main_sec .rightCol{
    padding-top: 5px;
    float: right;
}
/*-- leftCol--*/
.hdrArea .main_sec .leftCol li{
    float: left;
}
.hdrArea .main_sec .leftCol li.logo{
    background: url("../images/hdr-logo-bdr.gif") no-repeat right bottom;
    padding-right: 21px;
    margin-right: 20px;
    line-height: 0;
    font-size: 0;
}
.hdrArea .main_sec .leftCol .coID{
    color: #999999;
    font-size: 12px;
    margin-bottom: 3px;
}
.hdrArea .main_sec .leftCol .coInfo{
    padding-top: 12px;
    text-align: left;
}
.hdrArea .main_sec .leftCol .coName{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}
.hdrArea .main_sec .leftCol .adTxt{
    color: #999999;
    font-size: 10px;
    margin-top: 5px;
}
/*-- rightCol--*/
.hdrArea .topMenu{
    display: flex;
    justify-content: flex-end;
}
.hdrArea .topMenu li{
    margin-left: 10px;
}
.hdrArea .topMenu a{
    background-color: #48c2ea;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    padding: 6px 10px;
}
.hdrArea .topMenu a span{
    display: inline-block;
    padding-left:10px;
}
.hdrArea .topMenu a.btn_guid span{
    background: url("../images/hdr-icon-guid.png") no-repeat left center;
}
.hdrArea .topMenu a.btn_support span{
    background: url("../images/hdr-icon-support.png") no-repeat left center;
}

.hdrArea .usrInfo{
    display: flex;
    align-content: flex-end;
    justify-content: flex-end;
    flex-wrap: wrap;
 /*   height: 72px; */
    margin-top: 30px;
}
.hdrArea .usrInfo li{
    margin: auto 0 0 10px;
    text-align: right;
}
.hdrArea .lastLogin{
    color: #999999;
    font-size: 10px;
    padding:0 0 5px 0;
    display: inline-block;
}
.hdrArea .btn_logout{
    border: #73a1c8 1px solid;
    border-radius: 3px;
    color: #73a1c8;
    display: inline-block;
    padding: 5px 10px;
}
.hdrArea .btn_logout span{
    background: url("../images/hdr-icon-logout.png") no-repeat left center;
    display: inline-block;
    padding-left:15px;
}

/*------- gnav_sec-------*/
.hdrArea .gnav_sec {
    background-color: #73a1c8;
    border-bottom: #9fd3ff 1px solid;
    box-shadow: #cccccc 2px 2px 2px;
}

.hdrArea .gnav_sec .m1Block {
    display: flex;
    float: left;
    border-left: #ffffff 1px solid;
}

.hdrArea .gnav_sec .m1Block li {
    border-right: #ffffff 1px solid;
    height: 40px;
    width: 140.6px;
}

.hdrArea .gnav_sec .m1Block li.cur {
    background: url("../images/gnav-m1-bgon.jpg") repeat-x bottom left;

}

.hdrArea .gnav_sec .m1Block a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 13px 0;
    position: relative;
}

.hdrArea .gnav_sec a.cur,
.hdrArea .gnav_sec a:hover {
    background: url("../images/gnav-m1-bgon.jpg") repeat-x bottom left;
}

.hdrArea .gnav_sec span {
    display: inline-block;
}

.hdrArea .gnav_sec a .m1-hasSub {
    background: url("../images/gnav-m1-more.png") no-repeat right bottom;
    width: 6px;
    height: 6px;
    margin-left: 2px;
    line-height: 0;
    font-size: 0;
}

.hdrArea .gnav_sec a.cur .m1-hasSub,
.hdrArea .gnav_sec a:hover .m1-hasSub {
    transform: rotate(45deg);
    transition: all 0.2s ease-out;
}

/* gnav:m2Block */
.hdrArea .gnav_sec .m2Block {
    position: relative;
    background-color: #73a1c8;
    border-top: #E4ECF4 1px solid;
    padding: 0 1px;
    width: 210px;
    display: none;
    box-shadow: #cccccc 2px 2px 2px;
    z-index: 9999;
}

.hdrArea .gnav_sec li:hover>.m2Block,
.hdrArea .gnav_sec .m2Block:hover {
    visibility: visible;
    opacity: 1;
    display: block;
}

.hdrArea .gnav_sec .m2Block li {
    width: 210px;
    border-bottom: #E4ECF4 1px solid;
}

.hdrArea .gnav_sec .m2Block a {
    text-align: left;
    padding-left: 5px;
}

.hdrArea .gnav_sec .m2Block li:hover>a {
    background: none;
    color: #73a1c8;
    background-color: #E4ECF4;
}

.m2Block .m2-hasSub:hover>a {
    color: #73a1c8;
    background: url("../images/gnav-m2selected-more.png") no-repeat 197px center;
    background-color: #E4ECF4;
}

.hdrArea .gnav_sec .m2-hasSub {
    background: url("../images/gnav-m2block-more.png") no-repeat 197px center;
}

/* gnav:m3Block */
.hdrArea .gnav_sec .m3Block {
    position: relative;
    background-color: #E4ECF4;
    padding: 1px 1px;
    width: 210px;
    display: none;
    box-shadow: #cccccc 2px 2px 2px;
    z-index: 99999;
}

.hdrArea .gnav_sec li:hover>.m3Block,
.hdrArea .gnav_sec .m3Block:hover {
    visibility: visible;
    opacity: 1;
    display: block;
    position: relative;
    left: 100%;
    top: -40px;
}

.hdrArea .gnav_sec .m3Block li {
    width: 210px;
    border-bottom: #73a1c8 1px solid;
    border-right: #73a1c8 1px solid;
    border-left: #73a1c8 1px solid;
}

.hdrArea .gnav_sec .m3Block li:first-child {
    border-top: #73a1c8 1px solid;
}

.hdrArea .gnav_sec .m3Block a {
    text-align: left;
    color: #73a1c8;
    background-color: E4ECF4;
}

.hdrArea .gnav_sec .m3Block li:hover>a {
    color: #73a1c8;
    background: white;
}

.hdrArea .gnav_sec .m3Block .m3-hasSub:hover>a {
    color: #73a1c8;
    background: url("../images/gnav-m3selected-more.png") no-repeat 197px center;
    background-color: white;
}

.hdrArea .gnav_sec .m3Block li:hover {
    color: #73a1c8;
    background: white;
    background-color: white;
}

.hdrArea .gnav_sec .m3-hasSub {
    background: url("../images/gnav-m3-more.png") no-repeat 195px center;
}

/*gnav:m4Block */

.hdrArea .gnav_sec .m4Block {
    position: relative;
    background-color: #E4ECF4;
    padding: 1px 1px;
    width: 210px;
    display: none;
    box-shadow: #cccccc 2px 2px 2px;
}

.hdrArea .gnav_sec li:hover>.m4Block,
.hdrArea .gnav_sec .m4Block:hover {
    visibility: visible;
    opacity: 1;
    display: block;
    position: relative;
    left: 100%;
    top: -40px;
}

.hdrArea .gnav_sec .m4Block li {
    width: 210px;
}

.hdrArea .gnav_sec .m4Block a {
    text-align: left;
}

.hdrArea .gnav_sec .m4Block li:hover {
    background-color: #F8F9F9;
}

.hdrArea .gnav_sec .m4Block li:hover a {
    color: #73a1c8;
    background: #F7F8F8;
}

.hdrArea .gnav_sec .msec .btn_setting {
    background: url("../images/setting_icon.png") no-repeat left center;
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    line-height:39px;
}

.hdrArea .gnav_sec .msec .btn_setting a:hover {
    background: none;
}
.hdrArea .gnav_sec .msec .btn_setting a {
    color: #ffffff;
}

/* gnav:m3Block */

/* gnav:m4Block */

/*------- gnav_sec-------*/


/*------- setup01-------*/

.msec .setup01 {
    float:right;
    color:#ffffff;
    font-size:14px;
    background:url(../images/icon_setup_01.png) left center no-repeat;
    padding-left:20px;
}
.msec .setup01 a{ text-decoration:none;}
.msec .setup01 a:hover{
    text-decoration: underline;
    background:none;
}

/*------- message_nv-------*/
.mainArea .message_nv{
    display:block;
    width:1700px;
/*  width:90%;
*/  color:#000000;
    line-height:3.2em;
    border:1px solid #b5ab7b;
    background-color:#fffad8;
    margin:11px auto 0;
    padding: 10px 0;
    }
.mainArea .message_nv .lNv{
    float:left;
    font-size:14px;
    font-weight:bold;
    color:#cc0000;
    line-height: 22px;
}
.mainArea .message_nv .rNv{
    float:left;
    font-size:12px;
    text-align: left;
    line-height: 22px;
    padding: 0 10px;
}
.mainArea .message_nv .close{
    position:absolute;
    right:0;
    top:0;
}
.mainArea .message_nv .close::before{
  content:""
}
/*transition*/
.fade-enter{
  opacity: 0;
}
.fade-enter-active{
  transition: opacity 3s;
}
.fade-leave-to{
  opacity: 0;
}
.fade-leave-active{
  transition: opacity 3s;
}

.close {
    color:#d6c2a3;
    font-size: 22px;
    margin:0 10px 0 0;
    cursor:pointer;
}
.close01 {
  position: absolute;
  float: right;
    color:#000000;
    font-size: 18px;
    cursor:pointer;
  right: 5px;
  top: 0;
}
.close::before, .close01::before {
    content: "\2716";
}
.closeB {
    top: 19px;
    left: 250px;
    color: #ffffff;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    position: relative;
    background-color: #000000;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}
.closeB::before {
    content: "\2716";
}
.font18_bu {
  color: #48c2ea;
  font-size: 18px;
	font-weight:bold;
}
.font24_bu {
    font-size: 24px;
    color: #48c2ea;
}
.font36_bu {
	color:#6699cc;
	font-size:36px;
	line-height:50px;
}


/*------- listNV-------*/
.mainArea .listNV{
/*  width:90%;
*/  margin:30px auto 0;
    }

.mainArea .listNV .lNV{
    float:left;
/*  width:45%;
*/  background-color:#EEE;
}
.mainArea .listNV .lNV h1{
    background:url(../images/h1_ico.png) no-repeat left;
    font-size:16px;
    padding-left:15px;
}




/*-------****************************************-------*/
.mainArea table th,
.mainArea table td,
.mainArea ul li{text-align:left;}

.bgfafafa{background-color:#fafafa;}

.txtRed { color:#ff0000;}
.txtRed01 {
	color:#d11616;
	font-weight:bold;
	text-decoration:underline;
}
.txtRed01:hover {
	color:#d11616;
	text-decoration:none;
}

.txtBlue { color:#0070c0;}

/*------- main_sec01-------*/
.main_sec01{
    width:1700px;
/*  width:90%;
*/  margin:30px auto 2px;
}

.logoBlock{
    float:left;
    margin-top:20px;
}
h1{
  display: flex;
  color: #000000;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  padding-bottom: 10px;
  text-align:left;
}

h2{
    display: flex;
    background:url(../images/h1_ico.png) no-repeat left 0;
    color: #000000;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left:15px;
/*    border-bottom:#ececec 1px solid;
*/}
.h3S{
  text-align: left;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  margin-right: 18px;
  margin-bottom: 10px;
  margin-top: 20px;
  border-bottom:#73a1c8 2px solid;
}

h2 a{
    align-self: flex-end;
    margin-left: auto;
    background: url("../images/icon-more.png") no-repeat left center;
    color: #ff9900 !important;
    font-size: 12px;
    line-height: 16px;
    padding-left: 20px;
    font-weight: normal;
}
h4 {
	color:#666666;
	font-weight:bold;
	border-left:4px solid #666666;
	padding-left:10px;
	line-height:16px;
}
.btn_blue {
    width: 110px;
    background-color: #ffffff;
    border: 1px solid #73a1c8;
    border-radius: 2px;
    text-align: center;
    line-height: 34px;
}
.btn_blue a {
    display: block;
    color: #73a1c8;
    padding:3px 15px;
    text-decoration: none!important;
}
.btn_blue01 {
  width:60px;
  background-color: #ffffff;
  border: 1px solid #73a1c8;
  border-radius: 2px;
  text-align: center;
  line-height: 22px; 
  color: #73a1c8;
  cursor: pointer;
  font-size: 12px;
  padding-bottom: 2px !important;
}
.btn_blue01 a {
  display: block;
  color: #73a1c8;
  text-decoration: none!important;
  position: relative;
  top: -1px;
}
.btn_blue_on,
.btn_blue:hover,
.btn_blue01_on,
.btn_blue01:hover {
    background-color: #e8f2fb;
}
.btn_org {
    display: inline-block;
    font-size:10px;
    border:1px solid #ff9900;
    border-radius:3px;
    cursor: pointer;
}
.btn_org a {
    color: #ff9900;
    text-decoration: none;
    padding:2px 4px;
}
.btn_org01 {
  width: 60px;
  display: inline-block;
  border:1px solid #ff9900;
  border-radius: 2px;
  text-align: center;
  line-height: 22px;
  color: #ff9900;
  cursor: pointer; 
  font-size: 12px;
  padding-bottom: 2px !important;
}
.btn_org01 a {
  color: #ff9900;
  text-decoration: none;
  padding:2px 4px;
  position: relative;
  top: -1px;
}
.btn_org:hover,
.btn_org01:hover {
    background-color: #ffedd2;
}
.btn_org02{
  align-self: flex-end;
  margin-left: auto;
  background: url("../images/add_05.gif") no-repeat left center;
  color: #ff9900 !important;
  font-size: 12px;
  line-height: 15px;
  padding-left: 20px;
  font-weight: normal;
}
.buttonRed {
    display: inline-block;
    color: #cc3333;
    font-size: 16px;
    line-height: 16px;
    border: 2px solid #cc3333;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 4px 3px 2px;
}
.buttonRed a{
    display: block;
    color: #cc3333;
    text-decoration: none;
    padding-left:5px;
    padding-right:5px;
}
.buttonRed:hover{
    color: #cc3333;
    text-decoration: none;
}
.buttonBlack {
    display: inline-block;
    color: #666666;
    font-size: 10px;
    /*border: 1px solid #666666;*/
    border-radius: 2px;
    padding:3px 0px 3px 3px;
    background: #fff;
}
.bg_ccc .buttonBlack {
  background: transparent;
}
.registration_btn01,
.registration_btn02,
.registration_btn03,
.registration_btn04,
.registration_btn06,
.registration_btn07,
.registration_btn08,
.registration_btn09,
.registration_btn10,
.registration_btn11 {
    float: left;
    color: #ff9900;
    font-size: 14px;
    line-height: 34px;
    border: 1px solid #ff9900;
    border-radius: 2px;
}
.registration_btn05 {
    float: left;
    color: #ff9900;
    font-size: 14px;
    line-height: 34px;
    border: 1px solid #ff9900;
    border-radius: 2px;
    padding-left:10px;
    padding-right:35px;
}
.registration_btn01{
    background: url(../images/add_01.gif) #ffffff no-repeat 36px center;
}
.registration_btn07{
    background: url(../images/add_01.gif) no-repeat 15px center;
}
.registration_btn02 {
    background: url(../images/add_02.png) no-repeat 36px center;
}
.registration_btn03 {
    background: url(../images/downlond_01.png) no-repeat 23px center;
}
.registration_btn04,
.registration_btn05 {
    background: url(../images/upload_01.png) no-repeat right 10px center;
}
.registration_btn06 {
    background: url(../images/add_02.png) no-repeat 14px center;
}
.registration_btn08 {
    background: url(../images/set_o_01.png) no-repeat 30px center;
}
.registration_btn09 {
    background: url(../images/reload_o_01.png) no-repeat 30px center;
}
.registration_btn10 {
    background: url(../images/mail_o.png) no-repeat 30px center;
}
.registration_btn11 {
  background: url(../images/upload_01.png) no-repeat right 20px center;
}
.registration_btn01 a,
.registration_btn02 a,
.registration_btn10 a {
    position: relative;
    display: block;
/*    width: 102px;
*/    color: #ff9900;
    text-decoration: none;
    padding-left: 58px;
    padding-right: 35px;
}
.registration_btn03 a {
    position: relative;
    display: block;
    width: 113px;
    color: #ff9900;
    text-decoration: none!important;
    padding-left: 47px;
}
.registration_btn04 a {
    position: relative;
    display: block;
    width: 173px;
    color: #ff9900;
    text-decoration: none;
    padding-left: 37px;
}
.registration_btn05 a {
    color: #ff9900;
    text-decoration:none;
}
.registration_btn06 a {
    position: relative;
    display: block;
    color: #ff9900;
    text-decoration: none;
    padding-left: 35px;
    padding-right: 15px;
}
.registration_btn07 a {
    display:block;
    color: #ff9900;
    text-decoration: none!important;
    padding-left: 35px;
    padding-right:15px;
}
.registration_btn08 a {
    display:block;
    color: #ff9900;
    text-decoration: none;
    padding-left: 55px;
    padding-right:15px;
}
.registration_btn09 a {
    display:block;
    color: #ff9900;
    text-decoration: none;
    padding-left: 55px;
    padding-right:25px;
}
.registration_btn11 a {
  color: #ff9900;
  text-align: left;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 45px;
}
.registration_btn01:hover,
.registration_btn02:hover,
.registration_btn03:hover,
.registration_btn04:hover,
.registration_btn05:hover,
.registration_btn06:hover,
.registration_btn07:hover,
.registration_btn08:hover,
.registration_btn09:hover,
.registration_btn10:hover,
.registration_btn11:hover  {
    cursor: pointer;
    text-decoration: none;
    background-color: #fff6e9;
}
.registration_btn_on {
    text-decoration: none;
    background-color: #fff6e9;
}
.determination_btn,
.determination_btn01,
.determination_btn05 {
    float:left;
    display: block;
    font-size: 16px;
    width: 248px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #e68c4d;
    background-color: #ff9900;
    border-radius: 3px;
}
.determination_btn02 {
    float:left;
    display: block;
    font-size: 16px;
    width: 248px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #bdb3b3;
    background-color: #cccccc;
    border-radius: 3px;
}
.determination_btn03 {
    float:left;
    display: block;
    font-size: 16px;
    width: 300px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #e68c4d;
    background-color: #ff9900;
    border-radius: 3px;
}
.determination_btn04 {
    float:left;
    display: block;
    font-size: 16px;
    width: 300px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #ffffff;
    background-color: #d0d0d0;
    border-radius: 3px;
}
.determination_btn06{
    float:left;
    display: block;
    font-size: 16px;
    width: 150px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #e68c4d;
    background-color: #ff9900;
    border-radius: 3px;
}
.determination_btn a,
.determination_btn02 a,
.determination_btn03 a,
.determination_btn05 a {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    padding: 0 10px;
}
.determination_btn06 a{
  color: #FFFFFF;
  display: block;
  text-align: center;
  padding: 0 10px;
  text-decoration: none;
}
.determination_btn01 a {
    color: #FFFFFF;
    display: block;
    text-align: center;
    padding: 0 10px;
    text-decoration: none;
    background: url(../images/arr_02.png) no-repeat right 10px center;
}
.determination_btn03 a {
    background: url(../images/arr_02.png) no-repeat right 10px center;
}
.determination_btn04 a {
    color: #999999;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 0 10px;
    background: url(../images/arr_11.png) no-repeat right 10px center;
}
.determination_btn05 a {
    text-align:center;
    line-height:40px;
    background:url(../images/add_02.gif) no-repeat left 70px center;
}
.determination_btn:hover,
.determination_btn01:hover,
.determination_btn02:hover,
.determination_btn03:hover,
.determination_btn04:hover,
.determination_btn05:hover,
.determination_btn06:hover,
.download_btn01:hover {
    opacity: 0.8;
    text-decoration: none;
}
.btn_blues {
  display: inline-block;
  border: 1px solid #73a1c8;
  border-radius: 2px;
  text-align: center;
  line-height: 28px;
  margin-top: 10px;
}
.btnDel_blue {
    float: left;
    display: inline-block;
    border: 1px solid #73a1c8;
    border-radius: 2px;
    text-align: center;
    line-height: 28px;
    background: url(../images/del_01.png) no-repeat 20px center;
    margin-top: 10px;
}
.btn_blues a{
  padding: 3px 35px 0 !important;
}
.btnDel_blue a,
.btnCheck_blue a,
.btnPen_blue a,
.btnFile_blue a,
.btnSave_blue a,
.btnMail_blue a,
.btnNone_blue a,
.btnAdd_blue a,
.btn_blues a{
    display: block;
    color: #73a1c8;
    text-decoration: none!important;
    padding-left: 45px;
    padding-right: 20px;
}
.btnSave_blue {
    border: 1px solid #73a1c8;
    border-radius: 2px;
    text-align: center;
    line-height: 28px;
    background: url(../images/save_01.png) no-repeat 20px center;
    margin-top: 10px;
}
.btnPen_blue {
    display: inline-block;
    float: left;
    border: 1px solid #73a1c8;
    border-radius: 2px;
    line-height: 28px;
    background:url(../images/edit_01.png) no-repeat 20px center;
    margin-top: 10px;
}
.btnFile_blue {
    display: inline-block;
    border: 1px solid #73a1c8;
    border-radius: 2px;
    text-align: center;
    line-height: 28px;
    background:url(../images/file_01.png) no-repeat 20px center;
}
.btnMail_blue {
    display: inline-block;
    float: left;
    border: 1px solid #73a1c8;
    border-radius: 2px;
    line-height: 28px;
    background:url(../images/mail_b.png) no-repeat 20px center;
    margin-top: 10px;
}
.btnAdd_blue{
    display: inline-block;
    float: left;
    border: 1px solid #73a1c8;
    border-radius: 2px;
    line-height: 28px;
    background:url(../images/add_04.png) no-repeat 20px center;
    margin-top: 10px;
}
.btnNone_blue {
    display: inline-block;
    float: left;
    border: 1px solid #73a1c8;
    border-radius: 2px;
    line-height: 28px;
    background:url(../images/none_b.png) no-repeat 20px center;
    margin-top: 10px;
}
.btnArr_blue {
    display: inline-block;
    border: 1px solid #73a1c8;
		font-size:14px;
    border-radius: 2px;
    text-align: center;
    line-height: 29px;
    background: url(../images/arr_13.png) no-repeat right 12px center;
}
.btnArr_blue a{
    display: block;
    color: #73a1c8;
    text-decoration: none!important;
		padding: 3px 11px 2px 15px;
}
.btnCheck_blue {
  float: left;
  display: inline-block;
  border: 1px solid #73a1c8;
  border-radius: 2px;
  text-align: center;
  line-height: 28px;
  background: url(../images/checked_02.png) no-repeat 5px 3px;
  margin-top: 15px;
}

.btn_blueList01 li {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e6e6e6;
}
.btn_blueList01 li:last-child {
  border-bottom: none;
}
.btn_blueList01 li a {
  display: block;
  color: #73a1c8;
  padding-left: 40px;
}
.btn_blueList01 .titBlock01 a {
  font-size: 14px;
  padding-left: 23px;
  background: url(../images/arr_13.png) no-repeat 10px 12px;
  background-color: #e8f2fb;
}
.btn_blueList01 li a:hover {
  background-color: #e8f2fb;
  text-decoration: none;
}
.btnDel_blue:hover,
.btnCheck_blue:hover,
.btnPen_blue:hover,
.btnFile_blue:hover,
.btnSave_blue:hover,
.btnUpload_blue:hover,
.btnMail_blue:hover,
.btnAdd_blue:hover,
.btnNone_blue:hover,
.btn_blues:hover,
.btnArr_blue:hover{
    background-color: #e8f2fb;
}
.btnUpload_blue {
    border: 1px solid #73a1c8;
    border-radius: 2px;
    text-align: center;
    line-height: 34px;
    background: url(../images/upload_02.png) no-repeat right 23px center;
}
.btnUpload_blue a{
    display: block;
    text-align:left;
    color: #73a1c8;
		font-size:14px;
    text-decoration: none!important;
    padding-left: 23px;
    padding-right: 23px;
}
.download_btn01{
    float: left;
    color: #ff9900;
    font-size: 14px;
    line-height: 34px;
    border: 1px solid #ff9900;
    border-radius: 2px;
}
.download_btn01 a{
  position: relative;
  display: block;
  width: 125px;
  color: #ff9900;
  text-decoration: none;
  padding-left: 25px;
    background: url(../images/downlond_01.png) no-repeat 23px center;
}
.download_btn01 a:hover{
  cursor: pointer;
  text-decoration: none;
  background-color: #fff6e9;
}
.main_employeeSearch .btnAdd_blue {
    width: 140px;
    border-radius: 2px;
    text-align: center;
    line-height: 28px;
  background: url(../images/add_03.png) no-repeat 12px center;
    background-color:#73a1c8;
    margin-top: 10px;
}
.main_employeeSearch .btnAdd_blue01 {
    border-radius: 2px;
    text-align: center;
    line-height: 25px;
    background-color:#73a1c8;
}
.main_employeeSearch .btnAdd_blue a,
.main_employeeSearch .btnAdd_blue01 a  {
    display: block;
    color: #ffffff;
    text-decoration: none;
}
.main_employeeSearch .btnAdd_blue02 {
  color:#73a1c8;
  text-align: left;
  padding-left:18px;
  padding-top:3px;
  background:url(../images/add_04.png) no-repeat left center;
}
.main_employeeSearch .btnAdd_blue02 a  {
  color:#73a1c8;
  text-decoration: none;
}
.main_employeeSearch .btnAdd_blue:hover,
.main_employeeSearch .btnAdd_blue01:hover {
    opacity: 0.8;
}
.return_gray_btn01 {
    float:left;
    display: block;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 3px;
}
.return_gray_btn01 a {
    color: #999999;
    width: 60px;
    display: block;
    text-decoration: none;
    background: url(../images/arr_03.png) no-repeat 10px center;
    padding-left:10px;
}
.return_gray_btn02 {
    float:left;
    display: block;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding-right: 15px;
}
.return_gray_btn02 a {
    color: #999999;
    display: block;
    text-decoration: none;
    background: url(../images/arr_03.png) no-repeat 15px center;
    padding-left:30px;
}
.return_gray_btn01:hover,
.return_gray_btn02:hover {
  background-color:#f9f9f9;
    text-decoration: none;
}
.search_btn01 {
    display: block;
    font-size: 16px;
    width: 270px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #e68c4d;
    border-radius: 3px;
    margin: 40px auto 80px;
    background: url(../images/search_02.png) no-repeat 93px center;
    background-color: #ff9900;
}
.search_btn02 {
    display: block;
    font-size: 16px;
    width: 195px;
    text-align:left;
    line-height: 45px;
    border: 1px solid #e68c4d;
    border-radius: 3px;
    margin: 40px auto 80px;
    background: url(../images/search_02.png) no-repeat 50px center;
    background-color: #ff9900;
    padding-left:75px;
}
.search_btn01 a {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    background: url(../images/arr_02.png) no-repeat 250px center;
}
.search_btn02 a {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    background: url(../images/arr_02.png) no-repeat 175px center;
}
.search_btn01:hover,
.search_btn02:hover {
    opacity: 0.8;
    text-decoration: none;
}
.before_to {
    color: #999999;
    border: 1px solid #cccccc;
    background: url(../images/arr_03.png) no-repeat 4px center;
    padding: 2px 5px 2px 15px;
}
.next_to {
    text-align: left;
    color: #999999;
    border: 1px solid #cccccc;
    padding: 2px 14px 2px 6px;
    background: url(../images/arr_04.png) no-repeat right 4px center;
}
.before_to a,
.next_to a {
    color: #999999;
    display: block;
    text-decoration: none;
}
.before_to:hover {
    color: #ffffff;
    text-decoration: none;
    background: url(../images/arr_06.png) no-repeat 4px center;
    background-color: #48c2ea;
}
.next_to:hover {
    color: #ffffff;
    text-decoration: none;
    background: url(../images/arr_07.png) no-repeat right 4px center;
    background-color: #48c2ea;
}
.listNo {
    color: #999999;
    border: 1px solid #cccccc;
    padding: 2px 4px
}
.listNo a {
    display: block;
    color: #999999;
    text-decoration: none;
}
.listNo_on,
.listNo:hover {
    color: #ffffff!important;
    text-decoration: none;
    background-color: #48c2ea;
}
.bord_red {
    color:#cc0000;
    font-size:10px;
    border:1px solid #cc0000;
    border-radius:3px;
    padding:0 2px;
    font-weight: normal;
}
h2 .bord_red{
  line-height: 1.4;
  margin-left: 10px;
}
.moseOn_gray {
    position: relative;
    color: #ffffff;
    text-decoration: none;
}
.moseOn_gray .block01,
.moseOn_gray .block02 {
    display: none;
    padding: 0 5px;
    left: -20px;
}
.moseOn_gray .block03 {
    display: none;
    padding: 5px;
    left: -20px;
}
.moseOn_gray .block04 {
  display: none;
  padding: 0 5px;
  left: 15px;
}
.moseOn_gray:hover .block01,
.moseOn_gray:hover .block02 {
    display: block;
    position: absolute;
    color: #ffffff;
    font-size: 10px;
   bottom: 40px;
    background-color: #757575;
    border-radius: 6px;
}
.moseOn_gray:hover .block01 {
    text-align: center;
    width: 200px;
}
.moseOn_gray:hover .block02 {
    text-align: center;
    width: 290px;
    left: -80px;
    bottom: 40px;
}
.moseOn_gray:hover .block03 {
    display: block;
    position: absolute;
    color: #ffffff;
    font-size: 10px;
    width: 165px;
    left: -70px;
    bottom: 25px;
    background-color: #757575;
    border-radius: 4px;
    text-align: center;
}
.moseOn_gray:hover .block04 {
  display: block;
  position: absolute;
  color: #ffffff;
  font-size: 10px;
  line-height: 25px;
  bottom: 40px;
  background-color: #757575;
  border-radius: 6px;
  text-align: center;
  width: 140px;
}
.moseOn_gray .triangle01,
.moseOn_gray .triangle02,
.moseOn_gray .triangle03,
.moseOn_gray .triangle04 {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid #757575;
}
.moseOn_gray .triangle01 {
    left: 90px;
    top: 34px;
}
.moseOn_gray .triangle02 {
    left: 150px;
    top: 34px;
}
.moseOn_gray .triangle03 {
    left: 72px;
    top: 26px;
}
.moseOn_gray .triangle04 {
  left: 70px;
  top: 24px;
}
.search_criteria {
    clear: both;
    background-color: #f5f5f6;
    padding: 0 8px 8px;
}
.search_criteria li {
    float: left;
    border-radius: 3px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 4px 5px;
    margin-right: 10px;
    margin-top: 8px;
}
.search_company {
  clear: both;
  background-color: #f5f5f6;
  padding: 0 8px 8px;
}
.search_company li {
  float: left;
  border-radius: 3px;
  padding: 4px 5px;
  margin-right: 10px;
  margin-top: 8px;
}
.display_order td{
  clear: both;
  width:51%;
}
.display_order select {
  width:100%!important;
}
.display_order label{
  padding-top: 30px;
  padding-left: 35px;
}
.mask_white {
    position: absolute;
  top: 39px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    opacity: 0.7;
    z-index: 1;
  height: 170px;
}
.table_tit {
    color: #666666;
    background-color: #ececec;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    margin-top: 5px;
}
.table_tit td {
    text-align: center;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    padding: 4px 5px;
}
.table_tit01 {
  border:1px solid #999999;
}
.table_tit01 tr td {
  padding:0 4px;
  color:#000000;
}
.table_tit02{
  border-top:1px solid #aaaaaa;
  border-left:1px solid #aaaaaa;
}
.table_tit02 tr {
  border-bottom:1px solid #aaaaaa;
}
.table_tit02 th {
  padding: 8px 5px;
  color:#666666;
  background-color:#f5f5f5;
  border-right:1px solid #aaaaaa;
}
.table_tit02 td {
  padding: 8px 5px;
  color:#000000;
  border-right:1px solid #aaaaaa;
}

.table_border01 {
    border-bottom: 1px solid #aaaaaa;
}
.table_border01 th {
    color: #666666;
    font-weight: bold;
    background-color: #ececec!important;
    padding: 4px 5px;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
}
.table_border01 td {
    /* background-color: #ffffff!important; */
    padding: 4px 5px;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
}
.table_border02 {
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
}
.table_border02 tr {
    border-bottom: 1px solid #aaaaaa;
}
table.table_border01 tr:hover,
table.table_border02 tr:hover { background-color: #fafafa!important;}
.table_border02 th {
    color: #666666;
    font-weight: bold;
    padding: 7px;
    background-color: #ececec!important;
    border-right: 1px solid #aaaaaa;
}
.table_border02 td {
    padding: 4px 5px;
    /* background-color: #ffffff!important; */
    border-right: 1px solid #aaaaaa;
}
.table_cont {
    height: 475px;
    overflow-y: auto;
}
.table_cont400 {
  height: 400px;
  overflow-y: auto;
}
.table_cont400 .bd_t_line_d7d6c6,
.table_cont .bd_t_line_d7d6c6{
  border-top:none;
}
.table_cont400 table,
.table_cont table,
.table_cont01 table,
.table_cont02 table {
    border-left: 1px solid #aaaaaa;
}
.table_cont01 table input {
  /* height:22px; */
  padding-left:3px;
  padding-right:3px;
  border: 1px solid #aaaaaa;
}
.table_cont400 th,
.table_cont th {
  text-align: center!important;
  background-color: #ececec;
  border-top: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  padding: 4px 5px;
}
.table_cont01 th,
.table_cont02 th {
  text-align: center;
  background-color: #f6f5e8;
  border-top: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  padding: 4px 5px;
}

.table_cont400 tr:hover,
.table_cont tr:hover 
{background-color: #fafafa;}

.table_count_style tbody:hover
{background-color: #fafafa;}

.table_cont400 td,
.table_cont td,
.table_cont01 td,
.table_cont02 td {
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  padding: 4px 5px;
}
.table_cont_tdNR td {
  border-right:none;
}

/* .table_cont td:last-child {
  border-right:none;
} */
.table_cont400 td,
.table_cont td,
.table_cont01 td {
  text-align: center;
}
.table_cont400 td a,
.table_cont td a,
.table_cont01 td a,
.table_cont02 td a {
    text-decoration: underline;
}
.table_cont400 td a:hover,
.table_cont td a:hover,
.table_cont01 td a:hover,
.table_cont02 td a:hover {
    text-decoration: none;
}
.table_cont400 td img,
.table_cont td img,
.table_cont01 td img {
  cursor: pointer;
}
.table_cont03 {
  width:577px;
  overflow-x: auto;
  border-left:1px solid #73a1c8;
  border-right:1px solid #73a1c8;
  border-bottom:1px solid #73a1c8;
}
.table_cont03 table{
  border-top:3px solid #73a1c8;
  border-left:none;
}
.table_cont03 th {
  background-color:#e8f2fb;
  text-align: center;
  padding: 3px 5px;
}
.table_tdRight td {
	text-align:right!important;
}
.table_tdRight td:first-child {
	text-align:left!important;
}
.txtOrange a{
  color:#ff9900;
}
.txtOrange a:hover{
  text-decoration:none;
}
.table_cont04 {
  border-top:1px solid #d7d6c6;
  border-left:1px solid #d7d6c6;
  border-right:1px solid #d7d6c6;
}
.table_cont04 th {
  background-color:#f6f5e8;
  text-align: left;
}
.table_cont04 tr {
  border-bottom:1px solid #d7d6c6;
}
.table_cont04 td,
.table_cont04 th {
  padding: 4px 5px;
  border-right:1px solid #d7d6c6;
}
.table_cont04 td:last-child,
.table_cont04 th:last-child {
  border-right:none;
}
.table_cont05 {
  border-top:1px solid #aaaaaa;
  border-left:1px solid #aaaaaa;
  border-right:1px solid #aaaaaa;
}
.table_cont05 tr {
  border-bottom:1px solid #aaaaaa;
}
.table_cont05 th {
  background-color:#f6f5e8;
	padding:8px 5px;
}
.table_cont05 td {
  background-color:#ffffff;
	padding:4px 5px;
}
.table_input20P span {
	font-size:10px;
	color:#999999;
  padding-left:3px;
}
.table_input20P textarea {
	width:169px;
	line-height:6px;
  padding: 21px 5px 3px;
}
.table_input20P div:nth-child(n+6){
  margin-top: 3px;
}
/*------------------------ colLeft-------*/
.main_sec01 .colLeft {
    float:left;
    width:830px;
}

.main_sec01 .newsList{
    text-align:left;
    border-top: #ececec 1px solid;
}

.main_sec01 .Llist{
    float:left;
    color:#999999;
}
.main_sec01 .img01{
    padding-left:10px;
    padding-right:10px;
}

.main_sec01 .newsList li{
    padding: 5px 0;
    border-bottom: #ececec 1px solid;
}
.main_sec01 .newsList li a{
    display:block;
    padding-right:20px;
    text-decoration: underline;
}
.main_sec01 .newsList li a:hover{text-decoration:none;}

.main_sec01 .newsList .discPink{background:url(../images/list_ico01.png) 6px 10px no-repeat;}
.main_sec01 .newsList .discGreen{background:url(../images/list_ico02.png) 6px 10px no-repeat;}
.main_sec01 .newsList .discBlue{background:url(../images/list_ico03.png) 6px 10px no-repeat;}

.main_sec01 .Rlist{
    color:#0099ff;
    background:url(../images/arr_01.png) right center no-repeat;
    margin-right:10px;
    padding-left:13px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
   }
.employeesrchResult_left {
    float: left;
    width: 289px;
    border-bottom: 1px solid #73a1c8;
}
.LeftNv_tit {
    background-color: #3073ac;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}
.LeftNv_tit02 {
    line-height: 40px;
    text-align: left;
    background-color: #3073ac;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}
.LeftNv_tit02 a {
    display:block;
    color: #ffffff;
    font-size: 14px;
		padding-left:20px;
    text-decoration: none;
		padding-right:10px;
}
.LeftNv_tit03,.zd_style .el-collapse-item__header {
    line-height: 40px;
    text-align: left;
		padding:10px 20px;
		cursor: pointer;
    background-color: #f4f8fb;
}
.LeftNv_tit04 {
  text-align: left;
  padding:8px 3px;
  font-weight: bold;
  background-color: #eaf1f7;
}
.zd_style .el-collapse-item__header {  
  height: 36px; 
  background: transparent;
  position: absolute;
  width: 98.5%;
  top: 0; 
  border-bottom:none;
}
.zd_style .el-collapse-item__header i.el-collapse-item__arrow {
  width: 14px;
  height: 8px;
  background:url(../images/arr_14.png) center no-repeat;
  position: absolute;
  right: 19px;
  top: 16px; 
}
.zd_style01 .el-collapse-item__header i.el-collapse-item__arrow {
  width: 14px;
  height: 8px;
  background:url(../images/arr_09.png) center no-repeat;
  position: absolute;
  right: 5px;
  top: 19px;
}
.zd_style01 .el-collapse-item__header {
  height: 26px;
  background: transparent;
  position: absolute;
  width: 97.7%;
  top: -45px;
  border-bottom:none;
}
.zd_style .el-icon-arrow-right::before{
  content: "";
}
.zd_style .el-collapse-item__arrow.is-active {
  transform: rotate(180deg);
}

.zd_style .el-collapse-item__wrap {
  will-change: height;
  background-color: #FFF;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: none;
}
.zd_style .el-collapse {
  border-top: none;
  border-bottom: 1px solid #73a1c8;
}
.employeesrchResult_left .leftContent {
    border-left: 1px solid #73a1c8;
    border-right: 1px solid #73a1c8;
}
.employeesrchResult_left .overflowBlock {
  height: 610px;
    overflow-y: auto;
}
.employeesrchResult_left .h_auto{
  height:auto !important;
}
.employeesrchResult_left .overflowBlock .LeftNv_content {
  color: #666666;
  border-bottom: 1px solid #3073ac;
  padding: 8px 5px;
  text-align: left;
}
.employeesrchResult_left .overflowBlock .LeftNv_content textarea {
  line-height: 14px;
}
.employeesrchResult_left .overflowBlock .LeftNv_content:last-child {
  border-bottom: none!important;
}
.employeesrchResult_left .overflowBlock .LeftNv_content ul {
    border-bottom: 1px solid #aaaaaa;
}
.employeesrchResult_left .overflowBlock .LeftNv_content textarea {
    width: 249px;
    height: 50px;
    margin-bottom:3px;
    /* padding: 3px 5px; */
    resize: none;
}
.employeesrchResult_left .overflowBlock .LeftNv_content select {
    width: 60px;
    /* padding: 3px 5px; */
}
.employeesrchResult_left .overflowBlock .LeftNv_content .input01 {
    width: 90px;
    /* height: 22px;
    padding: 0 3px; */
}
.employeesrchResult_left .overflowBlock .LeftNv_content .calendar {
    position: relative;
}
.employeesrchResult_left .overflowBlock .LeftNv_content .calendar .timePlugs {
    position: absolute;
    margin-left: 5px;
}
.employeesrchResult_left .overflowBlock .LeftNv_content .calendar .timePlugs img {
    width: 22px;
}
.employeesrchResult_left .overflowBlock .LeftNv_content .calendar .timePlugs:hover {
    cursor: pointer;
}
.timePlugs01{
  width:20px;
}
.employeesrchResult_left .btn-srch {
    display: block;
    font-size: 16px;
    width: 285px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ffffff;
    background: url(../images/search_02.png) no-repeat 93px center;
    background-color: #ff9900;
}
.employeesrchResult_left .btn-srch a {
    color: #FFFFFF;
    display: block;
    text-decoration:none;
    background: url(../images/arr_02.png) no-repeat 250px center;
}
.employeesrchResult_left .btn-srch:hover {
    opacity: 0.8;
    text-decoration: none;
}
.employeesrchResult_left .LeftNv_btn {
    border-left: 1px solid #73a1c8;
    border-bottom: 1px solid #73a1c8;
}
.employeesrchResult_left .LeftNv_btn li {
    float: left;
    text-align: center;
    line-height: 28px;
    border-right: 1px solid #73a1c8;
}
.employeesrchResult_left .LeftNv_btn li a {
    display: block;
    color: #3073ac;
    width: 143px;
    text-decoration: none;
    padding:5px 0;
}
.employeesrchResult_left .LeftNv_btn li a:hover {
    background-color: #e8f2fb;
    text-decoration: none;
}
.employeesrchResult_left .on {
    display: block;
    background-color: #e8f2fb;
    text-decoration: none;
}
.employeesrchResult_left .LeftNv_btn.userSrchLeftTabMenu li:nth-child(1) a,
.employeesrchResult_left .LeftNv_btn.userSrchLeftTabMenu li:nth-child(2) a{
  width: 71px;
}
.employeesrchResult_right {
    float: left;
    width: 1380px;
    margin-left: 30px;
    padding-top:5px;
}


/*------------------------ colRight-------*/
.main_sec01 .colRight{
    float:right;
    margin: 0 0 0 20px;
    width:830px;
}

.main_sec01 .colRight .tableBlock_idx_task {
    border:1px solid #eeeeee;
    overflow-x: auto;
    overflow-y: auto;
    height: 120px;
    width:100%;
}
.tableBlock_idx{
    border-top:2px solid #73a1c8;
    border-right:1px solid #bbd2e5;
    border-left:1px solid #bbd2e5;
    border-bottom:1px solid #bbd2e5;
    padding:30px;
}
.tableBlock_idx_task table,
.tableBlock_idx table{
    width: 100%;
    text-align: center;
    color:#666666;
    border:1px solid #eeeeee;
}
.tableBlock_idx_task table th,
.tableBlock_idx table th{
    background-color: #ececec;
    border: 1px solid #ececec;
    color:#000000;
}
.tableBlock_idx_task table th,
.tableBlock_idx_task table td,
.tableBlock_idx table th,
.tableBlock_idx table td{
    padding: 5px;
}
.tableBlock_idx_task table td a,
.tableBlock_idx table td a{
    color:#0099ff;
    text-decoration:underline;
}
.tableBlock_idx_task table td a:hover,
.tableBlock_idx table td a:hover
{text-decoration:none;}
.tableBlock_idx_task table tr,
.tableBlock_idx table tr
{border-top:1px solid #eeeeee;}
.tableBlock_idx_task table tr:hover,
.tableBlock_idx table tr:hover
{background-color: #fafafa;}

#tooltip{
    position:absolute;
    border:1px solid #336699;
    box-shadow: 1px 1px 2px #ccc;
    color:#336699;
    background:#effafa;
    border-radius:2px;
    padding:10px;
    display: inline-block;
    width:auto;
    max-width:500px;
}
/*------- pop-------*/
.employment_layer {
    position: absolute;
    top: 50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    color: #666666;
    font-size: 12px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 2px;
    z-index: 20;
    padding-bottom: 30px; 
}
.employment_layer .txt01 {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    line-height: 30px;
    background-color: #f5f5f5;
    border-radius: 3px;
    margin: 6px 4px 10px;
}
.employment_layer .round_w {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    border: 2px solid #999999;
    z-index: 9999;
    position: absolute;
    left: 628px;
    top: -15px;
    cursor:pointer;
}
.employment_layer .round_n {
    width: 19px;
    height: 19px;
    border: 2px solid #ffffff;
    background-color: #999999;
    border-radius: 50%;
}
.employment_layer .close {
    color: #ffffff;
    font-size: 13px;
    text-align: center;
}
.employment_layer .close::before {
    content: "\2716";
}
.dll .cancel01{
  position: absolute !important
}
.employment_layer .cancel01,
.cancel01{
    color:#0099ff;
    float:left;
    position:relative;
    margin-left:65px;
    margin-top:10px;
    text-decoration:underline;
}
.employment_layer .cancel01 a,
.cancel01 a{
    text-decoration:none;
}
.buttonBlock01{
  position: relative;
  width: 250px;
  margin: 30px auto 0;
}
.cancelBlock01{
  position:relative;
  color:#0099ff;
  width: 60px;
  top: -20px;
  right: -340px;
}
.cancelBlock01 a {
  text-decoration:underline!important;
}
.employment_layer .cancel01:hover,
.cancel01:hover,
.cancelBlock01 a:hover {
    text-decoration:none!important;
}
.message_cancel01{
  position: relative;
  right: -190px;
  bottom: 19px;
}
.borderOverflow01 {
  width:610px;
  height:349px;
  overflow-y: auto;
  margin-left:25px;
    text-align: left;
}
.titBg_f12B {
  font-weight:bold;
  padding:8px 10px;
  background-color:#eeeeee;
}
.titBg01_f12B {
  font-weight:bold;
  padding:10px;
  background-color:#f6f5e8;
    text-align: left;
}
.txt_textarea01 {
  margin:5px 0 6px 5px;
  height:87px;
  resize: none;
  padding: 4px 5px;
}
.txt_p20 {
  padding:17px 20px;
}
.titBg_f14 {
	text-align:left;
	color:#000000;
	font-size:14px;
  background-color:#e1e0ce;
	padding:8px 13px;
	border-radius: 4px;
}
/*------- main_sec02-------*/
.main_sec02{
    width:1700px;
/*  width:90%;
*/  margin:30px auto 2px;
}

#pie{
    position: absolute;
    left: 21%;
  top: 15px;
    width: 100%;
    height: 200px;
}
.main_sec02 h3{
    display: flex;
    color: #000000;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom:10px;
    border-bottom:1px solid #000000;
}
.main_sec02 h3 a{
    align-self: flex-end;
    margin-left: auto;
    background: url("../images/icon-more.png") no-repeat left center;
    color: #ff9900;
    font-size: 12px;
    line-height: 16px;
    padding-left: 20px;
    font-weight: normal;
}

/*------------------------ colLeft-------*/
.main_sec02 .colLeft {
    float:left;
    width:1300px;
/*  width:76.5%;
*/}
.tab_gray li{
    float:left;
    width:80px;
    color:#a7a7a7;
    text-align:center;
    margin-right:1px;
    border:1px solid #d7d6c6;
    border-bottom:none;
    border-radius: 3px;
}
.tab_gray li a{
    display:block;
    line-height: 10px;
    height: 10px;
    width: 80px;
    color: #292f35;
    padding:6px 0;
    text-decoration:none;
    text-align: center;
}
.tab_gray li a:hover {
  background-color: #f6f5e8;
  text-decoration: none;
}
.tab_gray li.on{
  background: #f6f5e8;
  color: #ffffff;
}


.btnBlock li{
    float:left;
    width:160px;
    color:#73a1c8;
    text-align:center;
    margin-right:1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border:1px solid #73a1c8;
    border-bottom:none;
}
.btnBlock li a{
    display:block;
    color: #73a1c8;
    padding:6px 0;
    text-decoration:none;
    text-align: center;
}
.btnBlock li.on{
  background: #3073ac;
  color: #ffffff;
}
.btnBlock a.link01,
.btnBlock a:hover,
.btnBlock li.on a,
.btnBlock_bule a:hover,
.btnBlock_bule li.on a {
    background-color:#3073ac;
    color:#ffffff!important;
}
.btnBlock .on,
.btnBlock_bule .on{
    background: #3073ac;
    color:#ffffff;
    }
.btnBlock_bule li{
    float:left;
    width:272px;
    color:#73a1c8;
    text-align:center;
    margin-right:2.5px;
    border-radius: 5px;
    border:1px solid #73a1c8;
    line-height: 3.2;
}
.btnBlock_bule li:last-child{
  margin-right:0;
  line-height: 1.6;
}
.btnBlock_bule li a{
    color: #73a1c8;
    display:block;
    padding:6px 0;
    text-decoration:none;
    text-align: center;
    }
.tabBlock_employee {
    float: left;
    width:1356px;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 22px;
    border-top: 2px solid #73a1c8;
    border-right: 1px solid #bbd2e5;
    border-left: 1px solid #bbd2e5;
    border-bottom: 1px solid #bbd2e5;
    }



.tableBlock01{
/*  width:84%;
*/  border-top:2px solid #73a1c8;
    border-right:1px solid #bbd2e5;
    border-left:1px solid #bbd2e5;
    border-bottom:1px solid #bbd2e5;
    padding:12px 8% 20px;
}

.tableBlock01 ul,
.tableBlock01 div ul{
/*  width:125px;
    width:80%;
*/}
.tableBlock01 ul li{
    width:125px;
/*  width:45%;
*/  text-align:left;
    border-bottom:1px solid #ececec;
    background:url(../images/gnav-m4-more.png) 5px center no-repeat;
    padding:5px;
}
.tableBlock01 ul li a{
    padding-left:10px;
    color:#73a1c8;
    text-decoration:none;
}
.tableBlock01 ul li a:hover {
    text-decoration:underline;
}
.tableBlock01 ul li.tit01{
    background:none;
    color:#73a1c8;
    font-size:14px;
    font-weight:bold;
}

.main_sec02 .icon_s01 { background:url(../images/icon_square_01.gif) left center no-repeat;}
.main_sec02 .icon_s02 { background:url(../images/icon_square_02.gif) left center no-repeat;}
.main_sec02 .icon_s03 { background:url(../images/icon_square_03.gif) left center no-repeat;}
.main_sec02 .icon_s04 { background:url(../images/icon_square_04.gif) left center no-repeat;}
.main_sec02 .icon_s05 { background:url(../images/icon_square_05.gif) left center no-repeat;}

.main_sec02 .image_list01{  float:left; text-align:left;}
.main_sec02 .image_list01 li{
    padding-left:15px;
    line-height:24px;
}

/*------------------------ colRight-------*/
.main_sec02 .colRight{
    float:right;
    margin: 0 0 0 20px;
    width:360px;
/*  width:21%;
*/}


/*------------------------ column-------*/
.columns_border {
  border: 1px solid #73a1c8;
    padding-top: 20px;
}
.analysis_close_img {
    position: absolute;
    right: 10px;
    bottom: 8px;
    cursor: pointer;
}
.inputBlock01{
    padding:0 5px;
    font-size:12px;
    height:28px;
    border-radius:2px;
    border:1px solid #cccccc;
}
.bg73a1c8Link {
  text-align:right;
  background-color:#73a1c8;
  padding:2px 8px;
}
.bg73a1c8Link a{
  display:block;
  color:#ffffff;
  background:url(../images/arr_09.png) no-repeat right center;
  padding-right:30px;
}
.bg73a1c8Link a:hover{
  text-decoration:none;
}
.tabBlock_employee01 {
  clear:both;
    width: 1358px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 22px;
    border-top: 2px solid #73a1c8;
    border-right: 1px solid #73a1c8;
    border-left: 1px solid #73a1c8;
    border-bottom: 1px solid #73a1c8;
}
.ul2BtnCenter{
  width:572px!important;
  margin:20px auto!important;
}
.ul2BtnCenter li{
  float:left;
}
@media screen and (min-width: 1700px), print {
  .mainArea {width:1700px;}
 }

/*el-breadcrumb*/
.el-breadcrumb__inner{
  text-decoration: underline !important;
  color: #999999!important;
  font-size: 12px;
  font-weight: lighter !important;
}
.el-breadcrumb__separator{
  color: #999 !important;
  font-weight: lighter !important;
  position: relative;
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner{
  text-decoration:none !important;
}
.el-breadcrumb__inner:hover{
  text-decoration:none;
}
.hd_nav .nav_list{
  padding:0 !important;
}
.el-item{
  float: left;
  display: block;
  padding: 10px 0 7px;
}
.el-breadcrumb{
  line-height: inherit !important;
}
/*----------------zt--------------*/

.bg_fcfcf5{
  background: #fcfcf5;
}
.borderBox01{
  border: 5px solid #e5e5e5;
}
.w700{ width:700px !important;}
.w800{ width:800px !important;}
.linkSl{
  color: #0099ff;
}
a.link_line01 {
  color: #0099ff;
  text-decoration:underline;
}
a.link_line01:hover {
  text-decoration: none;
}

.borderBottomNone{
  border-bottom: none !important;
}


.bgf5f5f6{
  background: #f5f5f6;
}
.bg_f6f5e8{
  background-color: #f6f5e8;
}
.bd_t_line_d7d6c6{
  border:1px solid #d7d6c6;
  border-bottom:none;
  border-left:none;
}
.bd_left_d7d6c6{
  border-left:1px solid #d7d6c6;
}
.line_d7d6c6{
   border-bottom:1px solid #d7d6c6;
}
.bd_t_line_d7d6c6 th,
.bd_t_line_d7d6c6 td{
  border-left:1px solid #d7d6c6;
  border-bottom:1px solid #d7d6c6;
  border-right: none;
  padding: 4px 5px;
}

.transPosition .top{
  width: 0;
  height: 0;
  border-right: 6px solid transparent;
  display: block;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #bbbbbb;
  margin: 0 auto;
}
.transPosition .centre{
  width: 4px;
  height: 4px;
  margin: 1px auto;
  border-radius: 50%;
  background: #bbbbbb;
  display: block;
}
.transPosition .bottom{
  width: 0;
  height: 0;
  border-right: 6px solid transparent;
  display: block;
  border-left: 6px solid transparent;
  border-top: 6px solid #bbbbbb;
  margin: 0 auto;
}
.transPosition .top:hover{
  border-bottom-color: #48c2ea;
}
.transPosition .bottom:hover{
  border-top-color: #48c2ea;
}

.btn_orange {
  border: 1px solid #ff9900;
  border-radius: 2px;
  text-align: center;
  line-height: 34px;
}
.btn_orange a{
  display: block;
  color: #ff9900;
  text-decoration: none;
}
.btn_orange:hover{
  background: #fff6e9;
}

.h2noicon{
  display: flex;
  color: #000000;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  padding-bottom: 10px;
}
.ddzTit{
  height: 38px;
  background-color: #e1e0ce;
}
.ddzTit p{
  line-height: 38px;
}
.ddzTit .checkBox{
  line-height: 38px;
}

.lineH30{
  line-height: 30px !important;
}

.btn_blue_add{
  background-color: #73a1c8;
  border-radius: 2px;
}
.btn_blue_add a{
  color: #fff;
  text-align: center;
  display: block;
  padding-left: 15px;
  text-decoration: none;
  background: url("/static/common/images/add_03.png") 5% center no-repeat;
}
.btn_blue_add:hover{
  opacity: 0.8;
}

/*----------------zt--------------*/

/*switch_style*/
.sw_div{
    padding-top: 1px;
}
.sw_div .el-switch__label *{
  font-size:11px;
}
.sw_div  .el-switch__label.is-active{
  color:#fff !important;
}
.switch_style {
    position:relative;
    height: 28px;
}
.switch_style  .el-switch.is-checked .el-switch__core,
.switch_style .el-switch  .el-switch__core{
    width:67px !important;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    border-radius: 3px;
}
.switch_style  .is-checked .el-switch.is-checked .el-switch__core::after {
    left: 62%;
    margin-left: -17px;
    height: 25px;
}
.switch_style .is-checked .el-switch__core::after {
    background-color: #72a2c8;
    width: 37px;
    height: 20px;
    top: -1px;
    border-radius: 3px;
}
.switch_style .is-checked .el-switch__core,
.switch_style  .el-switch__core
{
    border-radius: 3px;
}
.switch_style .el-switch.is-checked .el-switch__core::after{
    left: 47%;
    margin-left: 0;
}
.switch_style  .el-switch__core::after{
    background-color: #bfbfbf;
    width: 32px;
    height: 20px;
    border-radius: 3px;
    top: -1px;
    left: 0;
}
.switch_style .el-switch__label{
    position:absolute;
    z-index: 9;
}
.switch_style .el-switch__label--left {
    left: 8px;
    top: 0;
}
.switch_style .el-switch__label--right {
    right: 7px;
    top: 0;
}
.switch_style .is-active span{
    color:#fff
}
.switch_style .el-switch.is-checked .el-switch__core{
    border: 1px solid #72a2c8;
}

/*open_div*/
.open_div .el-collapse-item__header{
  height: 33px;
  line-height: inherit;
  border-bottom: none;
  color: #666;
}
.open_div  .el-collapse,.open_div .el-collapse-item__wrap{
  border-bottom: none;
  border-top: none;
  position:relative;
}
.open_div  .el-collapse-item__content{
  color: #666;
}
.open_div .el-collapse-item__arrow.is-active{
  transform: none;
  -webkit-transform: none;
}
.open_div  .el-icon-arrow-right::before {
    content: "";
}
.open_div .el-collapse-item__header a{
  color:#0099ff;
  position: absolute;
  width: 21%;
  z-index: 9;
}
.open_div .el-collapse-item__content{
  padding-bottom:0;
}
.open_div .el-collapse-item__header a.close_d{
  bottom: 10px;
  left: 78%;
}
.open_div .el-collapse-item__header a.open_d{
  bottom: 6px;
  left: 91%;
}
.open_div_bg .el-collapse-item__header,
.open_div_bg  .el-collapse-item__wrap{
  background: transparent !important;
}
/*homedshboard*/
#homedshboard .main_sec01 .colLeft{
  width: 1700px;
  height: 148px;
}
#homedshboard table th,#homedshboard  table td{
  text-align: center;
}
#homedshboard table th,#homedshboard  table.resultTable td{
  text-align: left;
}
#homedshboard  .person_title_select{
  position: absolute;
  top: -9px;
  right: 0;
}
.per_styles{
  position: relative;
  top: -2px;
}
/*setting*/
#setting{
  padding: 0 5px;
    width: 630px;
}
#setting .borderBlock01 td{
  padding: 4px 5px 5px 5px;
}
#setting .round_w1400{
  left: 628px !important;
}
#setting .checkpreference{
  width:100%;
  margin: 20px auto 0;
}
#setting .checkpreference .borderBlock01 th{
  width:25%;
}
#setting .checkpreference .borderBlock01 td input[type="text"]{
  width:97.5%;
}
#setting .checkpreference .borderBlock01 td input.shun{
  width:20%;
}
#setting .btnBlock01{
  margin-left:0;
  margin: 90px 0 20px 0 !important;
}
#setting .cancel01 {
    right: 26px !important;
    bottom: 21px !important;
}
#setting .cancel01 a:hover {
  text-decoration: none !important;
}
#setting .cancel02 { 
  bottom: 30px !important;
  right: 34px !important;
}
#setting .btnBlock01 .determination_btn01{
  position: relative;
  left: 200px;
  margin-bottom: 20px;
}
.icon_search_01{
  float: left;
  background-color:#ffffff;
  border-top:1px solid #73a1c8;
  border-right:1px solid #73a1c8;
  border-bottom:1px solid #73a1c8;
  cursor: pointer;
  margin-right: 10px;
  padding:4px 6px 3px;
}
.searchInput01{
  background-color:#ffffff;
  border:1px solid #73a1c8;
  padding:0 5px;
}
.levelList01 {
  width:940px;
  margin:15px 0 15px 20px;
}
.levelList01 li{
  border-bottom:1px solid #e5e5e5;
}
.overflowStyle_y {
  height:630px;
  overflow-y:scroll;
}
/*company_newlogin_select*/
.company_newlogin_select select{
    width: 67%;
}
.c_select option{
    height: 27px;
}
.fontGrayLink01 a{
  color: #666666;
  font-size: 10px;
  text-align: center;
}
.fontGrayLink01 a:hover {
  text-decoration: underline;
}
.tit_black01{
  color:#000000;
  font-size:14px;
  font-weight:bold;
    text-align: left;
  border-bottom:1px solid #000000;
  margin:20px 20px 10px;
}
.arrList_top{
  width:12px;
  height:6px;
  cursor: pointer;
  background:url(../images/arr_top.png) no-repeat left center;
}
.arrList_top:hover{
  background:url(../images/arr_top_o.png) no-repeat left center;
}
.arrList_mid{
  width:12px;
  height:6px;
  background:url(../images/maru01.png) no-repeat left center;
}
.arrList_bot{
  width:12px;
  height:6px;
  cursor: pointer;
  background:url(../images/arr_bot.png) no-repeat left center;
}
.arrList_bot:hover{
  background:url(../images/arr_bot_o.png) no-repeat left center;
}
/*  input/textarea/select */
.bi_right{
    float:left;
    width:309px;
    padding-left:5px;
    min-height: 22px;
    height: 100%;
    word-break: break-all;
}
.bi_right  textarea{
    height: 78px;
    width: 292px;
    /* padding: 3px;
    resize: none; */
}
.bi_right01{
  float:left;
  width:295px;
  padding-left:5px;
  min-height: 22px;
  height: 100%;
  word-break: break-all;
}
.bi_right01  textarea{
  height: 78px;
  width: 285px;
  padding: 3px;
  resize: none;
}
.bi_right02{
    float:left;
    width:260px;
    padding-left:5px;
    min-height: 22px;
    height: 100%;
    word-break: break-all;
}
.bi_right  .h_s select{
    /* height: 23px; */
    min-width: 60px;
}
.bi_right .h_s,
.bi_right01 .h_s{
    padding: 3px 0;
}
.bi_right .h_s2,
.bi_right01 .h_s2{
    padding-top: 6px;
}
.bi_right .h_s3,
.bi_right01 .h_s3{
    padding: 3px 0;
}
.bi_right .h_s4,
.bi_right01 .h_s4{
    padding: 3px 0;
}

.h_fbox{
  margin-top:4px;
}
.h_fbox input{
  vertical-align:middle;
  margin-top:-2px;
}

.h_fbox button{
  position:relative;
  top:4px; 
}

.h_fbox label,
.h_fbox span{
    padding-right:10px;
}

/* .inputH input{
    border: 1px solid #ccc;
    padding: 0 3px;
} */
.txtHide01 a{
  display: block;
  color: #ff9c08;
  text-decoration: none!important;
}
.txtHide01 {
  width: 455px;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.txtHide01 a{
  display: block;
  color: #ff9c08;
  text-decoration: none!important;
}
.pop640_ul{
  max-height: 150px;
  overflow-y: scroll;
  padding: 10px 20px;
}
.table_cont04 .t_h{
  bottom: 0;
  top: auto;
  right: 7px;
}
.overF-Y650 {
	height:650px;
	overflow-y: auto;
	padding:10px 40px 20px 50px;
}
/*  login  */
.login_topBg {
	height:2px;
	border-top:22px solid #73a1c8;
	border-bottom:1px solid #73a1c8;
}
.loginBlock {
	width:910px;
	margin:180px auto 395px;
}
.loginBlock01 {
	width:785px;
	margin:140px auto 310px;
}
.loginBorder {
	float:right;
	text-align:left;
	width:300px;
	border:2px solid #73a1c8;
	border-radius:8px;
	padding:40px 60px;
}
.loginBorder01 {
	width:710px;
	border:3px double #73a1c8;
	border-radius:8px;
	padding:40px 35px;
	box-shadow: 0 4px 4px -4px #73a1c8;
}
.passTxt a {
    color:#999999;
    text-decoration:none;
}
.passTxt a:hover {
    text-decoration:underline;
}
.or-border {
  display: flex;
  align-items: center;
  margin: 5px 0;
  font-size: 12px;
}
.or-border:before {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #D6D6D6;
}
.or-border:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #D6D6D6;
}
.menu{
  border:#ccc 1px solid;
  padding:5px 10px; 
  border-radius: 5px 5px;
  }
.menu:hover{
  border:#149AA7 1px solid;
  color: #19939f;
  cursor: pointer;
}
.wizard-steps {
  position: relative;
  clear:both;
  width: 1000px;
}
.wizard-steps div {
  position:relative;
}
.wizard-steps span {
  display: block;
  font-size: 20px;
  text-align:left;
  line-height:15px;
  margin-top:10px;
}
.wizard-steps a {
  position:relative;
  display:block;
  width:190px;
  height:50px;
  text-align: left;
  margin-right: 18px;
  float: left;
  font-size:10px;
  line-height:30px;
  text-decoration:none;
  border: 1px solid #cccccc;
  padding-left:35px;
}
.wizard-steps a:before {
  width:0px;
  height:0px;
  position: absolute;
  content: "";
  border-width: 27px 0 26px 22px;
  border-style: solid;
  border-color: transparent transparent transparent #cccccc;
  left: 205px;
  z-index: -3;
  top: -2px;
}
.wizard-steps a:after {
  width: 0;
  height: 0;
  border-width: 25px 0 24px 16px;
  border-style: solid;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  content: "";
  top: 0px;
  right: -19px;
}
.wizard-steps .completed-step01 a {
  position:relative;
  left:70px;
  width:190px;
  z-index: 6;
  padding-left:15px;
}
.wizard-steps .completed-step02 a {
  position:relative;
  left:50px;
  width:180px;
  z-index: 5;
  padding-left:25px;
}
.wizard-steps .completed-step03 a {
  position:relative;
  left: 30px;
  width:180px;
  z-index: 4;
  padding-left:25px;
}
.wizard-steps .completed-step04 a {
    position:relative;
		left: 10px;
    width:180px;
    z-index: 3;
		padding-left:25px;
}
.wizard-steps .completed-step01 a:after,
.wizard-steps .completed-step02 a:after,
.wizard-steps .completed-step03 a:after,
.wizard-steps .completed-step04 a:after {
  border-left: 20px solid #ffffff;
}
.wizard-steps .completed-step01 span,
.wizard-steps .completed-step02 span,
.wizard-steps .completed-step03 span {
  color: #666666;
  text-shadow:none;
  margin-top:10px;
}
.wizard-steps .bgColorHover:hover a{
  color:#73a1c8;
  cursor: pointer;
  background: #e7faff;
  border:1px solid #cccccc;
}
.wizard-steps .bgColorHover:hover span {
  color:#73a1c8;
}
.wizard-steps .bgColorHover:hover a:after {
  border-left: 20px solid #e7faff;
}
.wizard-steps .stepBg_w a {
  color:#c6c6c6;
  background: #ffffff;
}
.wizard-steps .stepBg_w a:hover{
  color:#73a1c8!important;
}
.wizard-steps .stepBg_b a {
  color:#73a1c8;
  background: #ffffff;
}
.wizard-steps .stepBg_g a,
.wizard-steps .stepBg_g a span {
  color:#ffffff!important;
  background: #e6e6e6;
}
.wizard-steps .stepBg_b a:after {
  border-left: 20px solid #e7faff;
}
.wizard-steps .stepBg_g a:after {
  border-left: 20px solid #e6e6e6;
}
/*   table list  */
.table_yearList01 {
	border-top:1px solid #aaaaaa;
	border-right:1px solid #aaaaaa;
}
.table_yearList01 tr{
	border-bottom:1px solid #aaaaaa;
}
.table_yearList01 th,
.table_yearList01 td{
	border-left:1px solid #aaaaaa;
	padding:5px;
	text-align:center!important;
}
.table_yearList01 td{
	background-color:#f7f7f7;
}
.table_yearList01 td:first-child{
	text-align:right!important;
}
.table_yearList01 th a,
.table_yearList01 td a{
	text-decoration:underline;
}
.table_yearList01 th a:hover,
.table_yearList01 td a:hover{
	text-decoration: none;
}
.table_yearList01 th a{
	font-weight:bold;
}
.table_yearList01 th:first-child a{
	color:#000000;
	text-decoration:none!important;
}
.table_yearList01 th:first-child a:hover,
.table_yearList01 th:first-child a:visited{
	color:#0099ff!important;
}
.table_yearList01 th a:hover{
	color:#0099ff;
}
/*step*/ 
.step i.corner1{
  background: #e6e6e6;
}
.step a:link{
  text-decoration: none
}
.stepStyle div.step:last-child i.corner1{
  background: transparent;
}
.step_blue a p.st_p1{
  color: #666;
}
.step_blue a p.st_p2{
  color: #c6c6c6;
} 
.step_blue i.corner,.step_gary i.corner,.step_white i.corner{ 
  border-bottom: 26px solid transparent;
  border-top: 26px solid transparent;
}
.step_blue i.corner1{
  border-left: 20px solid #ccc;
}
.step_blue i.corner2{
  border-left: 20px solid #fff;
}
.step_blue a{
  background: #e7faff;
}
.step_blue a p.st_p1,.step_blue a p.st_p2{
 color: #73a1c8;
}
.step_blue  i.corner2{
  border-left: 20px solid #e7faff;
}
.step_gary a{
  background: #e6e6e6;
} 
.step_gary a p.st_p1,.step_gary a p.st_p2{
 color: #fff;
}
.step_gary i.corner1{
  border-left: 20px solid #ccc;
}
.step_gary i.corner2{
  border-left: 20px solid #e6e6e6;
}

.step_white a{
  background: #fff;
} 
.step_white a p.st_p1{
 color: #666;
}
.step_white a p.st_p2{
  color: #c6c6c6;
 } 
.step_white i.corner1{
  border-left: 20px solid #ccc;
}
.step_white i.corner2{
  border-left: 20px solid #fff;
}
/*scroll-table*/
#table1 tbody:last-child td,#table2 tbody:last-child td{
  border-bottom: none !important;
}
.input_showPageNo{
  width: 30px !important;
  height: 22px !important;
  margin-right: 20px !important;
  padding: 0 3px;
}

.borderList01 li {
	position:relative;
	float:left;
	width:318px;
	height:50px;
	color:#999999;
	font-size:14px;
	border:1px solid #73a1c8;
	border-radius: 2px;
	margin-right:20px;
	display: block;
/*	background:url(../images/edit_02.png) no-repeat right 10px center;
*/}
.borderList01 li:nth-child(n+5) {
  margin-top: 10px;
}
.borderList01 li:last-child {
	margin-right:0;
}
.borderList01 li a {
	color:#73a1c8;
	cursor: pointer;
	display: block;
}
.borderList01 li a:hover {
	text-decoration:none;
	background-color:#e8f2fb;
	background:url(../images/edit_02.png) #e8f2fb no-repeat right 10px center;
}
.borderList01 li span{
	vertical-align:middle;
}
.borderList01 li span:first-child{
	padding-left:10px;
}
.borderList01 li span img{
	float:right;
	margin-top:12px;
	margin-right:10px;
	z-index:-40;
}
.borderList01 .popBlock01 {
	position: absolute;
	width: 158px;
	top: 39px;
	background-color: #ffffff;
	border: 1px solid #66b6ff;
	box-shadow: #d7d7d7 1px 1px 4px 1px;
	left: 147px;
	z-index:50;
}

.borderList01 .popBlock01 li{
	width:158px;
	height:auto;
	font-size:12px;
	text-align:center;
	line-height:30px;
	border:none;
	border-bottom:1px solid #c1d9e9;
	margin:0;
}
.borderList01 .popBlock01 li a{
	color:#0099ff;
}
.borderList01 .popBlock01 li a:hover{
	background-color: #f3f9ff;
	background-image:none;
}

.borderList01 .popBlock01 li:last-child{
	border-bottom:none;
}
.popBlock02 {
	position: absolute;
	width: 158px;
	top: 39px;
	background-color: #ffffff;
	border: 1px solid #ff9900;
	box-shadow: #d7d7d7 1px 1px 4px 1px;
	left: 147px;
	z-index:50;
}
.popBlock02 li{
	width:158px;
	height:auto;
	font-size:12px;
	text-align:center;
	line-height:30px;
	border:none;
	border-bottom:1px solid #ded0bb;
	margin:0;
}
.popBlock02 li a{
  display: block;
	color:#ff9900;
}
.popBlock02 li a:hover{
	background-color: #fff7ec;
  text-decoration: none;
}
.popBlock02 li:last-child{
	border-bottom:none;
}
.peopleBlock01 {
    position: relative;
    text-decoration: none;
}
.peopleBlock01 .txtBlock01 {
  display: none;
  padding: 0 5px;
  left: -63px;
  text-align: center;
}
.peopleBlock01:hover .txtBlock01 {
  display: block;
  position: absolute;
  width: 137px;
  top: 20px;
  color: #ff9c08;
	background-color: #ffffff;
	border: 1px solid #ff9c08;
	box-shadow: #666666 1px 1px 3px 1px;
  padding: 7px 7px 6px;
  z-index: 50;
}
.borderBlock01_t3 {
	border:1px solid #73a1c8;
	border-top-width:3px;
	margin-bottom:30px;
}
.tableBlock02 {
	border:1px solid #aaaaaa;
}
.tableBlock02 th {
	background-color:#e6e6e6;
	padding:4px 5px;
	font-weight:bold;
}
.tableBlock02 td {
	padding-left:10px;
}
.borderBlock03{
  width: 428px;
  height: 100%;
  margin-top: 10px;
  margin-right: 22px;
  overflow: hidden;
}
.borderBlock03 img{
  cursor:pointer;
}
.borderBlock03 input[type="text"] {
  padding: 0 5px;
}
.ck-content{
  min-height: 300px;
}
.selfCare01 {
	position: absolute;
	width: 12px;
	top: 10px;
	left:10px;
	color: #ffffff;
	line-height:14px;
	background-color: #73a1c8;
	padding: 17px 7px;
	border-radius:3px;
}
#presentation table,
#presentation tr,
#presentation td{
  font-size: 12px;
  border:1px solid #aaaaaa;
  color: #333333;
}

.btnArr_blue .el-select.nb{
  line-height: 34px;
}
.btnArr_blue .el-input.el-input--suffix {
  display: inline-block;
  border: 1px solid #73a1c8;
  font-size:14px!important;
  border: none;
  border-radius: 2px;
  text-align: center;
  line-height: 34px;
  
}
.btnArr_blue .el-input__inner{
  display: block;
  color: #73a1c8;
  text-align: center;
  border: none;
  text-decoration: none!important;
  background: url(../images/arr_13.png) no-repeat right 12px center;
}

.btnArr_blue .el-select__caret.el-input__icon.el-icon-arrow-up{
  display: none;
}

.redbutton{
  border-color: #ff0000 !important;
}
.redbutton i{
  color: #ff0000 !important;
}
#step4 th{ background-color: #f2dddb!important;}

.tableBlock_idx table.tbl_report,
.tableBlock_idx table.tbl_report td{
  border:1px solid #999999 ;
}
.tableBlock_idx table.tbl_report{
  border-width: 0 0 1px 1px;
  border-collapse: separate;
}
.tableBlock_idx table.tbl_report td{
  border-width: 1px 1px 0 0;
  text-align: center;
}

.tableBlock_idx table.tbl_report thead td{
  background-color:#DAE3F3 ;
  line-height: 27px;
  color: #000000;
}
.tableBlock_idx table.tbl_report thead td.subtt{
  background-color:#ececec ;
}
.tableBlock_idx table.tbl_report tfoot td{
  border-top-width:2px;
}
.graphsmaple{
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.graphsmaple.c1{ background-color:#ffb4ac;}
.graphsmaple.c2{ background-color:#c5e0b4;}
.graphsmaple.c3{ background-color:#ffc000;}
.graphsmaple.c4{ background-color:#ff7a0f;}
.graphsmaple.c5{ background-color:#00b0f0;}
.graphsmaple.c6{ background-color:#c899f1;}

/*add*/
.error-message{
    border: #ff0000 2px solid;
    padding: 5px 40px;
    text-align: left;
    font-size: 14px;
    font-weight: 800;
    margin-top: 20px;
    color: #ff0000;
}
.error-message-login{
    width: 300px;
}
.error-message-normal{
    width: 500px;
    margin: 20px auto;
}
/* IME SETTING */
.ime-close {
    ime-mode: disabled;
}

.close-window{
    text-decoration:none;
}
.close-window:hover{
    text-decoration:none;
}
/*login*/
.pwdShowTop {
    top:22px
}
.pwdShow {
    display: inline-block;
    width: 18px;
    height: 12px;
    background: url('../images/password_show.png') no-repeat;
    background-size: 18px;
}
.pwdShowing {
    background: url('../images/password_show_active.png') no-repeat;
    background-size: 18px;
}
.pwdNone {
    background: url('../images/password_show.png') no-repeat;
    background-size: 18px;
}

.bgefefef {
    background-color: #efefef;
}
.sp-htmlLoginMessage {
  float: right;
  width: 405px;
  padding: 5px 10px;
  margin-bottom: 5%;
  margin-top: 2%;
  text-align: left;
}