body {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow-x: hidden;
	/*border:1px solid #00ff00;*/
}

#wrap {
	top: 42px;
	width: 1024px;
	/*border:1px solid #ff0000;*/
	position: relative;
	left: 50%;
	margin-left: -512px;
	/*opacity : 0;*/
	/*margin-bottom:512px;*/
	/*margin : 0 0 100px -512px;*/
}

.wrap-loading {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 400;
	/*opacity : 1;*/
	/*background:rgba(255, 255, 255, 1);*/
	background: rgba(255, 255, 255, 0);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');
}

.wrap-loading div {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -13px;
}

.wrap-loading div img {
	width: 26px;
}

footer {
	/*margin-bottom: 512px;*/
	margin-bottom: 50px;
	height: 105px;
}

/**
    main page
 */
.header {
	height: 53px;
}

.search {
	display: inline-block;
	width: 120px;
	position: absolute;
	top: 5px;
}

.search-box {
	width: 110px;
}

.select2-container--type5 .select2-dropdown {
	z-index: 20000;
}

.select2-container--type5 .select2-selection {
	height: 28px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	text-align: left;
	font-weight: 500;
	line-height: 1.25em;
	color: #696969;
	overflow-y: hidden;
}

/*.select2-selection__rendered {*/
/*    padding-left: 10px;*/
/*    padding-top: 3px;*/
/*    display: inline-block;*/
/*    font-size:0.8125rem;*/
/*}*/

.select2-container--type5 .select2-results__option {
	padding-top: 13px;
	padding-bottom: 11px;
	font-size: 0.8125rem;
}

.select2-container--type5 .select2-dropdown {
	margin-top: -1px;
	border: 1px solid #dcdcdc;
	border-radius: 0 0 4px 4px;
}

.search.search-new .search-box .select2-container,
.search.search-new .search-box .select2-selection {
	height: 30px;
	text-align: left;
}

.select2-container--type5 span.select2-selection.select2-selection--single:focus {
	outline: none;
	border: 1px solid #2f8bff;
}

.select2-container--type5 .select2-results__option--highlighted {
	background: #dcdcdc;
}


.select2-container--type5.select2-container--above.select2-container--open .select2-selection {
	border-radius: 0 0 4px 4px;
}

.select2-container--type5 .select2-dropdown.select2-dropdown--above {
	margin-top: 1px;
	border: 1px solid #dcdcdc;
	border-radius: 4px 4px 0 0;
}

.select2-container--type5 span.select2-selection.select2-selection--single:focus {
	outline: none;
	border: 1px solid #2f8bff;
}

.select2-container--type5 .select2-selection .select2-selection__arrow {
	position: absolute;
	top: 10px;
	right: 17px;
	width: 11px;
	height: 8px;
	background: url(/images/select2/down_btn.png) right 0 top 0px no-repeat;
	z-index: 1;
}

.select2-container--type5.select2-container--open .select2-selection__arrow {
	position: absolute;
	top: 10px;
	right: 17px;
	width: 11px;
	height: 8px;
	background: none;
	background: url(/images/select2/up_btn.png) right 0 top 0px no-repeat;
}

.search .search-box .search_select {
	width: 120px;
	text-align: center;
}

/*.search .search-box .select2-selection {*/
/*    height: 40px;*/
/*    border-radius: 0;*/
/*}*/

.select2-selection__rendered {
	padding-left: 10px;
	padding-top: 3px;
	display: inline-block;
	font-size: 0.8125rem;
}


.left-header {
	float: left;
}

.right-header {
	float: right;
}

.navigation-area {
	float: clear;
	margin-top: 14px;
	/*border-bottom: 4px solid #0000ff;*/
}

#nab-tab {
}

.nav-tab {
	/*border-bottom: 4px solid #000;*/
	height: 42px;
	font-size: 0.9375rem;
}

.bg-serch {
	/*background: url(/images/btn_icon.png) right 0 top 0px no-repeat;*/
}

.nav-tab li.active a {
	color: #ffffff;
}

.nav-tab li.active {
	background: url(/images/menu_tab_active.png) right 0 top 0px no-repeat;
	color: #ffffff;
}


.nav-tab li {
	float: right;
	margin-left: 2px;
	/*border:1px solid #ff0000;*/
	background: url(/images/menu_tab.png) right 0 top 0px no-repeat;
	width: 134px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.nav-tab li:hover {
	background: url(/images/menu_tab_active.png) right 0 top 0px no-repeat;
}

.nav-tab li:hover a {
	color: #ffffff;
}

.nav-tab li a {
	display: block;
}

.detailed-status {
	margin-top: 35px;
}

#data-list > div.detailed-status > table > tbody > tr > td {
	word-break: break-all;
}

.detailed-status-title {
	display: inline-block;
	width: 100%;
	margin-bottom: 8px;
	line-height: 20px;
}


#data-list > div.detailed-status > table.member-info-table {
	border-top: 2px solid #000000;

}

#data-list > div.detailed-status > table.member-info-table tr {
	height: 37px;
	text-align: center;
}

#data-list > div.detailed-status > table.member-info-table tr:nth-child(1) {
	height: 37px;
	background-color: #eaf4ff;
}

#data-list > div.detailed-status > table.member-info-table tr th:nth-child(1),
#data-list > div.detailed-status > table.member-info-table tr th:nth-child(2),
#data-list > div.detailed-status > table.member-info-table tr th:nth-child(7),
#data-list > div.detailed-status > table.member-info-table tr th:nth-child(8) {
	width: 10%;
}

#data-list > div.detailed-status > table.member-info-table tr th:nth-child(3),
#data-list > div.detailed-status > table.member-info-table tr th:nth-child(4),
#data-list > div.detailed-status > table.member-info-table tr th:nth-child(5),
#data-list > div.detailed-status > table.member-info-table tr th:nth-child(6) {
	width: 15%;
}

.paging-box {
	margin-top: 30px;
	/*height: 50px;*/
	text-align: center;
}

ul.pagination {
	margin: 10px 0 0 10px;
}

.pagination {
	display: inline-block;
	margin: 0;
	padding: 0;
}

ul.pagination li.prev {
	margin-right: 10px;
}

.paginationpagination li:first-child {
	margin-left: 0;
}


ul.pagination li {
	display: inline-block;
	float: none;
	width: auto;
	margin: 0 5px;
	vertical-align: middle;
}


.pagination li {
	display: inline-block;
	float: left;
	width: 25px;
	height: 25px;
	margin-left: 20px;
	padding: 0;
}


ul.pagination li.next {
	margin-left: 10px;
}

ul.pagination li {
	display: inline-block;
	float: none;
	width: auto;
	margin: 0 5px;
	vertical-align: middle;
}

.pagination li {
	display: inline-block;
	float: left;
	width: 25px;
	height: 25px;
	margin-left: 20px;
	padding: 0;
}


.pagination li.prev a {
	background: url(/images/paging/page_number_left_n.png) repeat-x;
	background-size: 25px 25px;
	text-indent: -99999px;
	cursor: pointer;
}

.pagination li.next a {
	background: url(/img/community/page_number_right_n.png) repeat-x;
	background-size: 25px 25px;
	text-indent: -99999px;
	cursor: pointer;
}

ul.pagination li.prev a, ul.pagination li.next a {
	width: 25px;
	padding: 0;
	background: 0 0 no-repeat;
	background-size: 25px 25px;
	overflow: hidden;
	text-indent: -999px;
}

ul.pagination li.next a {
	background-image: url(/images/paging/page_number_right_n.png);
}

ul.pagination li.disabled strong, ul.pagination li.disabled a {
	cursor: not-allowed;
}

ul.pagination li.prev a {
	background-image: url(/images/paging/page_number_left_n.png);
}

ul.pagination li.next:not(.disabled) a:hover {
	background-image: url(/images/paging/page_number_right_p.png);
}

ul.pagination li.prev:not(.disabled) a:hover {
	background-image: url(/images/paging/page_number_left_p.png);
}

.pagination li.prev:not(.disabled) a:hover {
	background: url(/images/paging/page_number_left_p.png) repeat-x;
	background-size: 25px 25px;
}


ul.pagination li a, ul.pagination li.active strong {
	display: block;
	float: none;
	width: auto;
	height: 25px;
	padding: 0 10px;
	line-height: 25px;
	text-align: center;
	font-size: 1.00rem;
}

.pagination li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	float: left;
	color: #969696;
	font-size: 0.9167rem;
	padding-top: 4px;
	text-align: center;
	cursor: pointer;
}

.pagination li.active strong {
	color: #2f8bff !important;
	font-weight: 500;
	margin-top: -1px;
}


/*.select2-container {*/
/*    border-bottom: 0;*/
/*}*/

/*.search-input {*/
/*    width: 236px;*/
/*    height: 45px;*/
/*    margin-left: 10px;*/
/*    padding-left: 18px;*/
/*    border: 1px #dcdcdc solid;*/
/*    border-radius: 4px;*/
/*}*/
/*.select2-dropdown--below {*/
/*    width: 120px;*/
/*}*/


/**
    login page
**/

#login-wrap {
	width: 472px;
	height: 370px;
	top: 50%;
	left: 50%;
	margin-left: -236px;
	margin-top: -185px;
	position: absolute;
}

.login-title {
	height: 53px;
}

.login-title p {
	display: inline;
	position: relative;
	margin-left: 5px;
	top: 4px;
	/*margin-top:4px;*/
	/*border:1px solid #00ff00;*/
}

#login-wrap .login-area {
	overflow: hidden;
	width: 472px;
	height: 264px;
	position: relative;
	background: url(/images/login_background.png) 0 0 no-repeat;
	padding: 30px 0 0 44px;
}

#login-wrap > div.login-area > div.login-form > form > p > button.login-btn {
	width: 107px;
	height: 74px;
}

#login-wrap > div.login-area > div.login-form > form > ul > li > input {
	width: 190px;
	height: 35px;
}

#login-wrap > div.login-area > div.login-form > form > ul > li:nth-child(1) {
	margin-bottom: 3px;
}


.pointer {
	cursor: pointer;
}


.article-search {
	border-bottom: 1px solid #e6e6e6;
	margin-top: 29px;
	padding-bottom: 15px;
}

input[type=text].date-text, input[type=text].search-text {
	width: 110px;
	background-color: #ededed;
	margin-right: 10px;
	text-align: right;
}


.search.search-new.limit-count {
	position: relative;
	display: inline-block;
	float: right;
	line-height: 30px;
}

.data-table {
	border-top: 2px solid #000000;
}

.data-table tr:first-child {
	height: 37px;
	text-align: center;
	background-color: #eaf4ff;

}

.data-table tr th {
	width: 80px;
}

.data-table tr th:nth-child(2) {
	width: 100px;
}

.data-table tr th:nth-child(3) {
	width: 200px;
}

.data-table tr:not(:first-child) {
	height: 37px;
	text-align: center;
}

/*.article-search > form > div {*/
.article-search > div {
	display: inline-block;
}


.total-perfomance-dev .data-table tr th:nth-child(1) {
	width: 60px;
}

.total-perfomance-dev .data-table tr th:nth-child(2) {
	width: 60px;
}

.total-perfomance-dev .data-table-table tr th:nth-child(3) {
	width: 100px;
}

.total-perfomance-dev .data-table tr th:nth-child(4) {
	width: 210px;
}
.total-perfomance-dev .data-table tr th:nth-child(5) {
    width: 200px;
}
.total-perfomance-dev .data-table tr th:nth-child(6) {
    width: 120px;
}

.total-perfomance-dev .data-table tr th:last-child {
	width: 100px;
}


/*.article-search > div:nth-child(1) {*/
/*	width: 509px;*/
/*}*/
/*.article-search > div:nth-child(2) {*/
/*	width: 509px;*/
/*}*/

/*.article-search > div {*/
/*	width: 509px;*/
/*}*/

.article-search > div:nth-child(1) {
	width: 400px;
}

.article-search > div:nth-child(2) {
	width: 620px;
}

/*.article-search > div:nth-child(1) {*/
/*	width: 510px;*/
/*	width: 420px;*/
/*	display: inline-block;*/
/*}*/

/*.article-search > div:nth-child(2) {*/
/*	width: 600px;*/
/*	!*width: 420px;*!*/
/*	display: inline-block;*/
/*}*/


.info-confirm {
	display: block;
	width: 620px;
	margin: 0 auto;
	margin-top: 120px;
	margin-bottom: 100px;
}

.info-confirm h1 {
	font-size: 1.5rem;
	color: #292929;
	font-weight: 500;
	text-align: center;
}

.info-confirm .desc {
	font-size: 0.875rem;
	color: #696969;
	line-height: 100%;
	margin-top: 16px;
	text-align: center;
}

.info-confirm .form-group {
	display: inline-block;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #dcdcdc;
	/*border-bottom: 1px solid #dcdcdc;*/
	line-height: 100%;
}

.info-confirm .form-group2 {
	margin-top: 5px;
	/*margin-bottom: 40px;*/
	padding-bottom: 14px;
	padding-top: 20px;
	/*border-bottom: 1px solid #dcdcdc;*/
}

.form-group > dl {
	clear: both;
	width: 100%;
	overflow: hidden;
}

.form-group > dl > dt {
	display: inline-block;
	float: left;
	width: 140px;
	padding: 15px 10px 15px 20px;
	font-size: 0.875rem;
	font-weight: 500;
	color: #292929;
}

.info-confirm .form-group dl dt {
	width: 140px;
	padding: 20px 10px 16px 10px;
}

.form-group > dl > dd {
	display: inline-block;
	float: left;
	width: 470px;
}

.info-confirm .form-group dl dd {
	width: 470px;
}

.form-user-id dd label {
	font-size: 1.1667rem;
	font-weight: 500;
	color: #292929;
}

.form-group > dl > dd label.form-text-bold {
	display: inline-block;
	float: left;
	margin-top: 18px;
	margin-bottom: 15px;
	padding-right: 20px;
	font-size: 0.875rem;
	color: #292929;
}

.form-group > dl {
	clear: both;
	width: 100%;
	overflow: hidden;
}

.info-confirm .form-group dl {
	display: block;
	width: 100%;
}

.form-pw dd input {
	width: 350px;
}

.form-group .form-pw dd input {
	width: 350px;
}

.form-group > dl > dd input[type=password] {
	display: inline-block;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 45px;
	font-size: 0.875rem;
	color: #696969;
}

.info-confirm .btns {
	text-align: center;
	margin-top: 30px;
}

.info-confirm .m-bottom {
	margin-bottom: 345px;
}

.info-confirm .btns button {
	width: 130px;
}

.info-confirm .btns a {
	width: 130px;
}

.info-confirm .btns button + a {
	margin-left: 17px;
}

input.onlyscengnum, input.bg-white {
	background-color: #fff;
}

.info-confirm .subtitle {
	font-size: 1rem;
	font-weight: 500;
	color: #292929;
	margin-top: 20px;
	padding-left: 5px;
	line-height: 173%;
}

.info-confirm .form-group1 {
	/*margin-top: 5px;*/
	/*margin-bottom: 40px;*/
	padding-bottom: 10px;
}

.form-group > dl {
	clear: both;
	width: 100%;
	overflow: hidden;
}

.form-group > dl > dt {
	display: inline-block;
	float: left;
	width: 140px;
	padding: 15px 10px 15px 20px;
	font-size: 0.875rem;
	font-weight: 500;
	color: #292929;
}

.form-group > dl > dd {
	display: inline-block;
	float: left;
	width: 470px;
}

.form-group > dl > dd label.form-text {
	display: inline-block;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 20px;
	font-size: 0.875rem;
	color: #696969;
}

.form-group > dl > dt span {
	color: #ec6464;
	font-weight: 500;
	padding-left: 3px;
}

.form-group > dl > dt span {
	color: inherit;
}

.info-confirm .form-group dl dt span {
	color: #ec6464;
	font-weight: 500;
	padding-left: 3px;
}

.form-group > dl > dd input[type=password] {
	display: inline-block;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 45px;
	font-size: 0.875rem;
	color: #696969;
}

.form-group > dl > dd .message {
	clear: both;
	display: inline-block;
	float: left;
	padding: 2px 1px;
	padding-left: 5px;
	font-size: 0.75rem;
	color: #969696;
}

.form-group > dl > dd input[type=text] {
	display: inline-block;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 45px;
	font-size: 0.875rem;
	/*font-size: 1.1667rem;*/
	color: #696969;
}

.form-group .form-email dd input {
	width: 142px;
}

.form-group > dl > dd span.form-gap {
	display: inline-block;
	float: left;
	margin-top: 19px;
	margin-bottom: 18px;
	font-size: 1.1667rem;
	color: #696969;
	text-align: center;
}

.form-group .form-email dd .form-gap {
	width: 32px;
}

.form-group > dl > dd select {
	display: inline-block;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 45px;
	font-size: 1.1667rem;
	color: #696969;
}

.form-group .form-phone dd select {
	width: 100px;
}

.select2-container--type1 .select2-selection {
	padding-top: 12px;
	padding-bottom: 13px;
	font-size: 1.1667rem;
	color: #696969;
	overflow-y: hidden;
}

.select2-container--type1 .select2-selection {
	padding-top: 12px;
	padding-bottom: 13px;
	font-size: 1.1667rem;
	color: #696969;
	overflow-y: hidden;
}

.select2-container--type1 .select2-selection {
	height: 45px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
}

.select2-container--type1 .select2-selection .select2-selection__arrow {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 25px;
	height: 45px;
	background: url(/images/select2/arrow_selectbox_down.png) right 10px center no-repeat;
	background-size: 13px 7px;
	z-index: 2;
}

.select2-container--type1.select2-container--open .select2-selection__arrow {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 25px;
	height: 45px;
	background: url(/images/select2/arrow_selectbox_up.png) right 10px center no-repeat;
	background-size: 13px 7px;
}

.select2-search--dropdown {
	display: block;
	padding: 4px;
}

.select2-container--type1 .select2-dropdown {
	z-index: 201;
	margin-top: -1px;
	border: 1px solid #dcdcdc;
	border-radius: 0 0 4px 4px;
}

.select2-search--dropdown.select2-search--hide {
	display: none;
}

.select2-container--type1 .select2-selection .select2-selection__arrow b {
	display: none;
}

.select2-container--type1 .select2-results > .select2-results__options,
#select2-b2b-code-results {
	max-height: 200px;
	overflow-y: auto;
	font-size: 1.1667rem;
}

.form-email dd span.select2 {
	margin-left: 10px;
}

.form-group > dl > dd span.select2 {
	display: inline-block;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 45px;
}

.form-group .form-email dd span.select2 {
	margin-left: 10px;
}

.select2-container--type1 .select2-results__option {
	padding: 6px 7px;
	/*font-size: 0.8125rem;*/
	font-size: 0.875rem;
	color: #696969;
}

.select2-container--type1 .select2-results__option--highlighted {
	background: #dcdcdc;
}

/**
	https://codepen.io/sienna/pen/wWzXNX
 */
.balloon {
	display: none;
	position: absolute;
	left: 236px;
	margin: 50px;
	padding: 20px;
	width: 360px;
	/*height:50px;*/
	background: #DEEBF7;
	border-radius: 10px;
	text-align: left;
	font-size: 0.8125rem;
	z-index: 2;
}

.balloon.smart-balloon {
	top: -40px;
}

.balloon.secure-balloon {
	top: -70px;
}

.balloon:after {
	border-bottom: 0px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #DEEBF7;
	content: "";
	position: absolute;
	left: 180px;
	z-index: 2;
}

.balloon.smart-balloon:after {
	top: 110px;
}

.balloon.secure-balloon:after {
	top: 138px;
}

.balloon2 {
	display: none;
	position: absolute;
	left: -11px;
	margin: 50px;
	padding: 20px;
	width: 360px;
	/*height:50px;*/
	background: #DEEBF7;
	border-radius: 10px;
	text-align: left;
	font-size: 0.8125rem;
	z-index: 2;
}

.balloon2.smart-balloon {
	top: 13px;
}

.balloon2.secure-balloon {
	top: -20px;
}

.balloon2:after {
	border-bottom: 0px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #DEEBF7;
	content: "";
	position: absolute;
	top: 138px;
	left: 156px;
	z-index: 2;
}

.balloon2.smart-balloon:after {
	top: 138px;
}

.balloon2.secure-balloon:after {
	top: 180px;
}

.font-color-red > td {
	color: #ff0000;
	border: 1px solid #000000;
}

.font-color-red > td > a {
	color: #ff0000;
}

.total-perfomance-dev {
	min-width: 1024px;
	overflow-x: auto;
}


.b2b-status-select {
	display: inline-block;
	width: 100px;
}

.used-device-table {
	border-top: 2px solid #000000;
	border: 1px solid #000000;
}

.used-device-table tr {
	border: 1px solid #000000;
}

.used-device-table tr th, td {
	border: 1px solid #000000;
}

.used-device-table tr {
	height: 37px;
	text-align: center;
}

.used-device-table tr:nth-child(1) {
	/*width: 348px;*/
	background-color: #eaf4ff;
}

.used-device-table tr:nth-child(2) {
	background-color: #eafbff;
}

/*.used-device-table tr td:nth-child(1) {*/
/*    width: 90px;*/
/*}*/

/*.used-device-table tr td:nth-child(2) {*/
/*    width: 97px;*/
/*}*/

/*.used-device-table tr td:nth-child(3) {*/
/*    width: 90px;*/
/*}*/

.used-device-table tr td:nth-child(4) {
	width: 137px;
	word-break: break-all;
}

.used-device-table tr td:nth-child(5) {
	width: 80px;
}

.used-device-table tr td:nth-child(6) {
	width: 67px;
}

.used-device-table tr td:nth-child(8) {
	width: 137px;
	word-break: break-all;
}

.used-device-table tr td:nth-child(9) {
	width: 80px;
}

.used-device-table tr td:nth-child(10) {
	width: 67px;
}


.back-page-btn {
	margin: 0 5px 2px 0;
}

.shop-info table {
	border-top: 2px solid #000000;
}

.shop-info table tr:nth-child(1) {
	background-color: #eaf4ff;
	height: 37px;
}

.shop-info table tr {
	height: 37px;
	text-align: center;
}

.shop-info table tr:nth-child(1) th {
	width: 15%;
}

.shop-info table tr:nth-child(1) th:nth-child(2) {
	width: 25%;
}


.member-search {
	border-bottom: 1px solid #e6e6e6;
	margin-top: 29px;
	padding-bottom: 15px;
}

#login-wrap .find-myinfo-btn {

}

#login-Form .ml0 > li > span:nth-child(1) {
	display: inline-block;
	width: 65px;
}

.tab-menu-line {
	height: 4px;
	background-color: #000;
	margin-top: -4px;
	position: absolute;
	left: -512px;
	width: 200%;
}

.date-separator-span {
	margin: 0 10px 0 17px;
}