@CHARSET "UTF-8";

@font-face {
	font-family: CAPElephant-Regular;
	src: url('font/CAPElephant-Regular.ttf') format("truetype");
}

body, div, a, span, p {
	font-family: CAPElephant-Regular, sans-serif;
}

#container {
	position: absolute;
	height: 100%;
	min-width: 100%;
	width: 1px;
	min-height: 520px;
	display: -webkit-flex;
	display: flex;
	/* 	position: relative; */
	overflow: hidden;
	overflow-y: hidden;
}

#left_bar_div {
	width: 80px;
	height: 100%;
	position: absolute;
	left: 0px;
	z-index: 20;
	position: absolute
}

#menu_bar_div {
	position: absolute;
	left: 0px;
	width: 0px;
	height: 100%;
}

#menu_subbar_div, #zoom_subbar_div {
	position: absolute;
	left: 0px;
	width: 81px;
	height: 100%;
	z-index: 15;
}

#menu_subbar_bg_div, #zoom_subbar_bg_div {
	/* 	opacity: 0.85; */
	position: absolute;
	left: 0px;
	width: 80px;
	/* 	height: 520px; */
	height: 100%;
}

#menu_subbar_inner_div, #zoom_subbar_inner_div {
	position: absolute;
	left: 0px;
	width: 80px;
	height: 100%;
}

#c_wall_subbar_div {
	position: absolute;
	top: 75px;
	left: 75px;
	width: 580px;
	left: 75px;
	width: 580px;
	height: calc(100% - 75px);
	/* 	z-index: 5; */
}

#c_wall_subbar_bg {
	position: absolute;
	left: -520px;
	width: 580px;
	height: 100%;
	display: none;
}

#c_wall_info {
	position: absolute;
	left: 80px;
	width: 560px;
	height: 100px;
	bottom: 0px;
	z-index: 15;
	display: none;
	padding: 5px 0px 0px 5px;
}

#c_wall_subbar_pusher {
	cursor: e-resize;
	width: 20px;
	height: 520px;
	position: absolute;
	left: 650px;
	z-index: 10;
}

#search_subbar_div {
	position: absolute;
	right: -240px;
	width: 321px;
	height: 100%;
	z-index: 15;
}

#search_subbar_bg_div {
	/* 	opacity: 0.85; */
	position: absolute;
	right: 0px;
	width: 310px;
	height: 100%;
}

#search_subbar_inner_div {
	/* 	position: absolute; */
	/* 	right: 0px; */
	width: 310px;
	height: 100%;
	margin: auto;
}

.search_result {
	height: 60px;
	margin: 10px 0px 10px 10px;
	cursor: pointer;
}

.search_result_img {
	height: 60px;
	width: 60px;
}

.selected_search_result_img {
	height: 60px;
	width: 60px;
}

.search_result_txt {
	line-height: 60px;
	height: 60px;
	width: 75%;
	padding-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#result_list_subbar_div {
	position: absolute;
	right: 80px;
	width: 669px;
	height: 100%;
	z-index: 10;
}

#result_list_subbar_bg_div {
	opacity: 0.85;
	position: absolute;
	right: 0px;
	width: 669px;
	height: 100%;
}

#result_list_subbar_inner_div {
	position: absolute;
	right: 0px;
	width: 669px;
	height: 100%;
	display: inline-block;
}

#result_list_results {
	overflow: auto;
	height: calc(100% - 70px);
	padding: 10px 10px 10px 20px;
}

#result_list_counter {
	display: inline-block;
	margin: 10px;
}

#result_setback_btt {
	width: 20%;
	margin: 10px 10px 10px 20px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

#result_filter_btt {
	width: 20%;
	margin: 10px 10px 10px 20px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

#result_filter_subbar_div {
	position: absolute;
	right: 750px;
	width: 509px;
	height: 100%;
	z-index: 70;
}

#result_filter_subbar_bg_div {
	/* 	opacity: 0.85; */
	position: absolute;
	right: 0px;
	width: 509px;
	height: 100%;
}

#result_filter_subbar_inner_div {
	position: absolute;
	right: 0px;
	width: 509px;
	height: 100%;
	display: inline-block;
}

#result_filter_results {
	overflow: auto;
	height: 98%;
	padding: 10px;
}

.unselected_result_filter {
	cursor: pointer;
	text-align: center;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#filter_subbar_div {
	position: absolute;
	left: -590px;
	width: 671px;
	height: 100%;
	z-index: 15;
}

#filter_subbar_bg_div {
	position: absolute;
	left: 0px;
	width: 670px;
	height: 100%;
	/* 	opacity: 0.85; */
}

#filter_subbar_inner_div {
	position: absolute;
	left: 0px;
	width: 670px;
	height: 100%;
}

#coll_change_subbar_div {
	position: absolute;
	/* 	left: 0px; */
	left: -255px;
	width: 336px;
	height: 100%;
	z-index: 15;
}

#coll_change_subbar_bg_div {
	/* 	opacity: 0.85; */
	position: absolute;
	left: 0px;
	width: 335px;
	height: 100%;
}

#coll_change_subbar_inner_div {
	position: absolute;
	left: 0px;
	width: 335px;
	height: 100%;
}

#brightness_subbar_div {
	position: absolute;
	left: 0px;
	width: 81px;
	height: 100%;
	z-index: 15;
}

#brightness_subbar_bg_div {
	position: absolute;
	left: 0px;
	width: 80px;
	height: 100%;
	/* 	opacity: 0.85; */
}

#brightness_subbar_inner_div {
	/* 	position: absolute; */
	/* 	left: 0px; */
	width: 80px;
	height: 100%;
	margin: auto;
}

#info_subbar_div {
	height: 100%;
	width: 560px;
	position: absolute;
	left: -480px;
	z-index: 15;
	padding: 10px;
}

#info_text_div {
	position: absolute;
	bottom: 0;
	margin-bottom: 30px;
	width: calc(100% - 25px);
}

.d_flex_class {
	display: -webkit-flex;
	display: flex;
}

#right_bar_div {
	width: 80px;
	height: 100%;
	position: absolute;
	right: 0px;
	z-index: 20;
	position: absolute;
}

#color_paper_order_subbar_div {
	position: absolute;
	right: -320px;
	width: 401px;
	height: 100%;
	z-index: 15;
}

#color_paper_order_subbar_bg_div {
	/* 	opacity: 0.85; */
	position: absolute;
	right: 0px;
	width: 400px;
	height: 100%;
}

#color_paper_order_subbar_inner_div {
	position: absolute;
	right: 80px;
	width: 320px;
	height: 100%;
}

#color_paper_order_div {
	height: 60px;
	margin: 10px;
	width: 60px;
}

#color_paper_order_head_div {
	height: 55px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	line-height: 60px;
	overflow-y: hidden;
	background-color: rgba(31, 174, 219, 1);
}

#color_paper_order_head {
	height: 60px;
	width: 309px;
	word-wrap: break-word;
	text-align: left;
	line-height: 30px;
}

#color_paper_order_results {
	width: 280px;
	height: calc(100% - 200px);
}

.color_paper_order_result {
	display: -webkit-flex;
	display: flex;
	height: 60px;
	margin: 10px 0px 10px 10px;
	cursor: pointer;
}

.color_paper_order_result_img {
	height: 60px;
	width: 60px;
}

.selected_color_paper_order_result_img {
	height: 60px;
	width: 60px;
}

.color_paper_order_id {
	width: calc(100% - 60px);
}

.color_paper_order_result_txt {
	height: 30px;
	line-height: 28px;
	padding-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#color_plus_div {
	position: absolute;
	right: 0px;
	width: 60px;
}

#color_minus_div {
	position: absolute;
	right: 0px;
	top: 70px;
	width: 60px;
}

#display_div {
	height: 520px;
	width: 100%;
	height: 100%;
}

#lineal_img_div {
	height: 30px;
	/* 	position: absolute; */
	/* 	left: 0; */
	/* 	right: 0; */
	/* 	z-index: 5; */
}

#lineal_img {
	height: 100%;
	width: 100%;
}

.btn_background {
	height: 60px;
	margin: 10px;
	cursor: pointer;
}

.inner_btn_background {
	width: 75px;
	height: 75px;
	margin: auto;
	cursor: pointer;
}

#info_div {
	margin: 10px;
	height: 135px;
	width: 60px;
	position: absolute;
	bottom: 0px;
	cursor: default;
}

#info_bg {
	position: absolute;
	left: 80px;
	width: 580px;
	height: 100%;
	z-index: 10;
}

.info_trans {
	opacity: 0;
}

#back_btn_img {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 60px;
	width: 60px;
	cursor: pointer;
	z-index: 15;
}

@media ( hover :hover) {
	#back_btn_img:active {
		position: absolute;
		top: 10px;
		left: 10px;
		height: 60px;
		width: 60px;
		cursor: pointer;
	}
	#back_btn_img:hover {
		position: absolute;
		top: 10px;
		left: 10px;
		height: 60px;
		width: 60px;
		cursor: pointer;
	}
}

#color_paper_order_btn_bg {
	height: 60px;
	margin: 30px 0px 10px 10px;
	line-height: 60px;
	text-align: center;
}

.color_paper_order_btn_txt {
	cursor: pointer;
}

#f_selection_div {
	width: 335px;
	height: 100%;
}

#structure_div {
	width: 335px;
	height: 100%;
}

#f_selection_head {
	height: 75px;
	padding-left: 10px;
	margin: 0px 0 0 0;
	line-height: 75px;
	width: 324px;
	border-right-width: 1px;
	border-right-style: solid;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#search_color_div {
	height: 60px;
	padding-left: 10px;
	margin: 10px 0 10px 0;
	line-height: 60px;
	width: 300px;
}

#search_color_input {
	height: 60px;
	width: 100%;
}

#search_color_results {
	widht: 280px;
	height: calc(100% - 80px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.f_selection_results {
	height: 60px;
	padding-left: 10px;
	margin: 10px 0 10px 0;
	line-height: 60px;
	cursor: pointer;
	/* 	white-space: nowrap; */
	/* 	overflow: hidden; */
	/* 	text-overflow: ellipsis; */
}

.selected_f_selection_results {
	height: 60px;
	padding-left: 10px;
	margin: 10px 0 10px 0;
	line-height: 60px;
	cursor: pointer;
}

.f_selection_sub_res {
	margin: 10px 0 10px 10px;
}

#f_selection_main_res {
	overflow-y: auto;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	border-right: 1px solid;
}

#structure_head {
	height: 75px;
	padding: 0px 10px 0px 10px;
	margin-top: 0px;
	line-height: 75px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#structure_results {
	overflow-y: auto;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

.structure_result {
	display: inline-block;
	/* 	height: 60px; */
	margin: 10px 0px 0px 10px;
	cursor: pointer;
	/* 	max-width: calc(100% - 60px); */
	/* 	max-width: 100%; */
	width: calc(100% - 10px);
}

.structure_img {
	height: 60px;
	width: 60px;
	overflow: hidden;
	/* 	display: -webkit-flex; */
	display: inline-block;
	vertical-align: middle;
	/* 	position: relative; */
}

.structure_result_txt {
	line-height: 60px;
	/* 	height: 60px; */
	/* 	width: 255px; */
	overflow: hidden;
	padding-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-flex;
	display: flex;
	max-width: calc(100% - 70px);
	/* 	max-width: 100%; */
	width: auto;
}

.selected_structure_result_txt {
	line-height: 60px;
	/* 	height: 60px; */
	padding-left: 10px;
}

#coll_change_head {
	height: 75px;
	padding: 0px 10px 0px 10px;
	/* 	margin: 10px 0px 0px 0px; */
	line-height: 75px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#coll_change_results, #prod_change_results, #product_change_results, #prodgroup_change_results {
	overflow-y: auto;
	height: calc(100% - 75px);
	-webkit-overflow-scrolling: touch;
}

/* .coll_change_result { */
/* 	display: flex; */
/* 	height: 60px; */
/* 	cursor: pointer; */
/* 	margin: 10px 0 10px 0; */
/* } */
.coll_change_result_txt {
	line-height: 60px;
	height: 60px;
	width: 100%;
	padding-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#b_slider_div {
	width: 60px;
	margin: 25px 10px 10px 10px;
	height: calc(100% - 195px);
}

#b_slider {
	height: 100%;
	margin: 20px;
	touch-action: none;
}

#b_min_amount, #b_max_amount {
	height: 25px;
	width: 60px;
	margin: 0px 0px 10px 0px;
}

#b_input {
	margin: 10px;
	height: 60px;
	width: 60px;
}

#display_logo {
	position: absolute;
	right: 10px;
	top: 10px;
	height: 83px;
	width: 125px;
	z-index: 10;
	background: transparent;
	/* 	background: transparent url("img/caparol_logo.png"); */
}

#contact-form {
	padding-top: 10px;
	padding-bottom: 35px;
}

#contact-form .block #myForm .form-group {
	padding-bottom: 15px;
	margin: 0px;
}

#contact-form .block #myForm .form-group .form-control {
	height: 40px;
	border-style: solid;
	border-bottom-width: 2px;
	box-shadow: none;
	width: 100%;
	font-family: sans-serif;
	font-size: 16pt;
}

#contact-form .block #myForm .form-group-2 {
	padding-bottom: 15px;
	margin: 0px;
}

#contact-form .block #myForm .form-group-2 textarea {
	height: 135px;
	border: 1px solid;
	box-shadow: none;
	width: 100%;
}

#contact-form .block button {
	width: 100%;
	height: 40px;
	border: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

.needed_entry {
	
}

.ui-dialog-content {
	font-family: sans-serif;
	font-size: 9pt;
}

.ui-dialog-titlebar {
	font-family: sans-serif;
	font-size: 16pt;
}

.hidden_class {
	display: none;
}

.visible_class {
	display: block;
}

.inactive_bg {
	cursor: default;
	z-index: 10;
}

.disabled_pointer {
	pointer-events: none;
}

.caption {
	
}

#result_list_div {
	font-size: x-small;
	text-align: center;
	line-height: 55px;
}

input {
	font-family: sans-serif;
	font-size: 16pt;
}

body {
	font-family: sans-serif;
	font-size: 16pt;
	margin: 0;
}

#grund_info_value, #strukture_info_value, #farbton_info_value, #grund_info_title, #strukture_info_title, #farbton_info_title {
	display: inline-block;
	padding-right: 20px;
}

#grund_info_title, #strukture_info_title, #farbton_info_title {
	width: calc(30% - 20px);
	text-align: left;
	vertical-align: top;
}

#grund_info_value, #strukture_info_value, #farbton_info_value {
	width: calc(70% - 20px);
	text-align: right;
}

#info_values {
	text-align: right;
	padding-right: 20px;
}

#info_values>img {
	vertical-align: top;
}

#b_reset_btn_img {
	height: 75px;
	width: 75px;
}

#alt_display {
	position: absolute;
	top: 0px;
	left: 660px;
	height: 100%;
	width: calc(100% - 740px); /*160px);*/
	z-index: 12;
	display: none;
}

#alt_display.full {
	left: 0px;
	width: 100%;
}

#iframe_display {
	height: 100%;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	border-style: inset;
	border-color: initial;
	border-image: initial;
	border-width: 0px;
}

@media ( max-device-width : 1024px) {
	#b_max_amount, #b_min_amount {
		height: 32px;
		width: 60px;
		margin: 0px 0px 5px 0px;
	}
	#b_slider_div {
		height: calc(100% - 215px);
		margin: 45px 10px 10px 10px;
	}
}

.unselected_s_express_btn_pos, #zoom_plus_btn_img, #zoom_minus_btn_img, .z_state, #lineal_btn_img, #fullscreen_btn_img,
	#color_plus_btn_img, #color_minus_btn_img, #zoom_btn_img, #color_paper_order_btn_img, #picture_box_btn_img, #filter_btn_img,
	#m_studio_btn_img, #three_dem_view_btn_img, #c_wall_btn_img, #search_btn_img, #menu_btn_img, #coll_change_btn_img,
	#brightness_btn_img, #alt_view_btn_img {
	height: 60px;
}

.coll_change_img, .selected_coll_change_result_img, .inactive_coll_change_result_img, #info_btn_img {
	height: 60px;
	width: 60px;
}

#info_btn_img {
	position: absolute;
	bottom: 0px;
	cursor: pointer;
	/* 	cursor: default; */
}

.ui-dialog.no_order .ui-button {
	display: none;
}

#ui_btt_right {
	display: block;
	float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em 0 .5em 0;
}

.ui-dialog .ui-dialog-buttonpane {
	padding: .3em 1em .3em 1em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	width: 100%;
}

#in_text_cc {
	font-size: 18pt;
	font-family: sans-serif;
	line-height: 45px;
}

/* --- colors --- */

/* main Color*/

/*-font color-*/
#c_wall_info {
	color: #fff;
}

/*img*/
#info_div {
	background-image: url("../images/transp.gif");
}

#lineal_img {
	background: url(../images/ruler/2650/ruler5_1.png) 0px 0px no-repeat;
}

.coll_change_img, .unselected_back_btn_pos, .selected_back_btn_pos, .inactive_back_btn_pos, .unselected_zoom_plus_btn_pos,
	.selected_zoom_plus_btn_pos, .inactive_zoom_plus_btn_pos, .unselected_zoom_minus_btn_pos, .selected_zoom_minus_btn_pos,
	.inactive_zoom_minus_btn_pos, .unselected_c_wall_btn_pos, .selected_c_wall_btn_pos, .inactive_c_wall_btn_pos,
	.unselected_m_studio_btn_pos, .selected_m_studio_btn_pos, .inactive_m_studio_btn_pos, .unselected_three_dem_view_btn_pos,
	.selected_three_dem_view_btn_pos, .inactive_three_dem_view_btn_pos, .unselected_s_express_btn_pos, .selected_s_express_btn_pos,
	.inactive_s_express_btn_pos {
	background: url("img/iconset_colorPicker_60x60_160914.png");
}

.z_state {
	background-position: 0px 0px;
}

.unselected_menu_btn_pos {
	background-position: 0px -12600px;
}

.selected_menu_btn_pos {
	background-position: -60px -12600px;
}

.inactive_menu_btn_pos {
	background-position: -180px -12600px;
}

.unselected_search_btn_pos {
	background-position: 0px -1320px;
}

.selected_search_btn_pos {
	background-position: -60px -1320px;
}

.inactive_search_btn_pos {
	background-position: -180px -1320px;
}

.unselected_c_wall_btn_pos {
	background-position: 0px -300px;
}

.selected_c_wall_btn_pos {
	background-position: -60px -300px;
}

.inactive_c_wall_btn_pos {
	background-position: -180px -300px;
}

.unselected_three_dem_view_btn_pos {
	background-position: 0px 360px;
}

.selected_three_dem_view_btn_pos {
	background-position: -60px 360px;
}

.unselected_m_studio_btn_pos {
	background-position: 0px 300px;
}

.selected_m_studio_btn_pos {
	background-position: -60px 300px;
}

.inactive_m_studio_btn_pos {
	background-position: -180px 300px;
}

.unselected_filter_btn_pos {
	background-position: 0px -240px;
}

.selected_filter_btn_pos {
	background-position: -60px -240px;
}

.inactive_filter_btn_pos {
	background-position: -180px -240px;
}

.unselected_coll_change_btn_pos {
	background-position: 0px -660px;
}

.selected_coll_change_btn_pos {
	background-position: -60px -660px;
}

.inactive_coll_change_btn_pos {
	background-position: -180px -660px;
}

.unselected_s_express_btn_pos {
	background-position: 0px 240px;
}

.selected_s_express_btn_pos {
	background-position: -60px 240px;
}

.inactive_s_express_btn_pos {
	background-position: -180px 240px;
}

.unselected_brightness_btn_pos {
	background-position: 0px -480px;
}

.selected_brightness_btn_pos {
	background-position: -60px -480px;
}

.inactive_brightness_btn_pos {
	background-position: -180px -480px;
}

.unselected_color_paper_order_btn_pos {
	background-position: 0px -2280px;
}

.selected_color_paper_order_btn_pos {
	background-position: -60px -2280px;
}

.inactive_color_paper_order_btn_pos {
	background-position: -180px -2280px;
}

.unselected_alt_view_btn_pos {
	background-position: 0px -2700px;
}

.selected_alt_view_btn_pos {
	background-position: -60px -2700px;
}

.inactive_alt_view_btn_pos {
	background-position: -180px -2700px;
}

.unselected_b_reset_btn_pos {
	background-position: 0px -1500px;
}

.selected_b_reset_btn_pos {
	background-position: -180px -540px;
}

.coll_change_img {
	background-position: 0px 600px;
}

.selected_coll_change_result_img {
	background: url("img/iconset_colorPicker_60x60_160914.png") -180px 600px;
	/* 	background: url("img/iconset_colorPicker_60x60_160914.png") -120px 600px; */
}

.inactive_coll_change_result_img {
	background: url("img/iconset_colorPicker_60x60_160914.png") -180px 600px;
}

.grid_btn {
	background-position: 0px -480px;
}

.chair_btn {
	background-position: 0px -360px;
}

.unselected_zoom_plus_btn_pos {
	background-position: 0px -540px;
}

.selected_zoom_plus_btn_pos {
	/* 	background-position: -180px -540px; */
	background-position: -60px -540px;
}

.inactive_zoom_plus_btn_pos {
	background-position: -180px -540px;
}

.unselected_zoom_minus_btn_pos {
	background-position: 0px -600px;
}

.selected_zoom_minus_btn_pos {
	/* 	background-position: -180px -600px; */
	background-position: -60px -600px;
}

.inactive_zoom_minus_btn_pos {
	background-position: -180px -600px;
}

#z_state_btn_img_1 {
	background-position: 0px -6975px;
}

#z_state_btn_img_1.act {
	background-position: -75px -6975px;
}

#z_state_btn_img_2 {
	background-position: 0px -7050px;
}

#z_state_btn_img_2.act {
	background-position: -75px -7050px;
}

#z_state_btn_img_3 {
	background-position: 0px -7125px;
}

#z_state_btn_img_3.act {
	background-position: -75px -7125px;
}

#z_state_btn_img_4 {
	background-position: 0px -7200px;
}

#z_state_btn_img_4.act {
	background-position: -75px -7200px;
}

#z_state_btn_img_5 {
	background-position: 0px -7275px;
}

#z_state_btn_img_5.act {
	background-position: -75px -7275px;
}

#z_state_btn_img_6 {
	background-position: 0px -7350px;
}

#z_state_btn_img_6.act {
	background-position: -75px -7350px;
}

#z_state_btn_img_7 {
	background-position: 0px -7425px;
}

#z_state_btn_img_7.act {
	background-position: -75px -7425px;
}

.unselected_lineal_btn_pos {
	background-position: 0px -1080px;
}

.selected_lineal_btn_pos {
	background-position: -60px -1080px;
}

.unselected_fullscreen_btn_pos {
	background-position: 0px -1260px;
}

.unselected_color_plus_btn_pos {
	background-position: 0px -2160px;
}

.selected_color_plus_btn_pos {
	background-position: -60px -2160px;
}

.inactive_color_plus_btn_pos {
	background-position: -180px -2160px;
}

.unselected_color_minus_btn_pos {
	background-position: 0px -2220px;
}

.selected_color_minus_btn_pos {
	background-position: -60px -2220px;
}

.inactive_color_minus_btn_pos {
	background-position: -180px -2220px;
}

.unselected_zoom_btn_pos {
	background-position: 0px -12960px;
}

.selected_zoom_btn_pos {
	background-position: -60px -12960px;
}

.inactive_zoom_btn_pos {
	background-position: -180px -12960px;
}

.unselected_white_info_btn_pos {
	background-position: 0px -1200px;
}

.selected_white_info_btn_pos {
	background-position: -60px -1200px;
}

.inactive_white_info_btn_pos {
	background-position: -180px -1200px;
}

.unselected_info_btn_pos {
	background-position: 0px -1140px;
}

.selected_info_btn_pos {
	background-position: -60px -1140px;
}

.inactive_info_btn_pos {
	background-position: -180px -1140px;
}

#back_btn_img {
	background-position: 0px -120px;
}

@media ( hover :hover) {
	/* Primary Input responds to hover fully, such as a mouse or a Nintendo Wii controller */
	#back_btn_img:active {
		background-position: -60px -120px;
	}
	#back_btn_img:hover {
		background-position: -120px -120px;
	}
	.unselected_menu_btn_pos:active {
		background-position: -60px -12600px;
	}
	.unselected_menu_btn_pos:hover {
		background-position: -120px -12600px;
	}
	.unselected_search_btn_pos:active {
		background-position: -60px -1320px;
	}
	.unselected_search_btn_pos:hover {
		background-position: -120px -1320px;
	}
	.unselected_c_wall_btn_pos:active {
		background-position: -60px -300px;
	}
	.unselected_c_wall_btn_pos:hover {
		background-position: -120px -300px;
	}
	.unselected_filter_btn_pos:active {
		background-position: -60px -240px;
	}
	.unselected_filter_btn_pos:hover {
		background-position: -120px -240px;
	}
	.unselected_coll_change_btn_pos:active {
		background-position: -60px -660px;
	}
	.unselected_coll_change_btn_pos:hover {
		background-position: -120px -660px;
	}
	.unselected_brightness_btn_pos:active {
		background-position: -60px -480px;
	}
	.unselected_brightness_btn_pos:hover {
		background-position: -120px -480px;
	}
	.unselected_color_paper_order_btn_pos:active {
		background-position: -60px -2280px;
	}
	.unselected_color_paper_order_btn_pos:hover {
		background-position: -120px -2280px;
	}
	.unselected_alt_view_btn_pos:active {
		background-position: -60px -2700px;
	}
	.unselected_alt_view_btn_pos:hover {
		background-position: -120px -2700px;
	}
	.search_result:hover .search_img, .search_result:active .search_img {
		height: 60px;
		width: 60px;
	}
	.color_paper_order_result:hover .color_paper_order_img, .color_paper_order_result:active .color_paper_order_img {
		height: 60px;
		width: 60px;
	}
	.f_selection_results:hover, .f_selection_results:active {
		height: 60px;
		padding-left: 10px;
		margin: 10px 0 10px 0;
		line-height: 60px;
		cursor: pointer;
	}
	.structure_result:hover .structure_result_txt, .structure_result:active .structure_result_txt {
		/* 		line-height: 60px; */
		/* 		height: 60px; */
		padding-left: 10px;
	}
	.structure_result_txt:hover, .structure_result_txt:active {
		/* 		line-height: 60px; */
		/* 		height: 60px; */
		padding-left: 10px;
	}
	.coll_change_result:hover .coll_change_img {
		height: 60px;
		width: 60px;
		background: url("img/iconset_colorPicker_60x60_160914.png") -60px 600px;
	}
	.coll_change_result:active .coll_change_img {
		height: 60px;
		width: 60px;
		background: url("img/iconset_colorPicker_60x60_160914.png") -120px 600px;
	}
	.unselected_b_reset_btn_pos:active {
		background-position: -75px -1500px;
	}
	.unselected_b_reset_btn_pos:hover {
		background-position: -75px -1500px;
	}
	.grid_btn:active {
		background-position: -60px -480px;
	}
	.grid_btn:hover {
		background-position: -120px -480px;
	}
	.chair_btn:active {
		background-position: -60px -360px;
	}
	.chair_btn:hover {
		background-position: -120px -360px;
	}
	.unselected_zoom_plus_btn_pos:active {
		background-position: -60px -540px;
	}
	.unselected_zoom_plus_btn_pos:hover {
		background-position: -120px -540px;
	}
	.unselected_zoom_minus_btn_pos:active {
		background-position: -60px -600px;
	}
	.unselected_zoom_minus_btn_pos:hover {
		background-position: -120px -600px;
	}
	#z_state_btn_img_1:active {
		background-position: -150px -6975px;
	}
	#z_state_btn_img_1:hover {
		background-position: -150px -6975px;
	}
	#z_state_btn_img_2:active {
		background-position: -150px -7050px;
	}
	#z_state_btn_img_2:hover {
		background-position: -150px -7050px;
	}
	#z_state_btn_img_3:active {
		background-position: -150px -7125px;
	}
	#z_state_btn_img_3:hover {
		background-position: -150px -7125px;
	}
	#z_state_btn_img_4:active {
		background-position: -150px -7200px;
	}
	#z_state_btn_img_4:hover {
		background-position: -150px -7200px;
	}
	#z_state_btn_img_5:active {
		background-position: -150px -7275px;
	}
	#z_state_btn_img_5:hover {
		background-position: -150px -7275px;
	}
	#z_state_btn_img_6:active {
		background-position: -150px -7350px;
	}
	#z_state_btn_img_6:hover {
		background-position: -150px -7350px;
	}
	#z_state_btn_img_7:active {
		background-position: -150px -7425px;
	}
	#z_state_btn_img_7:hover {
		background-position: -150px -7425px;
	}
	.unselected_lineal_btn_pos:active {
		background-position: -60px -1080px;
	}
	.unselected_lineal_btn_pos:hover {
		background-position: -120px -1080px;
	}
	.unselected_fullscreen_btn_pos:active {
		background-position: -60px -1260px;
	}
	.unselected_fullscreen_btn_pos:hover {
		background-position: -120px -1260px;
	}
	.unselected_color_plus_btn_pos:active {
		background-position: -60px -2160px;
	}
	.unselected_color_plus_btn_pos:hover {
		background-position: -120px -2160px;
	}
	.unselected_color_minus_btn_pos:active {
		background-position: -60px -2220px;
	}
	.unselected_color_minus_btn_pos:hover {
		background-position: -120px -2220px;
	}
	.unselected_zoom_btn_pos:active {
		background-position: -60px -12960px;
	}
	.unselected_zoom_btn_pos:hover {
		background-position: -120px -12960px;
	}
	.unselected_white_info_btn_pos:active {
		background-position: -60px -1200px;
	}
	.unselected_white_info_btn_pos:hover {
		background-position: -120px -1200px;
	}
	.unselected_info_btn_pos:active {
		background-position: -60px -1140px;
	}
	.unselected_info_btn_pos:hover {
		background-position: -120px -1140px;
	}
}

/* general */
* {
	margin: 0px;
	padding: 0px;
}

#layout {
	position: absolute;
	width: 100%;
	height: 100%;
	min-width: 100%;
	overflow: hidden;
}

#main_area {
	width: 100%;
	height: 100%;
	background-color: silver;
}

#workspace {
	position: absolute;
	left: 75px;
	width: calc(100% - 150px);
	height: 100%;
}

#display {
	position: inherit;
	/* 	left: 75px; */
	height: 100%;
	width: 100%;
	/* 	width: calc(100% - 150px); */
}

#show_inner_content {
	height: 100%;
	overflow: hidden;
}

#dia_start {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	color: #fff;
	z-index: 100;
}

#start_matID {
	height: 75px;
	line-height: 75px;
	text-align: center;
	color: #fff;
}

#start_matID_label {
	display: inline-block;
	margin-right: 15px;
}

#start_matID_input {
	display: inline-block;
	width: 170px;
	height: 35px;
	color: #fff;
	background-color: transparent;
	border: 2px solid;
	border-radius: 5px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none;
	line-height: 39px;
	vertical-align: middle;
}

#start_matID_btt {
	display: inline-block;
	width: 130px;
	height: 39px;
	/* 	color: #fff; */
	/* 	background-color: rgba(31, 174, 219, 1); */
	text-align: center;
	line-height: 39px;
	margin-left: 10px;
	/* 	border: 1px solid rgba(31, 174, 219, 1); */
	border: none;
	border-radius: 5px;
	cursor: pointer;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none;
	border-radius: 5px;
	border-radius: 5px;
}

#start_option_content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1440px;
	max-width: calc(100% - 200px);
}

#start_option_content.area {
	width: 886px;
}

#start_option_content.dessin_group {
	width: auto; /*1452px; 1584px;*/
}

.start_option {
	display: inline-block;
	width: 288px;
	height: 480px;
	border-radius: 12px;
	cursor: pointer;
	/* 	background-color: rgba(0, 0, 0, 0.75); */
	vertical-align: top;
}

/* .start_option.deact, #start_option_dgc_e0 { */
/* 	opacity: 0.8; */
/* 	cursor: auto; */
/* 	pointer-events: none; */
/* } */
#start_option_structure, #start_option_extHartbelag {
	/* 	margin: 0px 288px; */
	
}

#start_option_int {
	/* 	margin-right: 288px; */
	
}

.dessin_group {
	margin-right: 0px; /*100px; 144px;*/
}

#start_option_floor {
	margin: 0px;
}

.start_option_icon {
	height: 192px;
	margin: 25px auto 25px auto;
	background-repeat: no-repeat;
}

#dia_infoLV {
	position: absolute;
	bottom: 25px;
	right: 75px;
	height: 225px;
	width: 0px; /*600px;*/
	/* 	background-color: #000; */
	/* 	color: #fff; */
}

#infoLV_content {
	height: 175px;
	width: 600px; /*100%;*/
}

#infoLV_content_icon {
	display: inline-block;
	width: 75px;
	height: 75px;
}

#infoLV_content_text {
	display: inline-block;
	width: 525px;
	margin-top: 10px;
	vertical-align: top;
}

#infoLV_check {
	height: 50px;
	width: 100%;
	text-align: right;
}

#infoLV_check_icon {
	display: inline-block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

#infoLV_check_icon.s_btt {
	background-position: 0px -1550px;
}

#infoLV_check_icon.s_btt.act {
	background-position: -50px -1550px;
}

#infoLV_check_text {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	vertical-align: top;
}

.start_option_title {
	text-align: left;
	border-bottom: 1px solid transparent;
	/* 	color: #fff; */
	font-size: 30px;
	/* 	font-weight: bold; */
	padding: 0px 25px;
	font-size: 30px;
}

.start_option_text {
	margin: 25px;
	font-size: 18px;
}

.start_option.hidden_class {
	display: none;
}

.start_option_space {
	display: inline-block;
	/* 	opacity: 0; */
	width: 0px;
	height: 480px;
	min-width: 10px;
}

.start_option_space.hidden_class {
	display: none;
}

#btt_back {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

#dia_start_overlay {
	display: none;
	position: absolute;
	top: 0px;
	left: 75px;
	width: calc(100% - 150px);
	height: 100%;
}

#dia_structure {
	display: none;
	position: absolute;
	top: 0px;
	left: 75px;
	width: calc(100% - 150px);
	height: 100%;
	/* 	background-color: #000; */
}

#dia_prod-info {
	display: none;
	position: absolute;
	top: 0px;
	left: 75px;
	width: calc(100% - 150px);
	height: 100%;
	background-color: transparent;
}

#prod-info_result {
	background-color: gray;
	height: 200px;
}

#prod-info_list {
	height: calc(100% - 220px);
	padding: 20px 0px 0px 20px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#prod-info_dia_content {
	width: 100%;
	height: calc(100% - 100px);
}

#structure_dia_content, #subbar_content_structure {
	width: 100%;
	height: calc(100% - 100px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.struct_chip {
	display: inline-block;
	position: relative;
	width: 300px;
	height: 300px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
	background-color: gray;
	cursor: pointer;
	vertical-align: top;
	overflow: hidden;
}

.struct_chip_info {
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translate(-50%, -0%);
}

.struct_chip.act {
	border: 1px solid #fff;
	box-sizing: border-box;
}

.info_title {
	display: inline-block;
	width: 30%;
	text-align: left;
	vertical-align: top;
	width: 30%;
}

.info_value {
	display: inline-block;
	width: 70%;
	text-align: right;
}

.result_num {
	text-align: left;
}

.info_box {
	margin: 5px 20px 5px 0px;
}

.farbton_info {
	/* 	margin-bottom: 20px; */
	
}

.capadata_info {
	height: 75px;
	line-height: 75px;
	margin: auto;
	text-align: center;
}

.capadata_opt {
	display: inline-block;
}

.capadata_text {
	display: inline-block;
	height: 100%;
	line-height: 20px;
	vertical-align: middle;
}

.capadata_btt.btt {
	display: inline-block;
	width: 75px;
	height: 75px;
}

.capadata_info {
	cursor: pointer;
	margin-top: 20px;
}

.result_end {
	width: calc(100% - 5px);
	height: 1px;
	margin: 10px 0px 10px 5px;
	background-color: #000;
}

#info_topbar {
	width: 100%;
	height: 75px;
	line-height: unset;
	/* 	color: #fff; */
	/* 	background-color: #000; */
}

#info_colour {
	width: 580px;
}

#info_structure {
	width: calc(100% - 580px);
}

#info_topbar>* {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding-top: 8px;
	height: calc(100% - 8px);
}

#loader-wrapper {
	display: none;
}

/* loading-sign color 1 */
#loader, #loader3 {
	border-top-color: rgba(0, 0, 0, 1);
}
/* loading-sign color 2 */
#loader2, #loader4 {
	border-top-color: rgba(31, 174, 219, 1);
}

.hidden {
	display: none;
}

/* menu left and right */
.menu_bar {
	position: absolute;
	top: 0px;
	width: 75px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
	z-index: 60;
}

#menu_left {
	direction: ltr;
	left: 0px;
}

#menu_right {
	direction: rtl;
	right: 0px;
}

.main_bar {
	position: absolute;
	width: 100%;
	height: 100%;
	/* 	background-color: #000; */
	overflow: hidden;
}

.main_bar_line {
	display: none;
	width: 325px;
	height: 75px;
	line-height: 75px;
	background-color: rgba(0, 0, 0, 0.9);
	color: #fff;
}

.main_bar_line.deact {
	display: none;
}

/* .main_bar.show_struct_first .desc { */
/* 		display: none; */
/* } */
.main_bar.show_coll_first>.collection_first, .main_bar.show_coll_sec>.collection_sec, .main_bar.show_product_first>.product_first,
	.main_bar.show_struct_first>.structure_first, .main_bar.show_struct_sec>.structure_sec, .main_bar.show_product_sec>.product_sec,
	.main_bar.show_cp>.cp_mode, .main_bar.show_coll_first>.all_first, .main_bar.show_struct_first>.all_first, .main_bar.show_product_first>.all_first,
	.main_bar.show_cp>.all_first, .main_bar.show_coll_sec>.all_sec, .main_bar.show_struct_sec>.all_sec, .main_bar.show_product_sec>.all_sec,
	.main_bar.show_cp>.all_sec {
	display: block;
}

.main_bar_line.deact {
	cursor: auto;
	pointer-events: none;
}

.desc {
	display: inline-block;
	width: 230px;
	cursor: pointer;
	margin-left: -6px;
	padding: 0px 10px;
}

.desc_bar {
	width: 260px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
}

#menu_left_desc {
	margin-left: 75px;
}

#menu_right_desc {
	position: absolute;
	right: 75px;
}

/* menu left and right buttons */
.btt, #btt_nav_icon {
	height: 75px;
	width: 75px;
}

.innerbar_btt {
	height: 75px;
	width: 75px;
	background: transparent url(img/SPECTRUM-iconset-blue@1.5x.png) no-repeat;
}

.btt {
	display: inline-block;
	margin: 0px;
	cursor: pointer;
	vertical-align: top;
}

#btt_nav.btt {
	margin: 0px;
	background: none;
	box-sizing: content-box;
	border: none;
}

#btt_nav_icon, .desc_nav_icon {
	width: 75px;
	height: 75px;
}

#btt_show {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	z-index: 10;
}

#btt_logo {
	cursor: auto;
	pointer-events: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#line_info {
	cursor: auto;
	pointer-events: none;
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 225px;
}

#bg_info {
	display: inline-block;
	height: calc(100% - 10px); /*215px*/
	width: 65px;
	font-size: 14px;
	line-height: normal;
	padding: 10px 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: left;
}

#bg_info.dark {
	color: #000;
}

#bg_info.bright {
	color: #fff;
}

#desc_info {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#btt_info {
	position: absolute;
	bottom: 0px;
	pointer-events: auto;
	background-position: 0px -2475px;
}

#line_info.act>.btt {
	background-position: -75px -2475px;
}

#line_info>.bg {
	background-color: gray;
}

#btt_menu {
	background-position: 0px -3900px;
}

#line_menu.act>.btt {
	background-position: -75px -3900px;
}

#toolLine_zoom>.tool_line_icon {
	background-position: 0px -6900px;
}

#toolLine_zoom.act>.tool_line_icon {
	background-position: -75px -6900px;
}

#shareLine_texdwn>.share_line_icon {
	background-position: 0px -450px;
}

#shareLine_texdwn.act>.share_line_icon {
	background-position: -75px -450px;
}

#texdwnLine_1>.texdwn_line_icon {
	background-position: -0px -6975px;
}

#texdwnLine_1.act>.texdwn_line_icon {
	background-position: -75px -6975px;
}

#texdwnLine_2>.texdwn_line_icon {
	background-position: -0px -7050px;
}

#texdwnLine_2.act>.texdwn_line_icon {
	background-position: -75px -7050px;
}

#texdwnLine_3>.texdwn_line_icon {
	background-position: -0px -7125px;
}

#texdwnLine_3.act>.texdwn_line_icon {
	background-position: -75px -7125px;
}

#texdwnLine_4>.texdwn_line_icon {
	background-position: -0px -7200px;
}

#texdwnLine_4.act>.texdwn_line_icon {
	background-position: -75px -7200px;
}

#texdwnLine_5>.texdwn_line_icon {
	background-position: -0px -7275px;
}

#texdwnLine_5.act>.texdwn_line_icon {
	background-position: -75px -7275px;
}

#texdwnLine_6>.texdwn_line_icon {
	background-position: -0px -7350px;
}

#texdwnLine_6.act>.texdwn_line_icon {
	background-position: -75px -7350px;
}

#texdwnLine_7>.texdwn_line_icon {
	background-position: -0px -7425px;
}

#texdwnLine_7.act>.texdwn_line_icon {
	background-position: -75px -7425px;
}

#texdwnLine_tile_lr>.texdwn_line_icon, #texdwnLine_tile_mr>.texdwn_line_icon, #texdwnLine_tile_tr>.texdwn_line_icon, #texdwnLine_tile2k_>.texdwn_line_icon {
	background-position: -0px -6450px
}

#texdwnLine_tile_lr.act>.texdwn_line_icon, #texdwnLine_tile_mr.act>.texdwn_line_icon, #texdwnLine_tile_tr.act>.texdwn_line_icon, #texdwnLine_tile2k_.act>.texdwn_line_icon
	{
	background-position: -75px -6450px;
}

#toolLine_full>.tool_line_icon {
	background-position: 0px -6825px;
}

#toolLine_full.act>.tool_line_icon {
	background-position: -75px -6825px;
}

#toolLine_ruler>.tool_line_icon {
	background-position: 0px -3450px;
}

#toolLine_ruler.act>.tool_line_icon {
	background-position: -75px -3450px;
}

#toolLine_rotate>.tool_line_icon {
	background-position: 0px -3825px;
}

#toolLine_rotate.act>.tool_line_icon {
	background-position: -75px -3825px;
}

#chipfilterLine_hbzw>.chipfilter_line_icon {
	background-position: 0px -2325px;
}

#chipfilterLine_hbzw.act>.chipfilter_line_icon {
	background-position: -75px -2325px;
}

#chipfilterLine_color>.chipfilter_line_icon {
	background-position: 0px -2325px;
}

#chipfilterLine_color.act>.chipfilter_line_icon {
	background-position: -75px -2325px;
}

.color_line_icon {
	background-position: 0px -2325px;
}

.color_line.act .color_line_icon {
	background-position: -75px -2325px;
}

.capadata_btt {
	background-position: -225px -7500px;
}

.capadata_prod-info>.capadata_btt {
	background-position: -225px -6225px;
}

.capadata_info.act>.capadata_link>.capadata_btt.btt {
	background-position: -75px -7500px;
}

#btt_zoom {
	background-position: -0px -2550px;
}

#line_zoom.act>.btt {
	background-position: -75px -2550px;
}

#btt_tool {
	background-position: -0px -1200px;
}

#btt_tool {
	background-position: -0px -2550px;
}

#line_tool.act>.btt {
	background-position: -75px -2550px;
}

#btt_collection {
	background-position: -0px -2400px;
}

#line_collection.act>.btt {
	background-position: -75px -2400px;
}

#btt_product, #btt_filter {
	background-position: -0px -6225px;
}

#line_product.act>.btt, #line_filter.act>.btt {
	background-position: -75px -6225px;
}

#btt_chipfilter {
	background-position: -0px -1500px;
}

#line_chipfilter.act>.btt {
	background-position: -75px -1500px;
}

.struct_line_icon, .coll_line_icon, .prod_line_icon, .product_line_icon, .productgroup_line_icon, .struct-gt_line_icon {
	background-position: -0px -2325px;
}

.struct_line.act>.struct_line_icon, .coll_line.act>.coll_line_icon, .prod_line.act>.prod_line_icon, .product_line.act>.product_line_icon,
	.productgroup_line.act>.productgroup_line_icon, .struct-gt_line.act>.struct-gt_line_icon {
	background-position: -75px -2325px;
}

#btt_brightness {
	background-position: -0px -1275px;
}

#line_brightness.act>.btt {
	background-position: -75px -1275px;
}

#btt_structure {
	background-position: -0px -6450px;
}

#line_structure.act>.btt {
	background-position: -75px -6450px;
}

#line_structure.act>.btt {
	background-position: -75px -6450px;
}

#btt_structure-gt {
	background-position: -0px -6450px;
}

#line_structure-gt.act>.btt {
	background-position: -75px -6450px;
}

#line_structure-gt.act>.btt {
	background-position: -75px -6450px;
}

#btt_search {
	background-position: -0px -0px;
}

#line_search.act>.btt {
	background-position: -75px -0px;
}

#btt_help {
	background-position: -0px -75px;
}

#line_help.act>.btt {
	background-position: -75px -75px;
}

#btt_tintCart {
	background-position: -0px -6525px;
}

#line_tintCart.act>.btt {
	background-position: -75px -6525px;
}

#btt_list {
	background-position: -0px -6600px;
}

#line_list.act>.btt, #line_list.state>.btt {
	background-position: -75px -6600px;
}

#btt_share {
	background-position: -0px -4350px;
}

#line_share.act>.btt, #line_share.state>.btt {
	background-position: -75px -4350px;
}

#btt_lv, #infoLV_content_icon {
	background-position: -0px -8025px;
}

#line_lv.act>.btt, #line_lv.state>.btt {
	background-position: -75px -8025px;
}

#btt_nav_icon, #btt_back, #help_close_btt {
	background-position: -0px -4200px;
}

.innerbar_btt {
	margin: auto;
	cursor: pointer;
}

#btt_full, #btt_show.bright {
	background-position: -0px -825px;
}

#btt_full.act {
	background-position: -75px -825px;
}

#btt_ruler {
	background-position: -0px -3450px;
}

#btt_ruler.act {
	background-position: -75px -3450px;
}

#btt_zoomInnerA {
	background-position: -0px -150px;
}

#btt_zoomInnerA.act {
	background-position: -75px -150px;
}

#btt_zoomInnerA.deact {
	background-position: -225px -150px;
}

#btt_zoomInnerB {
	background-position: -0px -300px;
}

#btt_zoomInnerB.act {
	background-position: -75px -300px;
}

#btt_zoomInnerB.deact {
	background-position: -225px -300px;
}

#btt_searchInnerA {
	background-position: -0px -150px;
}

#btt_searchInnerA.act {
	background-position: -75px -150px;
}

#btt_searchInnerA.deact {
	background-position: -225px -150px;
}

.texdwn_header_info {
	display: inline-block;
	width: calc(50% - 20px);
	height: 75px;
	line-height: 75px;
	margin: 0px 10px;
}

.texdwn_format {
	text-align: left;
}

@media ( hover :hover) {
	#line_info:hover>.btt {
		background-position: -150px -2475px;
	}
	#line_menu:hover>.btt {
		background-position: -150px -3900px;
	}
	#line_zoom:hover>.btt {
		background-position: -150px -2550px;
	}
	#line_tool:hover>.btt {
		background-position: -150px -2550px;
	}
	#line_collection:hover>.btt {
		background-position: -150px -2400px;
	}
	#line_product:hover>.btt, #line_filter:hover>.btt {
		background-position: -150px -6225px;
	}
	#line_chipfilter:hover>.btt {
		background-position: -150px -1500px;
	}
	.struct_line:hover>.struct_line_icon, .coll_line:hover>.coll_line_icon, .prod_line:hover>.prod_line_icon, .product_line:hover>.product_line_icon,
		.productgroup_line:hover>.productgroup_line_icon, .struct-gt_line:hover>.struct-gt_line_icon {
		background-position: -150px -2325px;
	}
	#line_brightness:hover>.btt {
		background-position: -150px -1275px;
	}
	#line_structure:hover>.btt {
		background-position: -150px -6450px;
	}
	#line_structure-gt:hover>.btt {
		background-position: -150px -6450px;
	}
	#line_search:hover>.btt {
		background-position: -150px -0px;
	}
	#line_help:hover>.btt {
		background-position: -150px -75px;
	}
	#line_tintCart:hover>.btt {
		background-position: -150px -6525px;
	}
	#line_list:hover>.btt {
		background-position: -150px -6600px;
	}
	#line_share:hover>.btt {
		background-position: -150px -4350px;
	}
	#line_lv:hover>.btt {
		background-position: -150px -8025px;
	}
	#line_nav:hover>.btt>#btt_nav_icon, #btt_back:hover, #help_close_btt:hover {
		background-position: -75px -4200px;
	}
	#btt_full:hover {
		background-position: -150px -825px;
	}
	#btt_ruler:hover {
		background-position: -150px -3450px;
	}
	#btt_zoomInnerB:hover {
		background-position: -150px -300px;
	}
	#btt_searchInnerA:hover {
		background-position: -150px -150px;
	}
	.capadata_prod-info:hover>.capadata_btt.btt {
		background-position: -150px -6225px;
	}
	.capadata_info:hover>.capadata_link>.capadata_btt.btt {
		background-position: -150px -7500px;
	}
	#toolLine_zoom:hover>.tool_line_icon {
		background-position: -150px -6900px;
	}
	#shareLine_texdwn:hover>.share_line_icon {
		background-position: -150px -450px;
	}
	#toolLine_full:hover>.tool_line_icon {
		background-position: -150px -6825px;
	}
	#toolLine_ruler:hover>.tool_line_icon {
		background-position: -150px -3450px;
	}
	#toolLine_rotate:hover>.tool_line_icon {
		background-position: -150px -3825px;
	}
	#chipfilterLine_hbzw:hover>.chipfilter_line_icon {
		background-position: -75px -2325px;
	}
	#chipfilterLine_color:hover>.chipfilter_line_icon {
		background-position: -75px -2325px;
	}
	.color_line:hover .color_line_icon {
		background-position: -75px -2325px;
	}
}

.btt.deact, #btt_nav.deact {
	cursor: auto;
	pointer-events: none;
}

#btt_ruler.deact {
	background-position: -225px -3450px;
}

#btt_full.deact, #btt_show.dark {
	background-position: -225px -825px;
}

#line_nav.deact>.btt>#btt_nav_icon {
	background-position: -225px -4200px;
}

#line_search.deact>.btt {
	background-position: -225px -0px;
}

#line_help.deact>.btt {
	background-position: -225px -75px;
}

#line_tintCart.deact>.btt {
	background-position: -225px -6525px;
}

#line_list.deact>.btt {
	background-position: -225px -6600px;
}

#line_share.deact>.btt {
	background-position: -225px -4350px;
}

#line_lv.deact>.btt {
	background-position: -225px -8025px;
}

#line_structure.deact>.btt {
	background-position: -225px -6450px;
}

#line_structure-gt.deact>.btt {
	background-position: -225px -6450px;
}

#line_collection.deact>.btt {
	background-position: -225px -2400px;
}

#line_product.deact>.btt, #line_filter.deact>.btt {
	background-position: -225px -6225px;
}

#line_chipfilter.deact>.btt {
	background-position: -225px -1500px;
}

#line_brightness.deact>.btt {
	background-position: -225px -1275px;
}

.struct_line.deact>.struct_line_icon, .coll_line.deact>.coll_line_icon, .prod_line.deact>.prod_line_icon, .product_line.deact>.product_line_icon,
	.productgroup_line.deact>.productgroup_line_icon, .struct-gt_line.deact>.struct-gt_line_icon {
	background-position: -0px -2325px;
}

#line_tool.deact>.btt {
	background-position: -225px -2550px;
}

#line_zoom.deact>.btt {
	background-position: -225px -2550px;
}

#line_menu.deact>.btt {
	background-position: -225px -3900px;
}

#line_info.deact>.btt {
	background-position: -225px -2475px;
}

.capadata_prod-info.deact>.capadata_btt.btt {
	background-position: -0px -6225px;
}

.capadata_info.deact>.capadata_link>.capadata_btt.btt {
	background-position: -0px -7500px;
}

#toolLine_zoom.deact>.tool_line_icon {
	background-position: -225px -6900px;
}

#shareLine_texdwn.deact>.share_line_icon {
	background-position: -225px -450px;
}

#toolLine_full.deact>.tool_line_icon {
	background-position: -225px -6825px;
}

#toolLine_ruler.deact>.tool_line_icon {
	background-position: -225px -3450px;
}

#toolLine_rotate.deact>.tool_line_icon {
	background-position: -225px -3825px;
}

#chipfilterLine_hbzw.deact>.chipfilter_line_icon {
	background-position: -225px -2325px;
}

#chipfilterLine_color.deact>.chipfilter_line_icon {
	background-position: -225px -2325px;
}

.color_line.deact .color_line_icon {
	background-position: -225px -2325px;
}

#prod-info_close_ico {
	background-position: -225px -5025px;
}

/* subbars */
.subbar {
	position: absolute;
	top: 0px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	width: 30%;
	left: 30%;
	z-index: 15;
}

.opening {
	z-index: 20;
}

.closing {
	z-index: 10;
}

#subbar_sec {
	width: 15%;
	left: 15%;
}

.subbar.right {
	left: auto;
	right: 75px;
}

.subbar_header {
	width: 100%;
	height: 75px;
	line-height: 75px;
	text-align: center;
	/* 	background-color: rgba(31, 174, 219, 1); */
}

.subbar_content {
	height: calc(100% - 100px);
	width: 100%;
	color: #fff;
}

#subbar_menu, #subbar_zoom {
	width: 75px;
	left: 75px;
}

#subbar_brightness, #subbar_hbzw {
	width: 150px;
	left: 150px;
}

#subbar_color {
	width: 300px;
	left: 300px;
}

#subbar_search {
	width: 321px;
	right: 321px;
}

#subbar_share {
	width: 470px;
	right: 470px;
}

#subbar_structure {
	width: 330px;
	left: 330px;
}

#subbar_tool {
	width: 230px;
	left: 230px;
}

#subbar_info {
	width: 450px;
	right: 450px;
}

#subbar_prod-info {
	width: 450px;
	right: 450px;
}

#subbar_filter {
	width: 670px;
	left: 670px;
}

#subbar_tintCart {
	width: 400px;
	right: 400px;
}

#subbar_chipfilter {
	width: 330px;
	left: 330px;
}

#subbar_collection {
	width: 35%;
	left: 35%;
}

#subbar_product {
	width: 40%;
	left: 40%;
}

#subbar_structure-gt {
	overflow-y: auto;
}

#subbar_content_collection, #subbar_content_producer, #subbar_content_product, #subbar_content_prodgroup {
	height: calc(100% - 25px);
	width: 50%;
	float: left;
}

#subbar_content_collection {
	width: 60%;
}

#subbar_content_producer {
	width: 40%;
}

#subbar_content_info, #subbar_content_prod-info {
	width: calc(100% - 20px);
	height: calc(100% - 120px);
	padding: 20px 0px 0px 20px;
	overflow-y: auto;
	/* 	color: #000; */
	/* 	background-color: rgba(255, 255, 255, 0.9); */
}

#subbar_content_tintCart, #subbar_content_hbzw {
	position: relative;
	height: calc(100% - 25px);
}

#subbar_content_color {
	overflow: auto;
}

.inner_subbar {
	position: absolute;
	top: 0px;
	left: 30%;
	height: 100%;
	width: 30%;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 5;
}

.inner_subbar.right {
	right: 30%;
	left: auto;
}

#subbar_secInnerA, #subbar_secInnerB {
	width: 10%;
	left: 10%;
}

#subbar_thirdInnerA {
	width: 10%;
	right: 10%;
}

#subbar_sec>.subbar_header, #subbar_thirdInnerA>.subbar_header {
	background-color: red;
}

#subbar_secInnerA>.subbar_header {
	background-color: green;
}

.struct_line, .tool_line, .chipfilter_line, .color_line, .coll_line, .prod_line, .product_line, .productgroup_line,
	.tinting_line, .grouptinting_line, .struct-gt_line, .share_line, .texdwn_line {
	height: 75px;
	line-height: 75px;
	cursor: pointer;
}

/* .grouptinting_line.act, .tinting_line.act { */
/* 	background-color: rgba(31, 174, 219, 1); */
/* } */

/* .grouptinting_line { */
/* 	color: rgba(31, 174, 219, 1); */
/* } */
/* .grouptinting_line.first_font_hover.act:hover, .tinting_line.first_font_hover.act:hover { */
/* 	color: #fff; */
/* } */
.struct_line_icon, .tool_line_icon, .chipfilter_line_icon, .color_line_icon, .color_line_cb, .coll_line_icon, .prod_line_icon,
	.product_line_icon, .productgroup_line_icon, .struct-gt_line_icon, .share_line_icon, .texdwn_line_icon {
	display: inline-block;
	width: 75px;
	height: 75px;
	width: 75px;
	vertical-align: top;
	position: relative;
}

.struct_line_text, .tool_line_text, .chipfilter_line_text, .color_line_text, .coll_line_text, .prod_line_text,
	.product_line_text, .productgroup_line_text, .tinting_line_text, .grouptinting_line_text, .struct-gt_line_text,
	.share_line_text, .texdwn_line_text {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 85px);
}

.texdwn_line_text {
	width: calc(100% - 170px);
}

.texdwn_line_width {
	display: inline-block;
	width: 75px;
	height: 75px;
	margin-right: 10px;
	text-align: right;
}

.share_line_text, .texdwn_line_text, #texdwn_options {
	text-align: left;
}

#texdwn_options {
    overflow-y: auto;
    height: calc(100% - 75px);
}

.product_line_text, .struct_line_text, .struct-gt_line_text, .coll_line_text, .f_selection_text, .structure_result_txt {
	display: inline-block;
	text-overflow: unset;
	white-space: unset;
	line-height: 25px;
	vertical-align: middle;
	overflow: hidden;
}

.tinting_line_text, .grouptinting_line_text {
	width: calc(100% - 10px);
}

.tool_line.deact, .chipfilter_line.deact, .color_line.deact, .share_line.deact, .texdwn_line.deact {
	cursor: auto;
	pointer-events: none;
}

.filter_selection {
	display: inline-block;
}

.color_line_cb {
	/* 	padding: 0px 20px 0px 10px; */
	
}

.color_line_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 35px;
	height: 35px;
	margin: 20px 0px 0px 20px;
	border-radius: 5px;
	z-index: -1;
}

.color_0 {
	background-color: #fff;
}

.color_1 {
	background-color: #ffe600;
}

.color_2 {
	background-color: #ffa800;
}

.color_3 {
	background-color: #ff0000;
	margin-right: 0px;
}

.color_4 {
	background-color: #ff64ff;
}

.color_5 {
	background-color: #9b00ff;
}

.color_6 {
	background-color: #009bff;
}

.color_7 {
	background-color: #008c00;
	margin-right: 0px;
}

.color_8 {
	background-color: #c9bbac;
}

.color_9 {
	background-color: #a47046;
}

.color_10 {
	background-color: #969696;
}

.color_11 {
	background-color: #000;
	margin-right: 0px;
}

/* Slider */
#vert_slider {
	width: 15px;
	height: calc(100% - 160px);
	margin: 50px auto;
}

#vert_slider .ui-slider-handle {
	background-color: rgba(255, 255, 255, 1);
	border: 10px solid rgba(31, 174, 219, 1);
	border-radius: 20px;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 20px;
	height: 20px;
	cursor: default;
}

.ui-slider-vertical .ui-slider-handle {
	left: -2px;
	cursor: pointer;
}

.ui-widget-content {
	background-color: rgba(30, 30, 30, 1);
}

#slider_max_label, #slider_min_label {
	height: 60px;
	line-height: 60px;
	margin: 0px auto 20px auto;
	width: 75px;
	text-align: center;
}

#slider_min_label {
	margin: 10px auto 0px auto;
}

.slide_value {
	display: none;
	background-color: transparent;
	border: 2px solid;
	height: 34px;
	line-height: 34px;
	width: 70px;
	margin: -10px 0px 0px -95px;
	text-align: center;
	color: rgba(31, 174, 219, 1);
}

#share_header_texdwn {
	display: none;
	height: 75px;
}

#texdwn_header {
	height: 75px;
	width: 100%;
}

#header_texdwn_left {
	display: inline-block;
	width: calc(60% - 20px);
	margin-left: 10px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#header_texdwn_right {
	display: inline-block;
	width: 40%;
	text-align: right;
	vertical-align: top;
}

#header_texdwn_label {
	display: inline-block;
}

#header_texdwn_back {
	display: inline-block;
	width: 75px;
	height: 75px;
	background-position: -225px -5025px;
	vertical-align: bottom;
	cursor: pointer;
}

.impr_layer {
	position: absolute;
	bottom: 0px;
	/* 	background: #000; */
}

#impr_layer_start {
	left: 0px;
	width: 100%;
	height: 75px;
	line-height: 75px;
	z-index: 80;
}

#impr_layer_main {
	left: 75px;
	width: calc(100% - 150px);
	height: 25px;
	line-height: 25px;
	/* 	color: #fff; */
	z-index: 70;
}

.impr_layer>p {
	display: inline-block;
	margin: 0px 5px;
}

#impr_layer_start>.impr_opt_show {
	margin-left: 50px;
}

#impr_layer_main>.impr_opt_show {
	margin-left: 0px;
}

.impr_opt {
	display: inline-block;
	cursor: pointer;
}

#dia_info_imp, #dia_help, #dia_message, #dia_info_dataprot {
	/* 	background-color: rgba(30, 30, 30, 0.8); */
	
}

#info_imp_dia_parent, #help_dia_parent, #message_dia_parent, #info_dataprot_dia_parent {
	background-color: transparent;
}

#info_imp_dia_parent.ui-dialog .ui-dialog-titlebar, #info_dataprot_dia_parent.ui-dialog .ui-dialog-titlebar {
	display: none;
}

#info_imp_text {
	width: calc(100% - 50px);
	height: calc(100% - 50px);
	padding: 25px;
	overflow: auto;
	font-size: 17px;
}

#info_dataprot_text {
	width: calc(100% - 80px);
	height: calc(100% - 80px);
	padding: 40px;
	overflow: auto;
	font-size: 17px;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	/* 	margin: .2em; */
	padding: 0;
	outline: 0;
}

.ui-widget.ui-widget-content {
	border: none;
}

#help_iframe_wrapper {
	width: 100%;
	height: 100%;
}

.ui-dialog .ui-dialog-content {
	padding: 0px;
}

#dia_order_cc {
	padding: 0.5em 1em;
}

iframe {
	border: none;
}

#help_close_btt {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 75px;
	height: 75px;
	width: 75px;
	cursor: pointer;
}

#impr_layer_logo {
	display: inline-block;
	width: 212px;
	height: 75px;
	background-repeat: no-repeat;
	vertical-align: top;
	width: 212px;
}

.prod_step {
	width: 100%;
	margin-top: 60px;
}

#prod-info_list>.prod_step {
	width: calc(100% - 20px);
	margin-top: 40px;
	border-bottom: 1px solid #000;
}

#prod_step_0, #prod-info_list>#prod_step_0 {
	margin: 0px;
}

.prod_step_line {
	width: 100%;
	margin-top: 20px;
}

.prod_step_line.details {
	margin-top: 40px;
/* 	padding-bottom: 20px; */
}

.prod_step_line.tint {
	margin-top: 60px;
}

.prod_step_title {
	width: 100%;
	text-align: left;
}

.prod_step_line_lbl, .prod_step_line_val {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	text-align: left;
}

#prod-info_list .prod_step_line_lbl {
	width: 20%;
	min-width: 150px;
}

#prod-info_list .prod_step_line_val {
	width: 80%;
	max-width: calc(100% - 150px);
}

.disp_div.rot_180 {
	transform: rotate(180deg);
}

#prod-info_title {
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 20px;
	text-align: left;
}

#prod-info_close {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

#prod-info_close_lbl {
	display: inline-block;
}

#prod-info_close_ico {
	display: inline-block;
}

/* jump mark 2560px */
@media ( min-width : 2560px) {
	/* general */
	.menu_bar {
		width: 100px;
	}
	.btt, #btt_nav_icon, .desc_nav_icon, .innerbar_btt, .capadata_btt.btt {
		width: 100px;
		height: 100px;
	}
	.subbar_header, .main_bar_line, .struct_line, .tool_line, .chipfilter_line, .color_line, .coll_line, .prod_line, .product_line,
		.productgroup_line, .tinting_line, .grouptinting_line, .struct-gt_line, .color_line_cb, .capadata_info, .share_line,
		#f_selection_head, #structure_head {
		height: 100px;
		line-height: 100px;
	}
	.subbar_content {
		height: calc(100% - 133px);
		width: 100%;
	}
	#structure_dia_content, #subbar_content_collection, #subbar_content_producer, #subbar_content_product, #subbar_content_prodgroup,
		#subbar_content_tintCart, #subbar_content_hbzw, #prod-info_dia_content {
		height: calc(100% - 33px);
	}
	#subbar_content_structure {
		height: calc(100% - 133px);
	}
	#subbar_content_info, #subbar_content_prod-info {
		height: calc(100% - 153px);
	}
	#coll_change_results, #prod_change_results, #product_change_results, #prodgroup_change_results {
		height: calc(100% - 100px);
	}
	.subbar.right {
		right: 100px;
	}
	#workspace, #display, #dia_structure, #dia_prod-info {
		left: 100px;
		width: calc(100% - 200px);
	}
	.main_bar_line {
		width: 350px;
	}
	.struct_line_text, .tool_line_text, .chipfilter_line_text, .color_line_text, .coll_line_text, .prod_line_text,
		.product_line_text, .productgroup_line_text, .struct-gt_line_text, .share_line_text {
		width: calc(100% - 110px);
	}
	#line_info {
		height: 300px;
	}
	#bg_info {
		height: calc(100% - 10px); /*215px*/
		width: 90px;
		font-size: 14px;
		padding: 10px 5px;
	}
	#info_topbar {
		height: 100px;
	}
	#subbar_zoom {
		width: 100px;
	}
	.start_option {
		height: 640px;
		width: 384px;
	}
	.start_option_icon {
		margin: 30px auto 35px auto;
	}
	.start_option_title {
		padding-left: 30px;
		font-size: 30pt;
	}
	.start_option_text {
		margin: 30px;
		font-size: 15pt;
	}
	.start_option_space {
		height: 384px;
	}
	#info_topbar>* {
		font-size: 28px;
	}
	/* buttons */
	.innerbar_btt {
		background: transparent url(img/SPECTRUM-iconset-blue@2x.png) no-repeat;
	}
	#btt_menu {
		background-position: 0px -5200px;
	}
	#line_menu.act>.btt {
		background-position: -100px -5200px;
	}
	#line_menu.deact>.btt {
		background-position: -300px -5200px;
	}
	#toolLine_zoom>.tool_line_icon {
		background-position: 0px -9200px;
	}
	#toolLine_zoom.act>.tool_line_icon {
		background-position: -100px -9200px;
	}
	#toolLine_zoom.deact>.tool_line_icon {
		background-position: -300px -9200px;
	}
	#shareLine_texdwn>.share_line_icon {
		background-position: 0px -600px;
	}
	#shareLine_texdwn.act>.share_line_icon {
		background-position: -100px -600px;
	}
	#shareLine_texdwn.deact>.share_line_icon {
		background-position: -300px -600px;
	}
	#btt_zoom {
		background-position: -0px -3400px;
	}
	#line_zoom.act>.btt {
		background-position: -100px -3400px;
	}
	#line_zoom.deact>.btt {
		background-position: -300px -3400px;
	}
	#btt_tool {
		background-position: -0px -3400px;
	}
	#line_tool.act>.btt {
		background-position: -100px -3400px;
	}
	#line_tool.deact>.btt {
		background-position: -300px -3400px;
	}
	#btt_collection {
		background-position: -0px -3200px;
	}
	#line_collection.act>.btt {
		background-position: -100px -3200px;
	}
	#line_collection.deact>.btt {
		background-position: -300px -3200px;
	}
	#btt_product, #btt_filter {
		background-position: -0px -8300px;
	}
	#line_product.act>.btt, #line_filter.act>.btt {
		background-position: -100px -8300px;
	}
	#line_product.deact>.btt, #line_filter.deact>.btt {
		background-position: -300px -8300px;
	}
	#btt_chipfilter {
		background-position: -0px -2000px;
	}
	#line_chipfilter.act>.btt {
		background-position: -100px -2000px;
	}
	#line_chipfilter.deact>.btt {
		background-position: -300px -2000px;
	}
	.struct_line_icon, .coll_line_icon, .prod_line_icon, .product_line_icon, .productgroup_line_icon, .struct-gt_line_icon {
		background-position: -0px -3100px;
	}
	.struct_line.act>.struct_line_icon, .coll_line.act>.coll_line_icon, .prod_line.act>.prod_line_icon, .product_line.act>.product_line_icon,
		.productgroup_line.act>.productgroup_line_icon, .struct-gt_line.act>.struct-gt_line_icon {
		background-position: -100px -3100px;
	}
	.struct_line.deact>.struct_line_icon, .coll_line.deact>.coll_line_icon, .prod_line.deact>.prod_line_icon, .product_line.deact>.product_line_icon,
		.productgroup_line.deact>.productgroup_line_icon, .struct-gt_line.deact>.struct-gt_line_icon {
		background-position: -300px -3100px;
	}
	#btt_brightness {
		background-position: -0px -1700px;
	}
	#line_brightness.act>.btt {
		background-position: -100px -1700px;
	}
	#line_brightness.deact>.btt {
		background-position: -300px -1700px;
	}
	#btt_structure {
		background-position: -0px -8600px;
	}
	#line_structure.act>.btt {
		background-position: -100px -8600px;
	}
	#line_structure.deact>.btt {
		background-position: -300px -8600px;
	}
	#btt_structure-gt {
		background-position: -0px -8600px;
	}
	#line_structure-gt.act>.btt {
		background-position: -100px -8600px;
	}
	#line_structure-gt.deact>.btt {
		background-position: -300px -8600px;
	}
	#btt_search {
		background-position: -0px -0px;
	}
	#line_search.act>.btt {
		background-position: -100px -0px;
	}
	#line_search.deact>.btt {
		background-position: -300px -0px;
	}
	#btt_help {
		background-position: -0px -100px;
	}
	#line_help.act>.btt {
		background-position: -100px -100px;
	}
	#line_help.deact>.btt {
		background-position: -300px -100px;
	}
	#btt_tintCart {
		background-position: -0px -8700px;
	}
	#line_tintCart.act>.btt {
		background-position: -100px -8700px;
	}
	#line_tintCart.deact>.btt {
		background-position: -300px -8700px;
	}
	#btt_list {
		background-position: -0px -8800px;
	}
	#line_list.act>.btt, #line_list.state>.btt {
		background-position: -100px -8800px;
	}
	#line_list.deact>.btt {
		background-position: -300px -8800px;
	}
	#btt_share {
		background-position: -0px -5800px;
	}
	#line_share.act>.btt, #line_share.state>.btt {
		background-position: -100px -5800px;
	}
	#line_share.deact>.btt {
		background-position: -300px -5800px;
	}
	#btt_lv {
		background-position: -0px -10700px;
	}
	#line_lv.act>.btt, #line_lv.state>.btt {
		background-position: -100px -10700px;
	}
	#line_lv.deact>.btt {
		background-position: -300px -10700px;
	}
	#btt_nav_icon, #btt_back, #help_close_btt {
		background-position: -0px -5600px;
	}
	#line_nav.deact>.btt>#btt_nav_icon {
		background-position: -300px -5600px;
	}
	#btt_full {
		background-position: -0px -1100px;
	}
	#btt_full.act {
		background-position: -100px -1100px;
	}
	#btt_full.deact {
		background-position: -300px -1100px;
	}
	#btt_ruler {
		background-position: -0px -4600px;
	}
	#btt_ruler.act {
		background-position: -100px -4600px;
	}
	#btt_ruler.deact {
		background-position: -300px -4600px;
	}
	#btt_zoomInnerA {
		background-position: -0px -200px;
	}
	#btt_zoomInnerA.act {
		background-position: -100px -200px;
	}
	#btt_zoomInnerA.deact {
		background-position: -300px -200px;
	}
	#btt_zoomInnerB {
		background-position: -0px -400px;
	}
	#btt_zoomInnerB.act {
		background-position: -100px -400px;
	}
	#btt_zoomInnerB.deact {
		background-position: -300px -400px;
	}
	#btt_searchInnerA {
		background-position: -0px -200px;
	}
	#btt_searchInnerA.act {
		background-position: -100px -200px;
	}
	#btt_searchInnerA.deact {
		background-position: -300px -200px;
	}
	.capadata_btt {
		background-position: -300px -10000px;
	}
	.capadata_prod-info>.capadata_btt.btt {
		background-position: -300px -8300px;
	}
	.capadata_prod-info.act>.capadata_btt.btt {
		background-position: -100px -8300px;
	}
	.capadata_info.act>.capadata_link>.capadata_btt.btt {
		background-position: -100px -10000px;
	}
	.capadata_prod-info.deact>.capadata_btt.btt {
		background-position: -0px -8300px;
	}
	.capadata_info.deact>.capadata_link>.capadata_btt.btt {
		background-position: -0px -10000px;
	}
	#line_info>.btt {
		background-position: -0px -3300px;
	}
	#line_info.act>.btt {
		background-position: -100px -3300px;
	}
	#line_info.deact>.btt {
		background-position: -300px -3300px;
	}
	#toolLine_full>.tool_line_icon {
		background-position: 0px -9100px;
	}
	#toolLine_full.act>.tool_line_icon {
		background-position: -100px -9100px;
	}
	#toolLine_full.deact>.tool_line_icon {
		background-position: -300px -9100px;
	}
	#toolLine_ruler>.tool_line_icon {
		background-position: 0px -4600px;
	}
	#toolLine_ruler.act>.tool_line_icon {
		background-position: -100px -4600px;
	}
	#toolLine_ruler.deact>.tool_line_icon {
		background-position: -300px -4600px;
	}
	#toolLine_rotate>.tool_line_icon {
		background-position: 0px -5100px;
	}
	#toolLine_rotate.act>.tool_line_icon {
		background-position: -100px -5100px;
	}
	#toolLine_rotate.deact>.tool_line_icon {
		background-position: -300px -5100px;
	}
	#chipfilterLine_hbzw>.chipfilter_line_icon {
		background-position: 0px -3100px;
	}
	#chipfilterLine_hbzw.act>.chipfilter_line_icon {
		background-position: -100px -3100px;
	}
	#chipfilterLine_hbzw.deact>.chipfilter_line_icon {
		background-position: -300px -3100px;
	}
	#chipfilterLine_color>.chipfilter_line_icon {
		background-position: 0px -3100px;
	}
	#chipfilterLine_color.act>.chipfilter_line_icon {
		background-position: -100px -3100px;
	}
	#chipfilterLine_color.deact>.chipfilter_line_icon {
		background-position: -300px -3100px;
	}
	.color_line_icon {
		background-position: 0px -3100px;
	}
	.color_line.act .color_line_icon {
		background-position: -100px -3100px;
	}
	.color_line.deact .color_line_icon {
		background-position: -300px -3100px;
	}
	#z_state_btn_img_1 {
		background-position: 0px -9300px;
	}
	#z_state_btn_img_1.act {
		background-position: -100px -9300px;
	}
	#z_state_btn_img_2 {
		background-position: 0px -9400px;
	}
	#z_state_btn_img_2.act {
		background-position: -100px -9400px;
	}
	#z_state_btn_img_3 {
		background-position: 0px -9500px;
	}
	#z_state_btn_img_3.act {
		background-position: -100px -9500px;
	}
	#z_state_btn_img_4 {
		background-position: 0px -9600px;
	}
	#z_state_btn_img_4.act {
		background-position: -100px -9600px;
	}
	#z_state_btn_img_5 {
		background-position: 0px -9700px;
	}
	#z_state_btn_img_5.act {
		background-position: -100px -9700px;
	}
	#z_state_btn_img_6 {
		background-position: 0px -9800px;
	}
	#z_state_btn_img_6.act {
		background-position: -100px -9800px;
	}
	#z_state_btn_img_7 {
		background-position: 0px -9900px;
	}
	#z_state_btn_img_7.act {
		background-position: -100px -9900px;
	}
	#dia_infoLV {
		right: 100px;
	}
	.color_line_bg {
		width: 48px;
		height: 48px;
		margin: 26px 0px 0px 26px;
	}
	#impr_layer_start {
		height: 100px;
		line-height: 100px;
	}
	#impr_layer_main {
		left: 100px;
		width: calc(100% - 200px);
		height: 33px;
		line-height: 33px;
	}
	#impr_layer_start>.impr_opt_show {
		margin-left: 75px;
	}
	#impr_layer_logo {
		width: 272px;
		height: 100px;
	}
	#btt_full.deact, #btt_show.dark {
		background-position: -300px -1100px;
	}
	#infoLV_content_icon {
		background-position: -10px -21512px;
	}
	#prod-info_close_ico {
		background-position: -300px -6700px;
	}
	#texdwnLine_1>.texdwn_line_icon {
		background-position: -0px -9300px;
	}
	
	#texdwnLine_1.act>.texdwn_line_icon {
		background-position: -100px -9300px;
	}
	
	#texdwnLine_2>.texdwn_line_icon {
		background-position: -0px -9400px;
	}
	
	#texdwnLine_2.act>.texdwn_line_icon {
		background-position: -100px -9400px;
	}
	
	#texdwnLine_3>.texdwn_line_icon {
		background-position: -0px -9500px;
	}
	
	#texdwnLine_3.act>.texdwn_line_icon {
		background-position: -100px -9500px;
	}
	
	#texdwnLine_4>.texdwn_line_icon {
		background-position: -0px -9600px;
	}
	
	#texdwnLine_4.act>.texdwn_line_icon {
		background-position: -100px -9600px;
	}
	
	#texdwnLine_5>.texdwn_line_icon {
		background-position: -0px -9700px;
	}
	
	#texdwnLine_5.act>.texdwn_line_icon {
		background-position: -100px -9700px;
	}
	
	#texdwnLine_6>.texdwn_line_icon {
		background-position: -0px -9800px;
	}
	
	#texdwnLine_6.act>.texdwn_line_icon {
		background-position: -100px -9800px;
	}
	
	#texdwnLine_7>.texdwn_line_icon {
		background-position: -0px -9900px;
	}
	
	#texdwnLine_7.act>.texdwn_line_icon {
		background-position: -100px -9900px;
	}
	
	#texdwnLine_tile_lr>.texdwn_line_icon, #texdwnLine_tile_mr>.texdwn_line_icon, #texdwnLine_tile_tr>.texdwn_line_icon, #texdwnLine_tile2k_>.texdwn_line_icon {
		background-position: -0px -8600px;
	}
	
	#texdwnLine_tile_lr.act>.texdwn_line_icon, #texdwnLine_tile_mr.act>.texdwn_line_icon, #texdwnLine_tile_tr.act>.texdwn_line_icon, #texdwnLine_tile2k_.act>.texdwn_line_icon
		{
		background-position: -100px -8600px;
	}

	.texdwn_line_text {
		width: calc(100% - 195px);
	}

	.texdwn_line {
		height: 100px;
		line-height: 100px;
		cursor: pointer;
	}

	@media ( hover :hover) {
		#line_menu:hover>.btt {
			background-position: -200px -5200px;
		}
		#line_zoom:hover>.btt {
			background-position: -200px -3400px;
		}
		#line_tool:hover>.btt {
			background-position: -200px -3400px;
		}
		#line_collection:hover>.btt {
			background-position: -200px -3200px;
		}
		#line_product:hover>.btt, #line_filter:hover>.btt {
			background-position: -200px -8300px;
		}
		#line_chipfilter:hover>.btt {
			background-position: -200px -2000px;
		}
		.struct_line:hover>.struct_line_icon, .coll_line:hover>.coll_line_icon, .prod_line:hover>.prod_line_icon, .product_line:hover>.product_line_icon,
			.productgroup_line:hover>.productgroup_line_icon, .struct-gt_line:hover>.struct-gt_line_icon {
			background-position: -100px -3100px;
		}
		#line_brightness:hover>.btt {
			background-position: -200px -1700px;
		}
		#line_structure:hover>.btt {
			background-position: -200px -8600px;
		}
		#line_structure-gt:hover>.btt {
			background-position: -200px -8600px;
		}
		#line_search:hover>.btt {
			background-position: -200px -0px;
		}
		#line_help:hover>.btt {
			background-position: -200px -100px;
		}
		#line_tintCart:hover>.btt {
			background-position: -200px -8700px;
		}
		#line_list:hover>.btt {
			background-position: -200px -8800px;
		}
		#line_share:hover>.btt {
			background-position: -200px -5800px;
		}
		#line_lv:hover>.btt {
			background-position: -200px -10700px;
		}
		#line_nav:hover>.btt>#btt_nav_icon, #btt_back:hover, #help_close_btt:hover {
			background-position: -100px -5600px;
		}
		#btt_full:hover {
			background-position: -200px -1100px;
		}
		#btt_ruler:hover {
			background-position: -200px -4600px;
		}
		#btt_zoomInnerA:hover {
			background-position: -200px -200px;
		}
		#btt_zoomInnerB:hover {
			background-position: -200px -400px;
		}
		#btt_searchInnerA:hover {
			background-position: -200px -200px;
		}
		.capadata_prod-info:hover>.capadata_btt.btt {
			background-position: -200px -8300px;
		}
		.capadata_info:hover>.capadata_link>.capadata_btt.btt {
			background-position: -200px -10000px;
		}
		#toolLine_zoom:hover>.tool_line_icon {
			background-position: -200px -9200px;
		}
		#shareLine_texdwn:hover>.share_line_icon {
			background-position: -200px -600px;
		}
		#line_info:hover>.btt {
			background-position: -200px -3300px;
		}
		#toolLine_full:hover>.tool_line_icon {
			background-position: -200px -9100px;
		}
		#toolLine_ruler:hover>.tool_line_icon {
			background-position: -200px -4600px;
		}
		#toolLine_rotate:hover>.tool_line_icon {
			background-position: -200px -5100px;
		}
		#chipfilterLine_hbzw:hover>.chipfilter_line_icon {
			background-position: -100px -3100px;
		}
		#chipfilterLine_color:hover>.chipfilter_line_icon {
			background-position: -100px -3100px;
		}
		.color_line:hover .color_line_icon {
			background-position: -100px -3100px;
		}
		#z_state_btn_img_1:hover {
			background-position: -200px -9300px;
		}
		#z_state_btn_img_2:hover {
			background-position: -200px -9400px;
		}
		#z_state_btn_img_3:hover {
			background-position: -200px -9500px;
		}
		#z_state_btn_img_4:hover {
			background-position: -200px -9600px;
		}
		#z_state_btn_img_5:hover {
			background-position: -200px -9700px;
		}
		#z_state_btn_img_6:hover {
			background-position: -200px -9800px;
		}
		#z_state_btn_img_7:hover {
			background-position: -200px -9900px;
		}
	}
}

/* jump mark 1024px */
@media ( max-width : 1024px) {
	/* general */
	.menu_bar {
		width: 50px;
	}
	.btt, #btt_nav_icon, .desc_nav_icon, .innerbar_btt, .color_line_cb, .capadata_btt.btt {
		width: 50px;
		height: 50px;
	}
	.subbar_header, .main_bar_line, .struct_line, .coll_line, .prod_line, .product_line, .productgroup_line, .tinting_line,
		.grouptinting_line, .struct-gt_line, .chipfilter_line, .color_line, .capadata_info, .tool_line, .share_line, #f_selection_head,
		#structure_head {
		height: 50px;
		line-height: 50px;
	}
	.subbar_content {
		height: calc(100% - 67px);
		width: 100%;
	}
	#structure_dia_content, #subbar_content_collection, #subbar_content_producer, #subbar_content_product, #subbar_content_prodgroup,
		#subbar_content_tintCart, #subbar_content_hbzw, #prod-info_dia_content {
		height: calc(100% - 17px);
	}
	#subbar_content_structure {
		height: calc(100% - 117px);
	}
	#subbar_content_info, #subbar_content_prod-info {
		height: calc(100% - 87px);
	}
	#coll_change_results, #prod_change_results, #product_change_results, #prodgroup_change_results {
		height: calc(100% - 50px);
	}
	.subbar.right {
		right: 50px;
	}
	#workspace, #display, #dia_structure, #dia_prod-info {
		left: 50px;
		width: calc(100% - 100px);
	}
	.main_bar_line {
		width: 300px;
	}
	.struct_line_text, .tool_line_text, .chipfilter_line, .color_line, .coll_line_text, .prod_line_text, .product_line_text,
		.productgroup_line_text, .struct-gt_line_text, .share_line_text {
		width: calc(100% - 60px);
	}
	#line_info {
		height: 150px;
	}
	#bg_info {
		height: calc(100% - 10px); /*215px*/
		width: 40px;
		font-size: 14px;
		padding: 10px 5px;
	}
	#info_topbar {
		height: 50px;
	}
	#subbar_zoom {
		width: 50px;
	}
	.start_option {
		height: 250px;
		width: 150px;
	}
	.start_option_icon {
		height: 100px;
		margin: 15px auto 15px auto;
	}
	.start_option_title {
		padding-left: 10px;
		font-size: 12pt;
	}
	.start_option_text {
		margin: 10px;
		font-size: 9pt;
	}
	.start_option_space {
		height: 250px;
	}
	#info_topbar>* {
		font-size: 14px;
	}
	/* buttons */
	.innerbar_btt {
		background: transparent url(img/SPECTRUM-iconset-blue@1x.png) no-repeat;
	}
	#btt_menu {
		background-position: 0px -2600px;
	}
	#line_menu.act>.btt {
		background-position: -50px -2600px;
	}
	#line_menu.deact>.btt {
		background-position: -150px -2600px;
	}
	#btt_zoom {
		background-position: -0px -1700px;
	}
	#line_zoom.act>.btt {
		background-position: -50px -1700px;
	}
	#line_zoom.deact>.btt {
		background-position: -150px -1700px;
	}
	#btt_tool {
		background-position: -0px -1700px;
	}
	#line_tool.act>.btt {
		background-position: -50px -1700px;
	}
	#line_tool.deact>.btt {
		background-position: -150px -1700px;
	}
	#btt_collection {
		background-position: -0px -1600px;
	}
	#line_collection.act>.btt {
		background-position: -50px -1600px;
	}
	#line_collection.deact>.btt {
		background-position: -150px -1600px;
	}
	#btt_product, #btt_filter {
		background-position: -0px -4150px;
	}
	#line_product.act>.btt, #line_filter.act>.btt {
		background-position: -50px -4150px;
	}
	#line_product.deact>.btt, #line_filter.deact>.btt {
		background-position: -150px -4150px;
	}
	#btt_chipfilter {
		background-position: -0px -1000px;
	}
	#line_chipfilter.act>.btt {
		background-position: -50px -1000px;
	}
	#line_chipfilter.deact>.btt {
		background-position: -150px -1000px;
	}
	.struct_line_icon, .coll_line_icon, .prod_line_icon, .product_line_icon, .productgroup_line_icon, .struct-gt_line_icon {
		background-position: -0px -1550px;
	}
	.struct_line.act>.struct_line_icon, .coll_line.act>.coll_line_icon, .prod_line.act>.prod_line_icon, .product_line.act>.product_line_icon,
		.productgroup_line.act>.productgroup_line_icon, .struct-gt_line.act>.struct-gt_line_icon {
		background-position: -50px -1550px;
	}
	.struct_line.deact>.struct_line_icon, .coll_line.deact>.coll_line_icon, .prod_line.deact>.prod_line_icon, .product_line.deact>.product_line_icon,
		.productgroup_line.deact>.productgroup_line_icon, .struct-gt_line.deact>.struct-gt_line_icon {
		background-position: -150px -1550px;
	}
	#btt_brightness {
		background-position: -0px -850px;
	}
	#line_brightness.act>.btt {
		background-position: -50px -850px;
	}
	#line_brightness.deact>.btt {
		background-position: -150px -850px;
	}
	#btt_structure {
		background-position: -0px -4300px;
	}
	#line_structure.act>.btt {
		background-position: -50px -4300px;
	}
	#line_structure.deact>.btt {
		background-position: -150px -4300px;
	}
	#btt_structure-gt {
		background-position: -0px -4300px;
	}
	#line_structure-gt.act>.btt {
		background-position: -50px -4300px;
	}
	#line_structure-gt.deact>.btt {
		background-position: -150px -4300px;
	}
	#btt_search {
		background-position: -0px -0px;
	}
	#line_search.act>.btt {
		background-position: -50px -0px;
	}
	#line_search.deact>.btt {
		background-position: -150px -0px;
	}
	#btt_help {
		background-position: -0px -50px;
	}
	#line_help.act>.btt {
		background-position: -50px -50px;
	}
	#line_help.deact>.btt {
		background-position: -150px -50px;
	}
	#btt_tintCart {
		background-position: -0px -4350px;
	}
	#line_tintCart.act>.btt {
		background-position: -50px -4350px;
	}
	#line_tintCart.deact>.btt {
		background-position: -150px -4350px;
	}
	#btt_list {
		background-position: -0px -4400px;
	}
	#line_list.act>.btt, #line_list.state>.btt {
		background-position: -50px -4400px;
	}
	#line_list.deact>.btt {
		background-position: -150px -4400px;
	}
	#btt_share {
		background-position: -0px -2900px;
	}
	#line_share.act>.btt, #line_share.state>.btt {
		background-position: -50px -2900px;
	}
	#line_share.deact>.btt {
		background-position: -150px -2900px;
	}
	#btt_lv {
		background-position: -0px -5350px;
	}
	#line_lv.act>.btt, #line_lv.state>.btt {
		background-position: -50px -5350px;
	}
	#line_lv.deact>.btt {
		background-position: -150px -5350px;
	}
	#btt_nav_icon, #btt_back, #help_close_btt {
		background-position: -0px -2800px;
	}
	#line_nav.deact> >.btt>#btt_nav_icon {
		background-position: -150px -2800px;
	}
	#btt_full {
		background-position: -0px -550px;
	}
	#btt_full.act {
		background-position: -50px -550px;
	}
	#btt_full.deact {
		background-position: -150px -550px;
	}
	#btt_ruler {
		background-position: -0px -2300px;
	}
	#btt_ruler.act {
		background-position: -50px -2300px;
	}
	#btt_ruler.deact {
		background-position: -150px -2300px;
	}
	#btt_zoomInnerA {
		background-position: -0px -100px;
	}
	#btt_zoomInnerA.act {
		background-position: -50px -100px;
	}
	#btt_zoomInnerA.deact {
		background-position: -150px -100px;
	}
	#btt_zoomInnerB {
		background-position: -0px -200px;
	}
	#btt_zoomInnerB.act {
		background-position: -50px -200px;
	}
	#btt_zoomInnerB.deact {
		background-position: -150px -200px;
	}
	#btt_searchInnerA {
		background-position: -0px -100px;
	}
	#btt_searchInnerA.act {
		background-position: -50px -100px;
	}
	#btt_searchInnerA.deact {
		background-position: -150px -100px;
	}
	.capadata_btt {
		background-position: -150px -5000px;
	}
	.capadata_prod-info>.capadata_btt {
		background-position: -150px -4150px;
	}
	.capadata_prod-info.act>.capadata_btt.btt {
		background-position: -50px -4150px;
	}
	.capadata_prod-info.deact>.capadata_btt.btt {
		background-position: -0px -4150px;
	}
	.capadata_info.act>.capadata_link>.capadata_btt.btt {
		background-position: -50px -5000px;
	}
	.capadata_info.deact>.capadata_link>.capadata_btt.btt {
		background-position: -0px -5000px;
	}
	#toolLine_zoom>.tool_line_icon {
		background-position: 0px -4600px;
	}
	#toolLine_zoom.act>.tool_line_icon {
		background-position: -50px -4600px;
	}
	#toolLine_zoom.deact>.tool_line_icon {
		background-position: -150px -4600px;
	}
	#shareLine_texdwn>.share_line_icon {
		background-position: 0px -300px;
	}
	#shareLine_texdwn.act>.share_line_icon {
		background-position: -50px -300px;
	}
	#shareLine_texdwn.deact>.share_line_icon {
		background-position: -150px -300px;
	}
	#line_info>.btt {
		background-position: -0px -1650px;
	}
	#line_info.act>.btt {
		background-position: -50px -1650px;
	}
	#line_info.deact>.btt {
		background-position: -150px -1650px;
	}
	#toolLine_full>.tool_line_icon {
		background-position: 0px -4550px;
	}
	#toolLine_full.act>.tool_line_icon {
		background-position: -50px -4550px;
	}
	#toolLine_full.deact>.tool_line_icon {
		background-position: -150px -4550px;
	}
	#toolLine_ruler>.tool_line_icon {
		background-position: 0px -2300px;
	}
	#toolLine_ruler.act>.tool_line_icon {
		background-position: -50px -2300px;
	}
	#toolLine_ruler.deact>.tool_line_icon {
		background-position: -150px -2300px;
	}
	#toolLine_rotate>.tool_line_icon {
		background-position: 0px -2550px;
	}
	#toolLine_rotate.act>.tool_line_icon {
		background-position: -50px -2550px;
	}
	#toolLine_rotate.deact>.tool_line_icon {
		background-position: -150px -2550px;
	}
	#chipfilterLine_hbzw>.chipfilter_line_icon {
		background-position: 0px -1550px;
	}
	#chipfilterLine_hbzw.act>.chipfilter_line_icon {
		background-position: -50px -1550px;
	}
	#chipfilterLine_hbzw.deact>.chipfilter_line_icon {
		background-position: -150px -1550px;
	}
	#chipfilterLine_color>.chipfilter_line_icon {
		background-position: 0px -1550px;
	}
	#chipfilterLine_color.act>.chipfilter_line_icon {
		background-position: -50px -1550px;
	}
	#chipfilterLine_color.deact>.chipfilter_line_icon {
		background-position: -150px -1550px;
	}
	.color_line_icon {
		background-position: 0px -1550px;
	}
	.color_line.act .color_line_icon {
		background-position: -50px -1550px;
	}
	.color_line.deact .color_line_icon {
		background-position: -150px -1550px;
	}
	#z_state_btn_img_1 {
		background-position: 0px -4650px;
	}
	#z_state_btn_img_1.act {
		background-position: -50px -4650px;
	}
	#z_state_btn_img_2 {
		background-position: 0px -4700px;
	}
	#z_state_btn_img_2.act {
		background-position: -50px -4700px;
	}
	#z_state_btn_img_3 {
		background-position: 0px -4750px;
	}
	#z_state_btn_img_3.act {
		background-position: -50px -4750px;
	}
	#z_state_btn_img_4 {
		background-position: 0px -4800px;
	}
	#z_state_btn_img_4.act {
		background-position: -50px -4800px;
	}
	#z_state_btn_img_5 {
		background-position: 0px -4850px;
	}
	#z_state_btn_img_5.act {
		background-position: -50px -4850px;
	}
	#z_state_btn_img_6 {
		background-position: 0px -4900px;
	}
	#z_state_btn_img_6.act {
		background-position: -50px -4900px;
	}
	#z_state_btn_img_7 {
		background-position: 0px -4950px;
	}
	#z_state_btn_img_7.act {
		background-position: -50px -4950px;
	}
	#dia_infoLV {
		right: 50px;
	}
	.color_line_bg {
		width: 25px;
		height: 25px;
		margin: 13px 0px 0px 13px;
	}
	#impr_layer_start {
		height: 50px;
		line-height: 50px;
	}
	#impr_layer_main {
		left: 50px;
		width: calc(100% - 100px);
		height: 17px;
		line-height: 17px;
	}
	#impr_layer_start>.impr_opt_show {
		margin-left: 25px;
	}
	#impr_layer_logo {
		width: 167px;
		height: 50px;
	}
	#btt_full.deact, #btt_show.dark {
		background-position: -150px -550px;
	}
	#infoLV_content_icon {
		background-position: 15px -10737px;
	}
	#prod-info_close_ico {
		background-position: -150px -3350px;
	}
	@media ( hover :hover) {
		#line_menu:hover>.btt {
			background-position: -100px -2600px;
		}
		#line_zoom:hover>.btt {
			background-position: -100px -1700px;
		}
		#line_tool:hover>.btt {
			background-position: -100px -1700px;
		}
		#line_collection:hover>.btt {
			background-position: -100px -1600px;
		}
		#line_product:hover>.btt, #line_filter:hover>.btt {
			background-position: -100px -4150px;
		}
		#line_chipfilter:hover>.btt {
			background-position: -100px -1000px;
		}
		.struct_line:hover>.struct_line_icon, .coll_line:hover>.coll_line_icon, .prod_line:hover>.prod_line_icon, .product_line:hover>.product_line_icon,
			.productgroup_line:hover>.productgroup_line_icon, .struct-gt_line:hover>.struct-gt_line_icon {
			background-position: -50px -1550px;
		}
		#line_brightness:hover>.btt {
			background-position: -100px -850px;
		}
		#line_structure:hover>.btt {
			background-position: -100px -4300px;
		}
		#line_structure-gt:hover>.btt {
			background-position: -100px -4300px;
		}
		#line_search:hover>.btt {
			background-position: -100px -0px;
		}
		#line_help:hover>.btt {
			background-position: -100px -50px;
		}
		#line_tintCart:hover>.btt {
			background-position: -100px -4350px;
		}
		#line_list:hover>.btt {
			background-position: -100px -4400px;
		}
		#line_share:hover>.btt {
			background-position: -100px -2900px;
		}
		#line_lv:hover>.btt {
			background-position: -100px -5350px;
		}
		#line_nav:hover>.btt>#btt_nav_icon, #btt_back:hover, #help_close_btt:hover {
			background-position: -50px -2800px;
		}
		#btt_full:hover {
			background-position: -100px -550px;
		}
		#btt_ruler:hover {
			background-position: -100px -2300px;
		}
		#btt_zoomInnerA:hover {
			background-position: -100px -100px;
		}
		#btt_zoomInnerB:hover {
			background-position: -100px -200px;
		}
		#btt_searchInnerA:hover {
			background-position: -100px -100px;
		}
		.capadata_prod-info:hover>.capadata_btt.btt {
			background-position: -100px -4150px;
		}
		.capadata_info:hover>.capadata_link>.capadata_btt.btt {
			background-position: -100px -5000px;
		}
		#toolLine_zoom:hover>.tool_line_icon {
			background-position: -100px -4600px;
		}
		#shareLine_share:hover>.share_line_icon {
			background-position: -100px -300px;
		}
		#line_info:hover>.btt {
			background-position: -100px -1650px;
		}
		#toolLine_full:hover>.tool_line_icon {
			background-position: -100px -4550px;
		}
		#toolLine_ruler:hover>.tool_line_icon {
			background-position: -100px -2300px;
		}
		#toolLine_rotate:hover>.tool_line_icon {
			background-position: -100px -2550px;
		}
		#chipfilterLine_hbzw:hover>.chipfilter_line_icon {
			background-position: -50px -1550px;
		}
		#chipfilterLine_color:hover>.chipfilter_line_icon {
			background-position: -50px -1550px;
		}
		.color_line:hover .color_line_icon {
			background-position: -50px -1550px;
		}
		#z_state_btn_img_1:hover {
			background-position: -100px -4650px;
		}
		#z_state_btn_img_2:hover {
			background-position: -100px -4700px;
		}
		#z_state_btn_img_3:hover {
			background-position: -100px -4750px;
		}
		#z_state_btn_img_4:hover {
			background-position: -100px -4800px;
		}
		#z_state_btn_img_5:hover {
			background-position: -100px -4850px;
		}
		#z_state_btn_img_6:hover {
			background-position: -100px -4900px;
		}
		#z_state_btn_img_7:hover {
			background-position: -100px -4950px;
		}
	}
}
}
}
}