/* CSS Document */

.dno{display:none}
.dbk{ display:block}
.fl{ float:left;}
.fr{ float:right;}
.aposition{ position:relative}
.pr{ position:relative}
.pa{ position: absolute}
/* 不可行，讓div莫名占了高度 .box{ display:inline-block; min-width: 100%;} */


/*清除浮动样式*/
.clear{ clear:both; }
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}


/*几种不同间隔的样式*/
.space5{ height:5px; clear:both;}
.space10{ height:10px; clear:both;}
.space15{ height:15px; clear:both;}
.space20{ height:20px; clear:both;}
.space30{ height:30px; clear:both;}

/*几种不同的字体样式*/


/*长度百分比*/
.w30{ width:30%;}
.w33{ width:33.3333%;}
.w38{ width:38%;}
.w50{ width:50%}
.w60{ width:60%}
.w66{ width:66.6666%}
.w90{ width:90%}
.w100{ width:100%; box-sizing: border-box;}


/*其他样式*/
.p5{ padding:5px;}
.p10{ padding:10px;}
.p20{ padding:20px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}
.prf5{ padding:0 5px;}
.pb5{ padding-bottom:5px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px; }

.fontred{ color:#f9339b}
.fontgrey,.sfontgrey{ color:#999;}
.sfontgrey{ font-size:11px;}
.fontdark{ color:#242424;}
.fontyellow,.sfontyellow{ color:#eba602;}
.fontyellow{ text-decoration:underline; font-size:13px;}
.fontblue{color:#3366CC}
.gather{ color:#7d5302;}
.fblod{ font-weight:bold;}
.font16{ font-size:16px!important;color:#f9339b; font-weight:bold;}
.font16w,.f16{ font-size:16px; }
.font15{ color:#000; font-size:15px; text-align:center;}
.font14,.f14{ font-size:14px;}
.font12,.f12{ font-size:12px;}
.fontstyle{ text-decoration:line-through;}
.bs{ box-sizing:border-box}

.m0a{ margin:0 auto}
.m5{ margin:5px;}
.m10{ margin:10px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}

.hide{display:none;}
.compadding,.p14{ padding:0 8px;}

.red, a.red {color: #c9033b;}
.red1, a.red1 {color: #ff0000;}
.tc,.textc{ text-align: center}
.tl,.textl{ text-align: left}
.tr,.textr{ text-align: right}
.lh2{ line-height:2}
.nowrap{ white-space:nowrap}
.bgFFF{background-color:#FFF}
.symbol{font-family: tahoma;}

/*输入框*/
input.css{padding:0 5px; margin:0;background:#fff; border:1px solid #dadada; color:#404040; border-radius:4px; box-shadow:none; font-size:14px; height:38px; line-height:38px; box-sizing:border-box}
textarea.css{padding:5px; margin:0;background:#fff; border:1px solid #dadada; color:#404040; border-radius:4px; box-shadow:none; font-size:14px;line-height:1.5; box-sizing:border-box}
input.btn_css,button.btn_css{height:38px;vertical-align: unset;}
a.btn_css{height:38px;line-height:38px; padding-top:0; padding-bottom:0;}
select.css{height:38px;line-height:38px;background:#fff; border:1px solid #dadada;border-radius:4px;padding:0 5px;}

/*表格*/
table.def{border-collapse:collapse; border:none;}
table.def>tr>td,table.def>tr>th,table.def>tbody>tr>td,table.def>tbody>tr>th{ padding:0; margin:0; border:1px solid #dddddd; height:48px; background-color: #f9f9f9; }
table.def>tr:nth-child(even)>td,table.def>tbody>tr:nth-child(even)>td { background-color: #FFF;}
table.def>tr:nth-child(odd)>td,table.def>tbody>tr:nth-child(odd)>td { background-color: #f9f9f9;}

table.def1{border-collapse:collapse; border:none;}
table.def1>tr>td,table.def1>tr>th,table.def1>tbody>tr>td,table.def1>tbody>tr>th{ padding:0; margin:0; border:1px solid #dddddd; height:48px; }
table.def1>tr>th,table.def1>tbody>tr>th{background-color: #f9f9f9;}
table.def1>tr>td,table.def1>tbody>tr>td{background-color: #fff;}


table.td5>tr>td,table.td5>tbody>tr>td{ padding:5px;}
table.td10>tr>td,table.td10>tbody>tr>td{ padding:10px;}
table.tdw10>tr>td,table.tdw10>tbody>tr>td,table.tdw10>tr>th,table.tdw10>tbody>tr>th{ padding:0 10px;}
table.thr>tr>th,table.thr>tbody>tr>th{ text-align:right}
table.center td{ text-align:center}
/*table td.tl{ text-align:left}*/
table td.tr{ text-align:right}
table .td10{padding:10px !important;}
table.hauto td,table.hauto th{ height:auto !important}

ul.def{ padding-left:20px;}
ul.def li{ list-style:disc; margin-bottom:5px;}




/*bootstrap extend*/
.border {
  border: 1px solid #e5e5e5;
}
.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}




.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}


.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}


.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.w-px-25 {
  width: 25px;
}

.w-px-50 {
  width: 50px;
}

.w-px-75 {
  width: 75px;
}

.w-px-100 {
  width: 100px;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}