@charset "utf-8";
@import url("base.css");
@import url("layout.css");
@import url("table.css");
@import url("media_mobile.css");

.icon-search-01{background: url(../images/icon.png) no-repeat; background-position:0px -200px; width:24px; height:21px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }
.icon-search-01.active{background: url(../images/icon.png) no-repeat; background-position:0px -230px; width:24px; height:21px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }
.icon-search-02{background: url(../images/icon.png) no-repeat; background-position:-30px -200px; width:25px; height:21px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }
.icon-search-02.active{background: url(../images/icon.png) no-repeat; background-position:-30px -230px; width:25px; height:21px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }
.icon-search-03{background: url(../images/icon.png) no-repeat; background-position:-60px -200px; width:24px; height:21px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }
.icon-search-03.active{background: url(../images/icon.png) no-repeat; background-position:-60px -230px; width:24px; height:21px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }

.icon-more{background: url(../images/icon.png) no-repeat; background-position:0px -170px; width:21px; height:21px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }
.icon-more.white{background: url(../images/icon.png) no-repeat; background-position:-60px -170px; width:21px; height:21px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }
.icon-search{background: url(../images/icon.png) no-repeat; background-position:-30px -170px; width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }

.icon-state-01{background:#25c4c6 url(../images/icon.png) no-repeat; background-position:-200px 0px; width:66px; height:66px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; border-radius: 50%;}
.icon-state-02{background:#127cc0 url(../images/icon.png) no-repeat; background-position:-100px 0px; width:66px; height:66px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; border-radius: 50%;}
.icon-state-03{background:#948fff url(../images/icon.png) no-repeat; background-position:-300px 0px; width:66px; height:66px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; border-radius: 50%;}
.icon-state-04{background:#ff6363 url(../images/icon.png) no-repeat; background-position:-400px 0px; width:66px; height:66px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; border-radius: 50%;}


.icon-repair{background:#127cc0 url(../images/icon.png) no-repeat; background-position:-100px 0px; width:66px; height:66px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; border-radius: 50%;}
.btn-prev{background:url(../images/icon.png) no-repeat; background-position:0px -130px; width:36px; height:34px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-next{background:url(../images/icon.png) no-repeat; background-position:-50px -130px; width:36px; height:34px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

.btn-print{background:url(../images/icon.png) no-repeat; background-position:0px -100px; width:80px; height:21px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-excel{background:url(../images/icon.png) no-repeat; background-position:-100px -100px; width:84px; height:21px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

.icon-print{background:url(../images/icon.png) no-repeat; background-position:-200px -100px; width:13px; height:12px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-excel{background:url(../images/icon.png) no-repeat; background-position:-220px -100px; width:13px; height:12px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

.icon-photo{background:url(../images/icon.png) no-repeat; background-position:0px -100px; width:21px; height:21px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-reply{background:url(../images/icon.png) no-repeat; background-position:0px -300px; width:10px; height:20px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; margin-right: 10px}

.label{background: #0d5ca9; border-radius: 2px; padding: 2px 5px; width:20px; height: 18px; line-height: 14px; font-weight: normal; text-align: center}
.label-notice{background: #0d5ca9; }

.bu-arrow-down{background: url(../images/bu-arrow-down.png) no-repeat; width:9px; height:5px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.bu-arrow-up{background: url(../images/bu-arrow-up.png) no-repeat; width:9px; height:5px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

/************** check box **************/
body:not(#foo) input[type='checkbox'] {
  opacity: 0; position: absolute;
}

body:not(#foo) input[type='radio'] {
  opacity: 0; position: absolute; 	  
}

body:not(#foo) .checkbox,.radiobtn {
  width: 18px;
  height: 18px;/*
  margin-left: -20px ;*/
  display: inline-block;
  cursor: pointer;/*
  -webkit-filter: drop-shadow(11px 10px 14px rgba(0,0,0,0.25));
  -moz-filter: drop-shadow(11px 10px 14px rgba(0,0,0,0.25));
  filter: drop-shadow(11px 10px 14px rgba(0,0,0,0.25));*/
  position: relative;
}

.check-wrap label span.checkbox {
  background: url(../images/btn_check.png) 0px 0px; margin-right: 3px;
}
.check-wrap input[type='checkbox']:checked + label span.checkbox {
  background: url(../images/btn_check.png) -20px 0px; 
}
.check-wrap label span.radiobtn {
  background: url(../images/btn_check.png) -40px 0px; position: relative; top:5px; margin-right: 3px
}
.check-wrap input[type='radio']:checked + label span.radiobtn {
  background: url(../images/btn_check.png) -60px 0px;
}
.check-wrap{ position: relative}
.check-wrap .checkbox{ position: absolute;  top:5px; padding: 0; margin: 0; line-height: 18px}
.check-wrap .title-check{ cursor: pointer;}


.radio-wrap label span.radio {
  background: url(../images/checkbox_selected_off.png) 0px 0px; width:22px !important; height: 22px !important ; position: relative; top:1px; cursor: pointer; margin-bottom: 0 !important
}
.radio-wrap input[type='radio']:checked + label span.radio {
  background: url(../images/checkbox_selected.png) 0px 0px; width:22px !important; height: 22px !important ; position: relative; top:1px; cursor: pointer; margin-bottom: 0 !important
}


.check-circle label span.checkbox {
  background: url(../images/checkbox_selected_off.png) 0px 0px; width:22px !important; height: 22px !important ; position: relative; top:1px; 
}
.check-circle input[type='checkbox']:checked + label span.checkbox {
  background: url(../images/checkbox_selected.png) 0px 0px;width:22px !important; height: 22px !important;line-height: 22px !important; 
}
.check-circle{ position: relative}
.check-circle .checkbox{ position: absolute;  top:5px !important; padding: 0; margin:0; line-height: 17px}

.check-wrap-group{ clear: both; overflow: hidden;}
.check-wrap-group .cwg-check{float: left; margin-top: -5px; line-height: 30px}
.check-wrap-group .cwg-text{ float: left; margin-left: 5px; line-height: 22px}
.check-wrap-group .form-control{ margin-top:5px}
/* button */
.button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #ccc;
  height: 33px;
  line-height: 30px;
  padding: 0px 20px;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  margin: 0;
  text-decoration: none;
  text-align: center; 
  cursor:pointer;
	border-radius:2px;
    background: #fff;
}


.disabled{ 
  cursor:default !important;border:none; background:#000 !important; color:#fff !important;opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; 
}


.button:hover,a.button:hover, .button:focus {
  background-color: #f5f5f5;color: #000;
}

.button-xl{ height:47px; line-height:47px;  font-size:16px}
.button-lm{ font-size:13px; height:37px; line-height:35px; padding:0px 10px !important}
.button-sm{ font-size:12px; height:25px; line-height:22px; padding:0px 8px !important}
.button-xs{ font-size:12px; height:inherit; line-height:14px; padding:1px 3px !important}
.button-form{ font-size:12px; height:26px; line-height:24px !important; padding:0px 8px}
table .button-form{ height:28px;line-height:26px !important;}

.button-disable, a.button-disable {
	background:none; color:#777 !important; border:1px solid #cfcfcf; cursor:default/*padding:0 !important*/
}


.button-line, a.button-line {
	background:#fff; color:#000 !important; border:1px solid #cfcfcf; /*padding:0 !important*/
}

.button-line:hover, .button-line:focus {
  background:#fff !important;color:#000 !important; border:1px solid #666; 
}


.button-primary, a.button-primary {
	background:#4a92e4; color:#fff !important; border:none;
}
.button-primary:hover, .button-primary:focus {
    background:#4a92e4 !important; color:#fff !important
}

.button-primary-line, a.button-primary-line {
    background:#fff !important; border:1px solid #4a92e4; color:#4a92e4 !important; 
}
.button-primary-line:hover, .button-primary-line:focus {
    background:#fff !important; border:1px solid #4a92e4 !important; color:#4a92e4 !important
}

.button-base, a.button-base {
	background:#a6adb9; color:#fff !important; border:none;
}

.button-base:hover, .button-base:focus {
  background:#8f99a9 !important; color:#fff !important
}

.button-point {
	background:#393c44 !important; color:#fff !important; border:none;
}
.button-point:hover, .button-point:focus {
  background:#24272e !important; color:#fff !important
}

.button-gray {
	background:#ecf0f2; border: 1px solid #d0d0d0 ; color:#777 !important; 
}
.button-gray:hover, .button-gray:focus {
  background:#e1e5e7 !important; border: 1px solid #d0d0d0; color:#777 !important
}

.button-yellow {
	background:#f3c022; color: #fff !important;  border:none;
}
.button-yellow:hover, .button-yellow:focus {
  background:#f3c022 !important;  color: #fff !important;
}

.button-orange {
	background:#ff6600; color:#fff !important; border:none;
}
.button-orange:hover, .button-orange:focus {
  background:#ed5f01 !important; color:#fff !important
}

.button-red {
	background:#ed6464; color:#fff !important; border:none;
}
.button-red:hover, .button-red:focus {
  background:#ed6464 !important; color:#fff !important
}

.button-blue {
	background:#448cd6; color:#fff !important; border:none; 
}
.button-blue:hover, .button-blue:focus {
  background:#397ec4 !important; color:#fff !important
}
.button-green {
	background:#00c73c; color:#fff !important; border:none; border:1px solid #00c73c
}
.button-green:hover, .button-orange:focus {
  background:#00b135 !important; color:#fff !important	
}

.button-research{ display:inline-block; padding: 5px 10px; cursor:pointer; border-radius:2px; margin-bottom: 5px}