label { font-weight:700; }
.selectbox { display:inline-block; height:35px;	font-size:17px; border:1px solid #CCCCCC; border-radius:4px;	background-color:#FFFFFF; padding:0 35px 0 10px;	}
.selectbox:foucs{ -webkit-appearance: none; -moz-appearance: none; }
.selectbox_big {	font-size:14px;	border:1px solid #E8E8E8;	background-color:#FFFFFF; padding:8px 7px 9px 7px; }

.formTitle { margin-top:15px; padding:6px 0px 5px 10px;	font-size:23px; font-weight:700; letter-spacing:-1px; line-height:25px; text-align: left; }
.formTitle span { font-size: 15px; font-weight:100; letter-spacing: -1px; color: #6D6D6D; padding-left: 10px;  }
.formTitle .btn { float:right;  }

.login { font-size:700; font-size:14px; color:#4B463E; border:1px solid #E8E8E8; background-color: #FFFFFF; padding:8px 10px 9px 10px; }
.login_nowidth { font-size:700; font-size:14px; color:#4B463E; border:1px solid #E8E8E8; background-color: #FFFFFF; padding:8px 7px 9px 7px; }

.textarea_join {	font-size:13px; color:#818181; line-height: 17px; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; border:1px dotted #808080; border-radius:4px; background-color: #FFFFFF; }

.fixed { table-layout:fixed; }

.editbox { display:inline-block;	font-size: 14px; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius:4px; margin:1px 0 1px 0; padding:5px 2px 4px 2px; }/* ime-mode:active; */

.noneDataBox { border:1px solid #DEDEDE;	background:#F9F9F9; white-space:nowrap; text-overflow : ellipsis; overflow : hidden; 	letter-spacing: 0; padding: 50px 0 50px 0; line-height:20px; text-align:center; }

#listdiv { clear:both; margin:0 auto; width:100%; padding:10px 0; }

#formdiv { clear:both; margin:0 auto; width:100%; padding:10px 0; }

table.listTbl { width:100%; border-spacing:1px; padding:0px; background:#dfe0e6; }
table.listTbl th { letter-spacing: -1px; color: #444; padding: 10px 0; }
table.listTbl td { letter-spacing: -1px; color: #444; padding: 10px 0; background:#ffffff; }
table.listTbl .noneData { 	background:#FFFFFF; white-space:nowrap; text-overflow : ellipsis; overflow : hidden; 	letter-spacing: 0; padding: 20px 0 20px 0; line-height:20px; text-align:center; color:#804040; }
table.listTbl .listTitle { font-size: 14px;  letter-spacing: -1px; color: #323232; padding: 10px 0 10px 0; }
table.listTbl .listData { 	font-size: 14px; letter-spacing: 0px; white-space:nowrap; text-overflow : ellipsis; overflow : hidden; 	padding: 10px 0; }
table.listTbl td a{color: #4058aa; font-weight:500;}

table.regTbl { width:100%; border-spacing:1px; padding:0px; background:#dfe0e6; }
table.regTbl th { letter-spacing: -1px; color: #323232; padding: 7px 0 7px 0; }
table.regTbl td { letter-spacing: -1px; color: #323232; padding: 5px 0 5px 0; background:#ffffff; }
table.regTbl .noneData { 	background:#FFFFFF; white-space:nowrap; text-overflow : ellipsis; overflow : hidden; 	letter-spacing: 0; padding: 20px 0 20px 0; line-height:20px; text-align:center; color:#804040; }
table.regTbl .listData { 	font-size: 14px; letter-spacing: 0px; white-space:nowrap; text-overflow : ellipsis; overflow : hidden; 	padding: 8px 0 8px 0; }
table.regTbl .leftCell { background: #F4F4F4; padding: 7px; font-weight:700; }
table.regTbl .rightCell { background: #FFFFFF; padding: 7px 5px 7px 5px; }


#submitArea { clear:both; margin:0 auto; width:100%; text-align:center; padding-top:20px; }

span.submitBtn { padding:0; }
span.submitBtn button {	font-size:15px;	font-weight: 700;	color: #FFFFFF;	letter-spacing: 0px;	border: 1px solid #38407B; border-radius:4px;	background: #38407B;	margin:0 2px 0 2px;	padding: 20px 30px;	cursor: pointer;}

span.cancelBtn { padding:0; }
span.cancelBtn button {	font-size:15px;	font-weight: 700;	color: #FFFFFF;	letter-spacing: 0px;	border: 1px solid #262626; border-radius:4px;	background: #262626;	margin:0 2px 0 2px;	padding: 20px 30px;	cursor: pointer;}

span.orderBtn { padding:0; }
span.orderBtn button {	font-size:15px;	font-weight: 700;	color: #FFFFFF;	letter-spacing: 0px;	border: 1px solid #38407B; border-radius:4px;	background: #38407B;	margin:0 2px 0 2px;	padding: 20px 30px;	cursor: pointer;}

span.searchBtn { padding:0; }
span.searchBtn button {	font-size: 14px;	font-weight: bold;	color: #FFFFFF;	letter-spacing: -1px;	border: 2px solid #313131; border-radius:4px;	background: #313131;	margin:5px; padding: 7px 13px 7px 13px;	cursor: pointer;}

span.ad_searchBtn { padding:0; }
span.ad_searchBtn button {	font-size: 15px;	font-weight: bold;	color: #FFFFFF;	letter-spacing: -1px;	border: 2px solid #313131; border-radius:4px;	background: #313131;	margin:5px; padding: 16px 13px 14px 13px;	cursor: pointer;}

span.download_btn { padding:0; }
span.download_btn button {	font-size: 11px;	color: #FFFFFF;	letter-spacing: -1px;	border: 1px solid #003939; border-radius:4px;	background-color: #003939;		width: auto;	margin:0 2px; padding: 5px 10px 6px 10px;	cursor: pointer;}

span.cartDel_btn { padding:0; }
span.cartDel_btn button {	font-size: 11px;	color: #FFFFFF;	letter-spacing: -1px;	border: 1px solid #d23a42; border-radius:4px;	background-color: #d23a42;		width: auto;	margin:0 1px; padding: 3px 4px 4px 4px;	cursor: pointer;}

.taxBtn { padding:0; }
.taxBtn button {	font-size: 14px;	font-weight: bold;	color: #FFFFFF;	letter-spacing: -1px;	border: 2px solid #FF8000; border-radius:4px;	background: #FF8000;	margin:2px 5px; padding: 3px 13px 2px 13px;	cursor: pointer;}


.searchDateBox { float:left; padding:0px; }
.searchDateBox img { vertical-align:bottom; margin-bottom:3px; margin-left:2px; margin-right:2px; }
.searchDatePeriod { float:left; display:block; padding:5px 4px 4px 4px; font-weight:700; }

.searchDate { margin:0px; margin-left:10px; padding:0px; overflow:hidden; }
.searchDate .searchAddDateBtn { float:left; width:50px; border:1px solid #d5d8dc; margin-left:-1px; text-align:center; line-height:26px; background: #FFFFFF; }
.searchDate .searchAddDateBtn_end { float:left; width:50px; border:1px solid #d5d8dc; margin-left:-1px; text-align:center; line-height:26px; background: #FFFFFF;  }
.searchDate .searchAddDateBtn a, .searchAddDateBtn_end a { display:block; width:100%; text-align:center; }
.searchDate .searchAddDateBtn a.on, .searchAddDateBtn_end a.on { background: #898989; color:#FFFFFF; }
.searchDate .searchAddDateBtn a.off, .searchAddDateBtn_end a.off { background: #FFFFFF; color:#898989; }

.datepickerBox { display:inline-block; padding:0px; }
.datepickerBox input { width:120px; display:inline-block; }
/* .datepickerBox:after { content: "\f073"; } */
.datepickerBox img { position:absolute; display:none !important; vertical-align:bottom; margin-bottom:3px; margin-left:2px; margin-right:2px;}
.datepickerBox i { display:inline-block; font-size:25px; font-weight:100; justify-content: center !important; }

.datepickerDashBox { display:inline-block; padding:0px; }
.datepickerDashBox input { width:120px; display:inline-block; }
/* .datepickerBox:after { content: "\f073"; } */
.datepickerDashBox img { position:absolute; display:none !important; vertical-align:bottom; margin-bottom:3px; margin-left:2px; margin-right:2px;}
.datepickerDashBox i { display:inline-block; font-size:25px; font-weight:100; justify-content: center !important; }

.addDesign { width:100%; margin-top:20px; text-align:right; }
.addDesign label { font-size:15px; font-weight:700; color:#004080; }
.addDesign span { font-size:17px; font-weight:700; color:#004080; }

#pageNavi { clear:both; margin:0 auto; width:100%; text-align:center; padding:10px 0 10px 0; }
.pagination {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; font-size: 15px; }
.page-link { position: relative; display: inline-block; padding: .5rem .95rem; margin-left: -1px; line-height: 1.25; color: #4c4c4c; background-color: #fff; border: 1px solid #ddd;}
.page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: .25rem; border-top-left-radius: .25rem;}
.page-item.on .page-link, .page-link:hover{ background: #00316C; color: #fff;}
.page-item:last-child .page-link { border-bottom-right-radius: .25rem; border-top-right-radius: .25rem;}
ul.pagination::after { display: block; content: ""; clear: both;}
.justify-content-center { -webkit-box-pack: center!important; -webkit-justify-content: center!important; -ms-flex-pack: center!important; justify-content: center!important;}


.searchBtnw{position:absolute; margin-top:-20px; right:5px;bottom:5px;}

/*
.contact_service_wrap {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	
}
.contact_service_wrap .banner { width:100%; height: 500px; border-radius: 20px; background:url(../images/contact01.png); background-size: cover; opacity : 0.6; }
.contact_service_wrap .txt { width:100%; margin:0 auto; overflow:hidden; }
.contact_service_wrap .txt .tit {}
*/
.contact_service_wrap{display:grid; grid-template-columns:1fr 1fr;}
.contact_service_wrap .img img{ width: 100%; min-height:300px; background-size: cover; opacity : 0.6; }
.contact_service_wrap .text{position: relative; max-width: 600px; padding-left: 60px; padding-top: 80px; text-align: left;}
.contact_service_wrap .text dl{}
.contact_service_wrap .text dl dt{position: relative; font-weight: 600; font-size: 46px; color:#222;  margin-bottom: 40px;}
.contact_service_wrap .text dl dt::after{content: "";position: absolute; top:100%; transform: translateY(10px); left: -100px; width: 110%; max-width:600px; height: 2px; background: var(--orange2);}
.contact_service_wrap .text dl dt span{display: block; color:#d1d1d1; font-size: 18px; margin-bottom: 10px;}
.contact_service_wrap .text dl dd p {font-size: 15px; margin-bottom: 5px; color: #666; padding-right: 20px; }
.contact_service_wrap .text dl dd strong{ font-size: 17px; color: #222; }

.contact_support_wrap{ display:grid; grid-template-columns:1fr 1fr; margin: 100px 0; background: #F4F4F4; }
.contact_support_wrap .img img{ width: 100%; background-size: cover; opacity : 0.6; }
.contact_support_wrap .text{  position: relative; display: block; float: right; right: 0; width: 600px; margin: 0 0 0 auto; padding-right: 60px; padding-top:100px; text-align: right;  }
.contact_support_wrap .text dl{}
.contact_support_wrap .text dl dt{position: relative; font-weight: 600; font-size: 46px; color:#222;  margin-bottom: 40px;}
.contact_support_wrap .text dl dt::after{content: "";position: absolute; top:100%; transform: translateY(10px);right: -100px; width:120%; max-width:800px; height: 2px; background: var(--orange2);} /* #52ae25; */
.contact_support_wrap .text dl dt span{display: block; color:#d1d1d1; font-size: 18px; margin-bottom: 10px;}
.contact_support_wrap .text dl dd p {font-size: 15px; margin-bottom: 5px; color: #666; }
.contact_support_wrap .text dl dd strong{ font-size: 17px; color: #222; }


.contact_us_wrap2{display:grid; grid-template-columns:1fr 1fr; margin-bottom: 100px; }
.contact_us_wrap2 .img img{ width: 100%; min-height: 630px; background-size: cover; background-position: right; opacity : 0.6; }
.contact_us_wrap2 .text{position: relative; max-width: 600px; padding-left: 60px; text-align: left;}
.contact_us_wrap2 .text dl{ margin-bottom: 30px; }
.contact_us_wrap2 .text dl dt{position: relative; font-weight: 600; font-size: 46px; color:#222;  margin-bottom: 40px;}
.contact_us_wrap2 .text dl dt::after{content: "";position: absolute; top:100%; transform: translateY(10px); left: -100px; width: 120%; height: 2px; background: var(--orange2);}
.contact_us_wrap2 .text dl dt span{display: block; color:#d1d1d1; font-size: 18px; margin-bottom: 10px;}
.contact_us_wrap2 .text dl dd p {font-size: 15px; margin-bottom: 5px; color: #666; padding-right: 20px; }
.contact_us_wrap2 .text dl dd strong{ font-size: 17px; color: #222; }
.contact_us_wrap2 .text .reg-form-group { width:calc(100% - 4px); margin:10px auto; border:1px solid var(--light-primary); border-radius:10px; background: #FFFFFF; overflow:hidden; }
.contact_us_wrap2 .text .reg-form-group .col-title { float:left; width:100px; font-size:15px; font-weight:500; color: var(--primary); padding:10px 0px 3px 10px; text-align:left; }
.contact_us_wrap2 .text .reg-form-group .col-contents { display:inline-block; width:calc(100% - 120px); padding:5px 0px; text-align:left; }
.contact_us_wrap2 .text .reg-form-group .col-contents input { width:calc(100% - 30px); border:0px; padding:10px; background:transparent; }
.contact_us_wrap2 .text .reg-form-group .col-contents textarea { width:calc(100% - 30px); height:165px; border:0px; padding:10px; resize: none; background:transparent; }
.contact_us_wrap2 .text span.submitBtn { float:right; margin-top:10px; padding:0px 0px 0px 0px; }
.contact_us_wrap2 .text span.submitBtn button {	font-size:17px;	font-weight:700; color: #FFFFFF;	letter-spacing: -1px;	border: 1px solid var(--primary);	background: var(--primary);	margin:0;	padding:10px 30px;	cursor: pointer;}



.contact_us_wrap { position:relative; width:100%; min-height:700px; margin:0 auto; padding:0px 0 30px 0; overflow:hidden;  }
.contact_us_wrap:before { content: ""; position: absolute; z-index: -1;  background-size: cover; background-repeat: no-repeat; opacity : 0.3; top: 0; bottom: 0; left: 0; right: 0; } /* background-image:url('../images/contact_us_bg.png'); */
.contact_us_wrap .const { max-width:1200px;  margin:0 auto; overflow:hidden; } /* max-width:1200px; */

.contact_us_wrap .const .tit { width:100%; margin:0 auto; padding-bottom: 50px; }
.contact_us_wrap .const .tit h2 { font-size:32px; font-weight:700; line-height:32px; display:block; padding:10px 10px 0px 10px;  }
.contact_us_wrap .const .tit span { font-size:15px; font-weight:300; display:block; padding:0px 10px 10px 10px;  color:#4E4F48;  }

.contact_us_wrap .const .lZone { float:left; width: calc(55% - 20px); margin-right:20px; }
.contact_us_wrap .const .lZone .reg-form-group { width:calc(100% - 4px); margin:10px auto; border:1px solid var(--light-primary); border-radius:10px; background: #FFFFFF; overflow:hidden; }
.contact_us_wrap .const .lZone .reg-form-group .col-title { float:left; width:100px; font-size:15px; font-weight:500; color: var(--primary); padding:10px 0px 3px 10px; text-align:left; }
.contact_us_wrap .const .lZone .reg-form-group .col-contents { display:inline-block; width:calc(100% - 120px); padding:5px 0px; text-align:left; }
.contact_us_wrap .const .lZone .reg-form-group .col-contents input { width:calc(100% - 30px); border:0px; padding:10px; background:transparent; }
.contact_us_wrap .const .lZone .reg-form-group .col-contents textarea { width:calc(100% - 30px); height:165px; border:0px; padding:10px; resize: none; background:transparent; }
.contact_us_wrap .const .lZone span.submitBtn { float:right; margin-top:10px; padding:0px 0px 0px 0px; }
.contact_us_wrap .const .lZone span.submitBtn button {	font-size:17px;	font-weight:700; color: #FFFFFF;	letter-spacing: -1px;	border: 1px solid var(--primary);	background: var(--primary);	margin:0;	padding:10px 30px;	cursor: pointer;}

.contact_us_wrap .const .rZone { float:right; width: 45%; margin-top: 10px; background:#FFFFFF; }
.contact_us_wrap .const .rZone .banner { width:100%; height: 500px; border-radius: 20px; background:url(../images/contact_us_bg.png); background-size: cover; opacity : 0.6; }
/* .contact_us_wrap .const .rZone .banner img {  width:100%; border-radius: 20px; background:url(../images/contact_us_bg.png); background-size: cover; opacity : 0.8;  } */
.contact_us_wrap .const .rZone .banner-txt { position:absolute; top:50px; margin-left: 20px; transform: translateY(300px); transition:all 2s; opacity:0.1; }
.contact_us_wrap .const .rZone .banner-txt .tit { display:block; font-size: 2.3em; font-weight: 700; color: var(--orange2); }
.contact_us_wrap .const .rZone .banner-txt .tit:after { content:""; position:relative; display:block; width: 150px; height: 7px; background:var(--orange2); margin-top: -20px; margin-left: 250px; }
.contact_us_wrap .const .rZone .banner-txt .tel { display:block; font-size: 1.3em; }
.contact_us_wrap .const .rZone .banner-txt .email { display:block; font-size: 1.3em; }
.contact_us_wrap .const .rZone .banner-txt.view {opacity:1;  transform: translateY(0px); }


.hpc-meaning{}
.hpc-meaning .wrap{padding:0 20px;}
.hpc-meaning .wrap ul{border-top:1px solid #a3a3a3;text-align: left;}
.hpc-meaning .wrap ul > li{border-bottom:2px solid #f4f4f4;display:grid; grid-template-columns:230px 1fr; grid-gap:50px;text-align: left; padding:40px 0;}
.hpc-meaning .wrap ul > li .img{ width: 200px; height: 200px; margin: 0 auto; text-align: center; background:#F7F7F7; border-radius: 50%; margin:0 2%; padding: 23% 0;  }
.hpc-meaning .wrap ul > li .img .tit { font-size: 80px; color:#83AAE4; opacity:0.4; }
.hpc-meaning .wrap ul > li .text{}
.hpc-meaning .wrap ul > li .text .title{font-size:24px; color: #333; font-weight: 700; margin-bottom: 20px;}
.hpc-meaning .wrap ul > li .text .title span{ font-size:24px; color:var(--orange2);font-weight: 600; } /* #2359a7 */
.hpc-meaning .wrap ul li .text .con{}
.hpc-meaning .wrap ul li .text .con ol{}
.hpc-meaning .wrap ul li .text .con ol li{position: relative; padding-left:15px; font-size: 16px;  color: #535353; display: block;margin-bottom: 10px;}
.hpc-meaning .wrap ul li .text .con ol li strong{ font-size: 16px;  color: #2A2A2A; font-weight:700; }
.hpc-meaning .wrap ul li .text .con ol li:after{content: "●"; display: block; position: absolute; left: 0; top:5px; font-size: 11px;  color:var(--orange2); opacity:0.4; } /* #2359a7 */

.sol-intro {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	
}
.sol-intro .item-box {
	position: relative;	margin:0; padding: 90px 35px;  text-align: center; border: 1px solid #F4F4F4; background:#F0F0FF; border-radius: 50%; /* padding: 90px 35px; */
}
.sol-intro .item-box h2 { position:relative; font-size:4.0em; font-weight:600; color:var(--orange2); letter-spacing:-0.03em; }
.sol-intro .item-box .tit { position:relative; font-size:2.7em; font-weight:700; color:#333; letter-spacing:-0.03em; }
.sol-intro .item-box .content { margin-top: 20px; font-size:1.5em; text-align: center;  }


.dq-intro {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	
}
.dq-intro .item-box {
	position: relative;	margin:0; padding: 90px 35px; text-align: center; border: 1px solid #F4F4F4; background:#F0F0FF; border-radius: 50%;
}
.dq-intro .item-box h2 { position:relative; font-size:1.3em; font-weight:600; color:#333; letter-spacing:-0.03em; }
.dq-intro .item-box .tit { position:relative; font-size:2.7em; font-weight:700; color:#333; letter-spacing:-0.03em; }
.dq-intro .item-box .content { margin-top: 20px; font-size:1.1em; text-align: center;  } /* padding-left: 30px; */

.dq-point {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	
}
.dq-point .item-box {
	position: relative;	margin:0; padding: 0px 35px; text-align: center; 
}
.dq-point .item-box h2 { position:relative; font-size:1.3em; font-weight:600; color:#333; letter-spacing:-0.03em; }
.dq-point .item-box .tit { position:relative; font-size:2.5em; font-weight:700; color:#333; letter-spacing:-0.03em; }
.dq-point .item-box .content { margin-top: 10px; }
.dq-point-graph { width: 100%; margin: 30px auto 0 auto; text-align: center; }


.pro-server {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	margin-bottom: 100px
}
.pro-server .item-box {
	position: relative;	margin:0; padding: 0px 35px; text-align: center; border:1px solid #F4F4F4; border-radius: 20px; padding: 20px; box-shadow: 3px 3px 20px 1px #EFEEE9;
}

.search-wrap { clear:both; margin:0 auto; width:calc(100% - 2px); margin-bottom:20px; padding: 0; border:1px solid #E6E6E6; border-radius:10px; background:#FFFFFF; overflow:hidden; }
.search-wrap .leftCell { padding: 7px 7px 7px 10px; font-weight:700; }
.search-wrap input[type="radio"] { position: absolute; width: 17px; height: 17px; padding: 0px; margin:0px; overflow: hidden; } 
.search-wrap input[type="radio"] + label { display: inline-block; position: relative; padding-left: 20px; margin-top: 4px; margin-right:15px;  cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

table.searchTbl { width:100%; border-spacing:1px; padding:0px; }/* dfe0e6 */
table.searchTbl th { font-weight: 500; letter-spacing: -1px; color: #3F3F3F; background: #F9F9F9; padding: 7px 10px 7px 15px; }
table.searchTbl td { background:#FFFFFF; padding: 7px 7px; text-align: left;  }
table.searchTbl input[type="checkbox"] { position: absolute; width: 17px; height: 17px; padding: 0px; margin:10px; margin-top: 10px; overflow: hidden; } 
table.searchTbl input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 32px; margin-right:15px;  cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
table.searchTbl input[type="radio"] { position: absolute; width: 17px; height: 17px; padding: 0px; margin:10px; margin-top: 10px; overflow: hidden; } 
table.searchTbl input[type="radio"] + label { display: inline-block; position: relative; padding-left: 32px; margin-right:15px;  cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

table.mainTbl {
  width: 100%;
}
table.mainTbl thead {
  background-color: #F3FBEE;
}
table.mainTbl th {
  color: var(--black1);
  font-weight: 600;
  text-align: left;
  vertical-align: middle;
  padding: 15px 10px;
}
table.mainTbl tbody {
  border: 0px solid #EEEEEE;
}
table.mainTbl td {
  line-height: 1.5em;
  padding: 10px 10px;
  border-bottom: 1px solid #e9e9e9;
	text-align: left;
  vertical-align: middle;
  white-space:nowrap; text-overflow : ellipsis; overflow : hidden;
}

.blue_usage{	background: #0c276c; height: 100%;	padding-top:3px;	color:#ffffff;	}	
.red_usage{	background: #FF0000; height: 100%;	padding-top:3px;	color:#ffffff;	}	
.green_usage{	background: #23441A; height: 100%;	padding-top:3px;	color:#ffffff;	}	

<!--[if lte IE 8]>
.blue_usage{	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#0c276c', EndColorStr='#a6caf0');	/*width:100%;*/	text-align:center;	height:100%;	padding-top:3px;	color:#ffffff;	}	
.red_usage{	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF0000', EndColorStr='#FFB5B5');	/*width:100%;*/	text-align:center;	height:100%;	padding-top:3px;	color:#ffffff;	}
.green_usage{	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#23441A', EndColorStr='#D0EBC9');	/*width:100%;*/	text-align:center;	height:100%;	padding-top:3px;	color:#ffffff;	}
<![endif]-->