.version {
	version: 2018071201;
}
html {
	margin: 0px; padding: 0px; left: 0px; top: 0px; width: 100%; height: 100%; position: fixed;
}
body {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: fixed; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.tmpContainer {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; display: block; position: fixed; z-index: -1;
}
.bookContainer {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 2;
}
p {
	margin: 0px; padding: 0px;
}
input {
	
}
textarea {
	
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
h1 {
	font-weight: normal;
}
h1 {
	font-weight: normal;
}
h2 {
	font-weight: normal;
}
h3 {
	font-weight: normal;
}
h4 {
	font-weight: normal;
}
h5 {
	font-weight: normal;
}
h6 {
	font-weight: normal;
}
i {
	font-style: normal; text-decoration: none;
}
u {
	font-style: normal; text-decoration: none;
}
.book {
	position: absolute; z-index: 2; cursor: default;
}
.mask {
	transform-origin: 100% 50%; left: auto; right: 50%; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); backface-visibility: hidden; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.single-book-mask {
	transform-origin: 100% 50%; left: auto; right: 100%; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); backface-visibility: hidden; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.single-book-right-mask {
	transform-origin: 100% 50%; left: auto; right: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); backface-visibility: hidden; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.right-single-mask-side {
	background-position: center; left: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.left-single-mask-side {
	background-position: center; right: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.right-mask-side {
	background-position: center; left: 50%; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.left-mask-side {
	background-position: center; right: 50%; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.right-flip-side {
	background-position: center; right: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.right-side {
	background-position: center; right: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.left-side {
	background-position: center; left: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.double.left-side {
	left: auto; right: 50%;
}
.double.right-side {
	left: 50%; right: auto;
}
.right-mask-side .right-side {
	left: 0px;
}
.left-mask-side .left-side {
	left: auto; right: 0px;
}
.right-single-mask-side .right-side {
	left: 0px;
}
.left-single-mask-side .left-side {
	left: auto; right: 0px;
}
.center-side {
	background-position: center; margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.flip-side {
	background-position: center; left: 100%; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.flip-vertical-side {
	background-position: center; top: 100%; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.flip-hard-left-side {
	background-position: center; transform-origin: 100% 50%; perspective-origin: right center; left: auto; right: auto; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); transform-style: preserve-3d; background-repeat: no-repeat; background-color: white; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0); -webkit-perspective-origin: right center; -moz-perspective-origin: right center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
}
.flip-hard-right-side {
	background-position: center; transform-origin: 0% 50%; perspective-origin: left center; left: auto; right: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); transform-style: preserve-3d; background-repeat: no-repeat; background-color: white; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0); -webkit-perspective-origin: left center; -moz-perspective-origin: left center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
}
.flip-hard-up-side {
	background-position: center; transform-origin: 50% 100%; perspective-origin: center bottom; top: auto; bottom: auto; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); transform-style: preserve-3d; background-repeat: no-repeat; background-color: white; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0); -webkit-perspective-origin: bottom center; -moz-perspective-origin: bottom center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
}
.flip-hard-down-side {
	background-position: center; transform-origin: 50% 0%; perspective-origin: center top; top: auto; bottom: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); transform-style: preserve-3d; background-repeat: no-repeat; background-color: white; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0); -webkit-perspective-origin: top center; -moz-perspective-origin: top center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
}
.vertical-mask {
	transform-origin: 50% 100%; top: auto; bottom: 50%; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); backface-visibility: hidden; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.single-book-vertical-mask {
	transform-origin: 50% 100%; top: auto; bottom: 100%; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); backface-visibility: hidden; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.single-book-right-vertical-mask {
	transform-origin: 50% 100%; top: auto; bottom: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); backface-visibility: hidden; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.down-single-mask-side {
	background-position: center; top: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.up-single-mask-side {
	background-position: center; bottom: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.down-mask-side {
	background-position: center; top: 50%; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.up-mask-side {
	background-position: center; bottom: 50%; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.down-flip-side {
	background-position: center; bottom: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.down-side {
	background-position: center; bottom: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.up-side {
	background-position: center; top: 0px; overflow: hidden; position: absolute; cursor: default; transform: translate3d(0px, 0px, 0px) rotate(0deg); background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0) rotate(0); -moz-transform: translate3d(0, 0, 0) rotate(0); -o-transform: translate3d(0, 0, 0) rotate(0);
}
.double.up-side {
	top: auto; bottom: 50%;
}
.double.down-side {
	top: 50%; bottom: auto;
}
.down-mask-side .down-side {
	top: 0px;
}
.up-mask-side .up-side {
	top: auto; bottom: 0px;
}
.down-single-mask-side .down-side {
	top: 0px;
}
.up-single-mask-side .up-side {
	top: auto; bottom: 0px;
}
.side-content {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.attachments-content {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 4;
}
.side-highlight {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; opacity: 0.8;
}
.thickness {
	height: 100%; position: absolute; cursor: pointer; -webkit-perspective: 500; -moz-perspective: 500;
}
.thickness .top_part {
	width: 100%; height: 50px; position: relative;
}
.thickness .center_part {
	width: 100%; height: auto; position: relative;
}
.thickness .bottom_part {
	width: 100%; height: 50px; position: relative;
}
.thickness .part {
	background-repeat: no-repeat;
}
.left_thickness .top_part {
	background: url("icon/thickness_left.png") right 0px;
}
.left_thickness .center_part {
	background: url("icon/thickness_left.png") right -50px;
}
.left_thickness .bottom_part {
	background: url("icon/thickness_left.png") right bottom;
}
.right_thickness .top_part {
	background: url("icon/thickness.png") left 0px;
}
.right_thickness .center_part {
	background: url("icon/thickness.png") left -50px;
}
.right_thickness .bottom_part {
	background: url("icon/thickness.png") left bottom;
}
.left_thickness {
	transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -o-transform-origin: 100% 0%;
}
.right_thickness {
	transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%;
}
.thickness .shadow {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1; transform-style: preserve-3d; background-color: rgb(204, 204, 204); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
}
.left_thickness .shadow {
	transform-origin: 100% 0%; margin-left: 1px; box-shadow: -3px 0px 6px rgba(125,125,125,0.7); transform: rotateY(-20deg) scaleX(1) scaleZ(1); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -webkit-transform: rotateY(-20deg) scaleX(1) scaleZ(1); -moz-transform: rotateY(-20deg) scaleX(1) scaleZ(1); -o-transform-origin: 100% 0%; -webkit-box-shadow: -3px 0px 6px rgba(125, 125, 125, 0.7); -moz-box-shadow: -3px 0px 6px rgba(125, 125, 125, 0.7); -ms-box-shadow: -3px 0px 6px rgba(125, 125, 125, 0.7);
}
.right_thickness .shadow {
	transform-origin: 0% 0%; margin-left: -1px; box-shadow: 3px 0px 6px rgba(125,125,125,0.7); transform: rotateY(20deg) scaleX(1) scaleZ(1); -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform: rotateY(20deg) scaleX(1) scaleZ(1); -moz-transform: rotateY(20deg) scaleX(1) scaleZ(1); -o-transform-origin: 0% 0%; -webkit-box-shadow: 3px 0px 6px rgba(125, 125, 125, 0.7); -moz-box-shadow: 3px 0px 6px rgba(125, 125, 125, 0.7); -ms-box-shadow: 3px 0px 6px rgba(125, 125, 125, 0.7);
}
.bookShadow {
	top: 0px; position: absolute; box-shadow: 0px 0px 15px rgba(40,40,40,0.7); -webkit-box-shadow: 0 0 15px rgba(40, 40, 40, 0.7); -moz-box-shadow: 0 0 15px rgba(40, 40, 40, 0.7); -ms-box-shadow: 0 0 15px rgba(40, 40, 40, 0.7); -o-box-shadow: 0 0 15px rgba(40, 40, 40, 0.7);
}
.bookShadow-vertical {
	left: 0px; position: absolute; box-shadow: 0px 0px 15px rgba(40,40,40,0.7); -webkit-box-shadow: 0 0 15px rgba(40, 40, 40, 0.7); -moz-box-shadow: 0 0 15px rgba(40, 40, 40, 0.7); -ms-box-shadow: 0 0 15px rgba(40, 40, 40, 0.7); -o-box-shadow: 0 0 15px rgba(40, 40, 40, 0.7);
}
@media all and (max-width:400px)
{
.bookShadow {
	top: 0px; position: absolute; box-shadow: 0px 0px 5px rgba(40,40,40,0.7); -webkit-box-shadow: 0 0 5px rgba(40, 40, 40, 0.7); -moz-box-shadow: 0 0 5px rgba(40, 40, 40, 0.7); -ms-box-shadow: 0 0 5px rgba(40, 40, 40, 0.7); -o-box-shadow: 0 0 5px rgba(40, 40, 40, 0.7);
}
}
@media all and (max-height:400px)
{
.bookShadow {
	top: 0px; position: absolute; box-shadow: 0px 0px 5px rgba(40,40,40,0.7); -webkit-box-shadow: 0 0 5px rgba(40, 40, 40, 0.7); -moz-box-shadow: 0 0 5px rgba(40, 40, 40, 0.7); -ms-box-shadow: 0 0 5px rgba(40, 40, 40, 0.7); -o-box-shadow: 0 0 5px rgba(40, 40, 40, 0.7);
}
}
.singleWidth {
	width: 50%; height: 100%;
}
.doubleWidth {
	width: 100%; height: 100%;
}
.singleHeight {
	width: 100%; height: 50%;
}
.doubleHeight {
	width: 100%; height: 100%;
}
.zoomBook {
	position: absolute;
}
.zoomPage {
	left: 0px; top: 0px; width: 800px; height: 600px; position: absolute;
}
.zoomSide {
	left: 0px; top: 0px; width: 800px; height: 600px; position: absolute;
}
.bookStage {
	left: 0px; top: 0px; overflow: hidden; display: block;
}
.image {
	left: 1px; top: 1px; width: 640px; height: 920px;
}
.sideContent {
	position: absolute; background-color: white; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%;
}
.boxShadow {
	box-shadow: 0px 0px 10px rgba(40,40,40,0.4); -webkit-box-shadow: 0 0 10px rgba(40, 40, 40, 0.4); -moz-box-shadow: 0 0 10px rgba(40, 40, 40, 0.4); -ms-box-shadow: 0 0 10px rgba(40, 40, 40, 0.4);
}
.miniFullscreen {
	background: rgb(51, 51, 51); padding: 3px 7px; border-radius: 5px; left: 50%; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-family: "Tahoma","sans-serif","Arial"; font-size: 12px; vertical-align: middle; white-space: nowrap; position: absolute; z-index: 1000; cursor: pointer; opacity: 0.5; transform: translate(-50%, 0px);
}
.miniFullscreen:hover {
	opacity: 0.7;
}
.sideBackground {
	left: 0px; top: 0px; width: 320px; height: 460px; position: inherit;
}
.kong {
	left: 0px; top: 0px; position: absolute; z-index: 1;
}
.catalogLeftShadow {
	top: 0px; height: 100%; right: 0px; position: absolute; z-index: 5; pointer-events: none; background-image: -ms-linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); -webkit-transform: translate3d(0, 0, 0);
}
.catalogRightShadow {
	left: 0px; top: 0px; height: 100%; position: absolute; z-index: 5; pointer-events: none; background-image: -ms-linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%, rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%); -webkit-transform: translate3d(0, 0, 0);
}
.catalogUpShadow {
	left: 0px; width: 100%; bottom: 0px; position: absolute; z-index: 5; pointer-events: none; background-image: -ms-linear-gradient(bottom, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); -webkit-transform: translate3d(0, 0, 0);
}
.catalogDownShadow {
	left: 0px; top: 0px; width: 100%; position: absolute; z-index: 5; pointer-events: none; background-image: -ms-linear-gradient(rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%, rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%); -webkit-transform: translate3d(0, 0, 0);
}
.catalog_simple_bar {
	background: rgb(246, 246, 246); margin: auto; border-radius: 3px; left: 0px; top: 5px; height: 38px; right: 0px; position: absolute; z-index: 1000; box-shadow: 0px 0px 5px rgba(40,40,40,0.5); -webkit-box-shadow: 0 0 5px rgba(40, 40, 40, 0.5); -moz-box-shadow: 0 0 5px rgba(40, 40, 40, 0.5); -ms-box-shadow: 0 0 5px rgba(40, 40, 40, 0.5); -o-box-shadow: 0 0 5px rgba(40, 40, 40, 0.5);
}
.catalog_simple_bar .button {
	top: 0px; width: 38px; height: 38px; position: absolute; cursor: pointer;
}
.catalog_simple_bar .button div {
	width: 35px; height: 35px; margin-top: 1px; margin-left: 1px;
}
.catalog_simple_bar .page_num {
	height: 38px; text-align: center; color: rgb(186, 186, 186); line-height: 38px; font-family: arial,tahoma,sans-serif; font-size: 16px; vertical-align: middle; position: absolute;
}
.catalog_logo {
	position: absolute; z-index: 95; cursor: pointer;
}
.leftShadow {
	top: 0px; height: 100%; right: 0px; position: absolute; z-index: 5; pointer-events: none; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAUCAYAAAB7wJiVAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAP1JREFUWIXt0U2ShCAMhuEPcPAHvP+F+kxiJCSz0Z6uqT5AFnmqUsQS3bzh9XoFEcEYAyISxhhg5s8zMDOYOTAzeu+BmUPvHff57fnz3vv7Z7//+d7vwRgjiAhE5DmhqkFVoaoAEHBLKWGaJuScsSwL1nXVbdtQStFaK/Z9129Ta9VSipZSsK6rLsuiOWed51kACIBxjwBQ/IkAEoCJiH567/G6rkhEkYjSeZ6ptZZaa+k4jmem//vz/rlPRPE8z3RdV+y9hwhnigcxxoMY40GM8SDGeBBjPIgxHsQYD2KMBzHGgxjjQYzxIMZ4EGM8iDEexBgPYowHMcaDGPMLQAHXNr5g/bcAAAAASUVORK5CYII="); background-repeat: repeat-y; background-size: 100% 100%; -webkit-transform: translate3d(0, 0, 0);
}
.rightShadow {
	left: 0px; top: 0px; height: 100%; position: absolute; z-index: 5; pointer-events: none; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAUCAYAAAB7wJiVAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAIxJREFUWIXt0UEKhDAUg+EkvVbPM/c/gXExM5uiRXdZ5IPyHhVR+Dnn/AAwvvzwHC/2p/PuziQPkiBpSf7PzcEYw5J8Ndd9d3fzHFfv/HYs38P6b8u0JJA0SQgVpUHCNEiYBgnTIGEaJEyDhGmQMA0SpkHCNEiYBgnTIGEaJEyDhGmQMA0SpkHCNEiYE/0YW3iMnCeuAAAAAElFTkSuQmCC"); background-repeat: repeat-y; background-size: 100% 100%; -webkit-transform: translate3d(0, 0, 0);
}
.upShadow {
	left: 0px; width: 100%; bottom: 0px; position: absolute; z-index: 5; pointer-events: none; background-image: -ms-linear-gradient(bottom, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); -webkit-transform: translate3d(0, 0, 0);
}
.downShadow {
	left: 0px; top: 0px; width: 100%; position: absolute; z-index: 5; pointer-events: none; background-image: -ms-linear-gradient(rgba(60, 60, 60, 0.4) 0%, rgba(60, 60, 60, 0.2) 40%, rgba(60, 60, 60, 0.1) 60%, rgba(200, 200, 200, 0) 100%); -webkit-transform: translate3d(0, 0, 0);
}
.leftCoverShadow {
	top: 0px; height: 100%; right: 0px; position: absolute; background-image: -ms-linear-gradient(left, rgba(200, 200, 200, 0), rgba(200, 200, 200, 1));
}
.rightCoverShadow {
	left: 0px; top: 0px; width: 4px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(200, 200, 200, 1), rgba(200, 200, 200, 0));
}
.flip-shadowB {
	transform-origin: 0% 50%; width: 100px; overflow: hidden; visibility: hidden; position: absolute; z-index: 20; opacity: 0.2; transform: translate3d(0px, 0px, 0px) scaleX(1) rotate(0deg); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAyCAYAAACqNX6+AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAMVJREFUeJzt0TsOwyAQQEEbfP8T51clhYNTpJrijbRCbAdv37btue/7c4zxOJ/vOd/HGI855311X53vOd//neM4bovdfc652n/t/pmrt6zOqz/69bef/RZKQTAFwRQEUxBMQTAFwRQEUxBMQTAFwRQEUxBMQTAFwRQEUxBMQTAFwRQEUxBMQTAFwRQEUxBMQTAFwRQEUxBMQTAFwRQEUxBMQTAFwRQEUxBMQTAFwRQEUxBMQTAFwRQEUxBMQTAFwRQEUxDMCxXMZl/4RH3JAAAAAElFTkSuQmCC"); background-repeat: repeat-y; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate(0); -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate(0); -o-transform: translate3d(0, 0, 0) scaleX(1) rotate(0);
}
.flip-topshadow {
	width: 100px; overflow: hidden; visibility: hidden; position: absolute; z-index: 20; opacity: 0.2; transform: translate3d(0px, 0px, 0px) scaleX(1) rotate(0deg); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAAyCAYAAABI6WXHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFLaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz6eHGDvAAABBUlEQVR4Xu3RywrCMBQG4dQ2vv/T9i54UnKkFNzPYj74TRWNixmO43i17fs+xq5z27ZxXdcpdp3Lsoyxdv42z3Nbzec4a579O9cZv6/9rhr3TnH/b/G/9TzPsZQyxertbHvfzufz87P8Ta7dk2v354bYP5++M3b07bGtb71t6Ztv5/M53z+Xd7Q78/7r/17xIghjgBgDxBggxgAxBogxQIwBYgwQY4AYA8QYIMYAMQaIMUCMAWIMEGOAGAPEGCDGADEGiDFAjAFiDBBjgBgDxBggxgAxBogxQIwBYgwQY4AYA8QYIMYAMQaIMUCMAWIMEGOAGAPEGCDGADEGiDFAjAFiDIxSvrXsgWjB4GEcAAAAAElFTkSuQmCC"); background-repeat: repeat-y; -webkit-transform: translate3d(0, 0, 0) scaleX(1) rotate(0); -moz-transform: translate3d(0, 0, 0) scaleX(1) rotate(0); -o-transform: translate3d(0, 0, 0) scaleX(1) rotate(0);
}
.flip-vertical-shadowB {
	transform-origin: 50% 0%; height: 100px; overflow: hidden; visibility: hidden; position: absolute; z-index: 20; opacity: 0.2; transform: translate3d(0px, 0px, 0px) scaleY(1) rotate(0deg); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABjCAYAAADZ7VPjAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFLaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz6eHGDvAAACmElEQVR4Xt3GUWcqAAAF4B3LMinJRDKRmJGIkREjxogRERERET3EiOjhMmLEHmKMGDFGRIyIETERkZgxMZPIZDbJpsm9D+dPnPs9ffhnvfEfwObm5i8vDQaDYcVLw9bW1g8vDUaj8ZuXhu3t7SUvDSaTacFLg9ls/uKlwWKxfPLSYLVaP3hpsNlsc14adnZ23nlpsNvtM14aHA7HlJcGp9M54aVhd3f3jZcGl8v1ykuD2+0e89Lg8XheeGnY29t75qVhf3//iZcGr9c74qXB5/MNeWnw+/0DXhoODg76vDQEAoEeLw2Hh4ePvDQEg8EuLw1HR0cdXhpCodADLw3Hx8dtXhpOTk5avDSEw+F7XhpOT0+bvDREIpEGLw3RaLTOS0MsFrvjpSEej9/y0pBIJGq8NCSTyRteGlKpVJWXhnQ6fc1LQyaTueKlIZvNVnhpyOVyl7w0nJ2dlXlpyOfzF7w0FAqFEi8NxWLxnJeGP//w0nB+fl7kpaFUKhV4abi4uMjz0lAul894abi8vMzx0lCpVLK8NFxdXWV4abi+vk7z0lCtVlO8NNzc3CR5aajVagleGm5vb+O8NNzd3cV4aajX61FeGhqNRoSXhmazecpLw/39fZiXhlardcJLQ7vdPual4eHhIcRLQ6fTOeKlodvtBnlpeHx8POSlodfrBXhp6Pf7B7w0DAYDPy8Nw+HQx0vDaDTy8tLw9PS0z0vD8/PzHi8NLy8vHl4axuOxm5eG19dXFy8Nb29vu7w0TCYTJy8N0+nUwUvDbDaz89Lw/v6+w0vDfD638dLw8fFh5aXh8/PTwkvD19eXmZeGxWJh4qVhuVxu89Lw/f1t5KXh5+dni5eG1Wpl4KXh9/d3k5eG9XoNXtjGxl8L/sWgOuERLQAAAABJRU5ErkJggg=="); background-repeat: repeat-x; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -webkit-transform: translate3d(0, 0, 0) scaleY(1) rotate(0); -moz-transform: translate3d(0, 0, 0) scaleY(1) rotate(0); -o-transform: translate3d(0, 0, 0) scaleY(1) rotate(0);
}
.flip-vertical-topshadow {
	height: 100px; overflow: hidden; visibility: hidden; position: absolute; z-index: 20; opacity: 0.2; transform: translate3d(0px, 0px, 0px) scaleY(1) rotate(0deg); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABjCAYAAADZ7VPjAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFLaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz6eHGDvAAACU0lEQVR4Xu3cv2tTYRjF8TwSJbYQkAgaChIKJTgYUDAg1ICDGRykdDCgg4GCEhzEODhEHCQoCKFDIXTRDC5ZOgSnDC0ECpJFDDjEpRGHVDAoQTFIRM3hPH9Ez0s/8MJ3PdO9cH/YdDo9EgmATSaTqLc0G4/Hx7yl2Wg0Ou4tzYbD4by3NBsMBnFvadbv9094S7Ner3fSW5p1u91T3tKs0+kseEuzdrt9xluatVqtRW9p1mw2l7ylWaPROOstzer1+jlvaVar1c57S7NqtXrRW5pVKpVL3tKsXC5f9pZmpVLpirc0KxaLV72lWaFQuOYtza7PeEuzfD6/6i3NcrncDW9pls1mb3pLs0wmc9tbmqXT6TVvaZZKpe56S7NkMnnPW5olEon73tIsHo8/9JZmsVjskbc0i0ajFW9pNjtPmNow5ClTG4Y8Y2rDkBdMbRiyztSGIRtMbRiyydSGIS+Z2jDkNVMbhjSZ2jBki6kNQ94wtWFIm6kNQ3aY2jBkl6kNQ7pMbRjyjqkNQz4wtWHIR6Y2DNljasOQz0xtGLLP1IYhX5naMOQ7UxuG/GBqw5BfTG0Y8pupDUP+MLVhyF+mNgz5x9QWxLcjcDjkoDkcctAEMySoC2Iwtyg/mdow5BtTG4Z8YWrDkE9MbRjSZ2rDkPdMbRjylqkNQ7aZ2jAkmEdvwTzVfcXUhiHBvIvynKkNQx4ztWHIA6Y2DLnD1IYht5jaMGSFqQ1D8kxtGLLM1IYhF5jaMCSM79lnJ8XUhiGnmdowJIw/1czOHFMbhhxlKotE/gMzamDZt0bnMAAAAABJRU5ErkJggg=="); background-repeat: repeat-x; -webkit-transform: translate3d(0, 0, 0) scaleY(1) rotate(0); -moz-transform: translate3d(0, 0, 0) scaleY(1) rotate(0); -o-transform: translate3d(0, 0, 0) scaleY(1) rotate(0);
}
.emboss-left {
	pointer-events: none; background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}
.emboss-right {
	pointer-events: none; background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.edgeShadow {
	left: -35%; top: -30%; width: 50%; height: 100%; position: absolute; z-index: 1000; pointer-events: none; transform: rotate(30deg); background-image: -ms-linear-gradient(left, rgba(50, 50, 50, 0.5), rgba(230, 230, 230, 0)); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg);
}
.grayShadow {
	width: 100%; height: 100%; overflow: hidden; display: none; position: absolute; z-index: 10000; pointer-events: none;
}
.leftPaperCoil {
	transform-origin: 0% 0%; width: 20px; height: 100%; right: 0px; position: absolute; transform: translate3d(0px, 0px, 0px) scale(1); background-image: url("icon/leftCoil.png"); background-repeat: repeat-y; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform: translate3d(0px, 0px, 0px) scale(1); -moz-transform: translate3d(0px, 0px, 0px) scale(1); -o-transform: translate(0px, 0px) scale(1); -o-transform-origin: 0% 0%;
}
.rightPaperCoil {
	transform-origin: 0% 0%; left: 0px; width: 21px; height: 100%; position: absolute; transform: translate3d(0px, 0px, 0px) scale(1); background-image: url("icon/rightCoil.png"); background-repeat: repeat-y; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform: translate3d(0px, 0px, 0px) scale(1); -moz-transform: translate3d(0px, 0px, 0px) scale(1); -o-transform: translate(0px, 0px) scale(1); -o-transform-origin: 0% 0%;
}
.upPaperCoil {
	transform-origin: 0% 0%; width: 100%; height: 20px; bottom: 0px; position: absolute; transform: translate3d(0px, 0px, 0px) scale(1); background-image: url("icon/upCoil.png"); background-repeat: repeat-x; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform: translate3d(0px, 0px, 0px) scale(1); -moz-transform: translate3d(0px, 0px, 0px) scale(1); -o-transform: translate(0px, 0px) scale(1); -o-transform-origin: 0% 0%;
}
.downPaperCoil {
	transform-origin: 0% 0%; top: 0px; width: 100%; height: 21px; position: absolute; transform: translate3d(0px, 0px, 0px) scale(1); background-image: url("icon/downCoil.png"); background-repeat: repeat-x; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform: translate3d(0px, 0px, 0px) scale(1); -moz-transform: translate3d(0px, 0px, 0px) scale(1); -o-transform: translate(0px, 0px) scale(1); -o-transform-origin: 0% 0%;
}
.shadowA {
	left: 0px; top: 0px; width: 320px; height: 460px; position: inherit; background-image: -ms-linear-gradient(left, rgba(123, 123, 123, 0.05) 0%, rgba(63, 63, 63, 0.4) 93%, rgba(123, 123, 123, 0) 100%);
}
.shadowD {
	left: 0px; top: 0px; width: 320px; height: 460px; position: inherit; background-image: -ms-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 30%, rgba(123, 123, 123, 0) 100%);
}
.shadowC {
	left: 0px; top: 0px; width: 320px; height: 460px; position: inherit; background-image: -ms-linear-gradient(left, rgba(123, 123, 123, 0.1) 0%, rgba(63, 63, 63, 0.4) 7%, rgba(123, 123, 123, 0) 100%);
}
.shadowB {
	left: 0px; top: 0px; width: 320px; height: 460px; position: inherit; background-image: -ms-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 70%, rgba(123, 123, 123, 0) 100%);
}
.shadowMask {
	left: 0px; top: 0px; width: 320px; height: 460px; overflow: hidden; position: inherit;
}
.sidePosition {
	left: 0px; top: 0px; width: 320px; height: 460px; position: absolute;
}
.pageMask {
	left: 0px; top: 0px; width: 320px; height: 860px; overflow: hidden; position: inherit;
}
.loadingImage {
	margin: auto; left: 0px; top: 0px; width: 24px; height: 24px; right: 0px; bottom: 0px; position: absolute;
}
.preview-area {
	margin: auto; left: 0px; top: 0px; width: 30px; height: 30px; right: 0px; bottom: 0px; position: absolute; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.chasing-dots {
	transition:0.3s ease-in-out; animation:rotate 2s linear infinite; left: 0px; width: 30px; height: 30px; text-align: center; right: 0px; display: inline-block; position: relative; z-index: 10; -webkit-animation: rotate 2.0s infinite linear; -webkit-transition: all 0.3s ease-in-out 0;
}
.chasing-dots .dot1 {
	border-radius: 100%; animation:bounce 2s ease-in-out infinite; top: 0px; width: 60%; height: 60%; display: inline-block; position: absolute; background-color: rgb(39, 159, 207); -webkit-animation: bounce 2.0s infinite ease-in-out;
}
.chasing-dots .dot2 {
	border-radius: 100%; animation:bounce 2s ease-in-out infinite; top: 0px; width: 60%; height: 60%; display: inline-block; position: absolute; background-color: rgb(39, 159, 207); -webkit-animation: bounce 2.0s infinite ease-in-out;
}
.chasing-dots .dot2 {
	top: auto; bottom: 0px; animation-delay: -1s; -webkit-animation-delay: -1.0s;
}
.scrollButton {
	top: 15px; width: 40px; height: 70px; position: absolute;
}
.shareBar {
	width: 135px; height: 220px; overflow: hidden; position: absolute; opacity: 0.8; background-color: rgb(136, 136, 136);
}
.shareButton {
	width: 133px; height: 30px; position: absolute;
}
.shareImg {
	width: 22px; height: 22px;
}
.shareBarImg {
	width: 30px; height: 30px;
}
.moreImg {
	width: 17px; height: 17px; margin-top: 8px;
}
.moreButton {
	top: 3px; width: 130px; height: 30px; position: absolute;
}
.adsBar {
	width: 200px; height: 100px; overflow: hidden; position: absolute;
}
.bubble {
	border: 5px solid rgb(255, 176, 0); transition:1s; border-image: none; width: 100px; height: 100px; display: inline-block; box-sizing: border-box; -webkit-transition: 1s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-transition: 1s ease; -o-transition: 1s ease;
}
.radiotext {
	border-radius: 5px; border: 1px solid currentColor; border-image: none;
}
.google {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(100%);
}
.bubble > span {
	width: 1px; height: 1px; text-indent: -10000px; overflow: hidden; font-size: 1px; display: block; position: absolute;
}
.bubble:hover {
	border-width: 2px; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s;
}
.star {
	-webkit-mask: url(../style/icon/star_mask.png) no-repeat center center; -ms-mask: url(../style/icon/star_mask.png) no-repeat center center; -o-mask: url(../style/icon/star_mask.png) no-repeat center center; -moz-mask: url(../style/icon/star_mask.png) no-repeat center center;
}
.heart {
	-webkit-mask: url(../style/icon/heart_mask.png) no-repeat center center; -ms-mask: url(../style/icon/heart_mask.png) no-repeat center center; -o-mask: url(../style/icon/heart_mask.png) no-repeat center center; -moz-mask: url(../style/icon/heart_mask.png) no-repeat center center;
}
.rect {
	-webkit-mask: url(../style/icon/rect_mask.png) no-repeat center center; -ms-mask: url(../style/icon/rect_mask.png) no-repeat center center; -o-mask: url(../style/icon/rect_mask.png) no-repeat center center; -moz-mask: url(../style/icon/rect_mask.png) no-repeat center center;
}
.type3 {
	-webkit-mask: url(../style/icon/centerblur.png) no-repeat center center; -ms-mask: url(../style/icon/centerblur.png) no-repeat center center; -o-mask: url(../style/icon/centerblur.png) no-repeat center center; -moz-mask: url(../style/icon/centerblur.png) no-repeat center center;
}
.type3:hover {
	-webkit-animation: loop_frames 1s ease infinite; -webkit-animation-direction: alternate; -webkit-mask-size: auto 100%;
}
.printBar {
	left: 0px; height: 120px; right: 0px; bottom: 0px; position: absolute; z-index: 100; opacity: 0.6; background-color: rgb(0, 0, 0);
}
.printBG p {
	padding: 18px 0px 0px;
}
.printBG {
	border-radius: 5px; left: 0px; height: 105px; right: 0px; bottom: 1px; overflow: hidden; position: absolute; z-index: 102; opacity: 0.9;
}
.printBack {
	border-radius: 5px; left: 0px; height: 105px; right: 0px; bottom: 1px; overflow: hidden; position: absolute; z-index: 101; opacity: 0.9; background-color: rgb(153, 153, 153);
}
.printBox {
	position: absolute;
}
.printBox input[type='radio'] {
	background-color: rgb(187, 176, 0);
}
.printBox label {
	font-family: Arial; font-size: 10px; display: inline-block;
}
.printBox input[type='radio']:checked + label {
	
}
a:hover {
	text-decoration: underline;
}
a {
	text-decoration: none;
}
.hint {
	padding: 5px; border-radius: 4px; border: 1px solid rgb(80, 80, 80); border-image: none; left: 0px; top: 0px; color: rgb(237, 170, 29); font-family: Arial; font-size: 12px; display: none; position: absolute; z-index: 101; cursor: default; box-shadow: 1px 1px 2px rgba(96,96,96,0.5); background-color: rgba(40, 40, 40, 1); -webkit-box-shadow: 1px 1px 2px rgba(96, 96, 96, 0.5); -moz-box-shadow: 1px 2px 2px rgba(96, 96, 96, 0.5); -ms-box-shadow: 1px 1px 2px rgba(96, 96, 96, 0.5); -o-box-shadow: 1px 1px 2px rgba(96, 96, 96, 0.5);
}
.hint_active {
	cursor: pointer;
}
.hint_active:hover {
	background-color: rgba(60, 60, 60, 1);
}
.hint_active:active {
	background-color: rgba(80, 80, 80, 1);
}
.hintBackground {
	border-color: rgb(252, 252, 252); padding: 5px; border-radius: 3px; text-align: center; color: rgb(252, 252, 252); position: absolute; z-index: 101; max-height: 30px; max-width: 120px; background-color: rgb(206, 206, 206);
}
.overOption {
	background: rgb(200, 200, 200); color: rgb(255, 255, 255); cursor: pointer;
}
.textEllipsis {
	overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.backIssuesTitle {
	background: rgb(255, 255, 255); border-radius: 5px; transition:0.3s; cursor: pointer; box-shadow: 0px 1px 0px rgba(0,0,0,0.2); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}
.backIssuesTitle .innerTitle::after {
	border-width: 6px 6px 0px; border-style: solid; border-color: rgb(76, 190, 255) transparent; top: 50%; width: 0px; height: 0px; right: 3px; margin-top: -3px; position: absolute; content: "";
}
.backIssuesTitle .dropdown {
	background: rgb(255, 255, 255); border-width: medium 1px; border-style: none solid; border-color: currentColor rgba(0, 0, 0, 0.2); list-style: none; border-radius: 0px 0px 5px 5px; transition:0.3s; border-image: none; overflow: hidden; max-height: 0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}
.backIssuesTitle.active {
	background: rgb(76, 190, 255); border-radius: 5px 5px 0px 0px; color: white; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; box-shadow: none;
}
.backIssuesTitle.active .innerTitle::after {
	border-color: rgb(130, 209, 255) transparent;
}
.backIssuesTitle.active .dropdown {
	border-bottom-color: rgba(0, 0, 0, 0.2); border-bottom-width: 1px; border-bottom-style: solid; max-height: 99999px;
}
.backIssuesTitle .dropdown li {
	padding: 10px 0px; transition:0.3s; color: rgb(51, 51, 51); text-decoration: none; border-bottom-color: rgb(230, 232, 234); border-bottom-width: 1px; border-bottom-style: solid; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}
.backIssuesTitle .dropdown li:hover {
	color: rgb(87, 169, 217);
}
.slider-button {
	background: rgb(128, 128, 128); position: absolute; z-index: 10; opacity: 0.4;
}
.slider-shadow {
	box-shadow: 0px 0px 8px rgba(80,80,80,0.8); -webkit-box-shadow: 0px 0px 8px rgba(80, 80, 80, 0.8); -moz-box-shadow: 0px 0px 8px rgba(80, 80, 80, 0.8); -ms-box-shadow: 0px 0px 8px rgba(80, 80, 80, 0.8); -o-box-shadow: 0px 0px 8px rgba(80, 80, 80, 0.8);
}
.slider-action {
	cursor: pointer;
}
.view-read {
	overflow: hidden; position: absolute; z-index: 9;
}
.view-zoom {
	overflow: visible; position: absolute; z-index: 9;
}
.item-transparent {
	background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;
}
.item-enter {
	background: rgb(56, 56, 56); box-shadow: 0px 1px 1px rgba(255,255,255,0.18); -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.18); -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.18); -ms-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.92); -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.18);
}
.flipHTML5PhotoGallery-BG {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; opacity: 0.5; background-color: rgb(0, 0, 0);
}
.flipHTML5PhotoGallery {
	border: 8px solid rgb(255, 255, 255); border-image: none; width: 320px; height: 320px; position: absolute; cursor: pointer; background-color: rgb(255, 255, 255);
}
.flipHTML5PhotoGallery-prevBtn {
	top: 50%; width: 32px; height: 32px; text-align: center; color: rgb(71, 71, 71); line-height: 30px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 24px; font-weight: bold; margin-top: -16px; position: absolute; cursor: pointer; background-color: rgb(255, 255, 255);
}
.flipHTML5PhotoGallery-nextBtn {
	top: 50%; width: 32px; height: 32px; text-align: center; color: rgb(71, 71, 71); line-height: 30px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 24px; font-weight: bold; margin-top: -16px; position: absolute; cursor: pointer; background-color: rgb(255, 255, 255);
}
.flipHTML5PhotoGallery-thumb {
	left: 0px; top: auto; width: 100%; height: 64px; bottom: 0px; position: absolute; background-color: rgba(0, 0, 0, 0.5);
}
.flipHTML5PhotoGallery-thumbView {
	height: 100%; overflow: hidden; position: absolute;
}
.flipHTML5PhotoGallery-thumbList {
	left: 0px; top: 4px; height: 56px; position: absolute;
}
.flipHTML5PhotoGallery-thumbTitle {
	padding: 0px 10px; height: 24px; color: rgb(255, 255, 255); line-height: 24px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; font-weight: bold; position: absolute; background-color: rgb(0, 0, 0);
}
.flipHTML5PhotoGallery-thumbTitle::after {
	border-width: 11px 7px 0px; border-style: solid; border-color: rgb(0, 0, 0) transparent; left: 6px; top: 100%; width: 0px; height: 0px; position: absolute; content: "";
}
.flipHTML5PhotoThumb {
	transition:0.6s; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease;
}
.flipHTML5PhotoThumbBG {
	transition:0.6s; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease;
}
.flipHTML5VideoGallery-BG {
	left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; opacity: 0.5; background-color: rgb(0, 0, 0);
}
.flipHTML5VideoGallery {
	border-radius: 4px; border: 4px solid rgba(252, 251, 249, 0.5); border-image: none; left: 50%; top: 50%; width: 866px; height: 422px; margin-top: -211px; margin-left: -433px; position: absolute;
}
.flipHTML5VideoGallery-videoDiv {
	left: 17px; top: 6px; width: 504px; height: 370px; position: absolute; background-color: rgb(0, 0, 0);
}
.flipHTML5VideoGallery-videoListDiv {
	left: auto; top: 6px; width: 320px; height: 370px; right: 17px; position: absolute; box-shadow: 0px 0px 1px #494949; background-color: rgb(255, 255, 255);
}
.flipHTML5VideoGallery-eachVideo {
	box-shadow: 0px 0px 1px #000000; background-color: rgb(211, 205, 205);
}
.flipHTML5VideoGallery-eachVideo:hover {
	background: rgb(148, 148, 148);
}
.flipHTML5VideoGallery-eachVideoDes {
	padding: 6px 8px 0px; width: 224px; height: 5em; color: rgb(26, 26, 26); overflow: hidden; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; font-weight: bold; position: absolute;
}
.flipHTML5VideoGallery-videoTitle {
	left: 17px; width: 500px; height: 30px; bottom: 0px; color: rgb(255, 255, 255); line-height: 30px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-weight: bold; vertical-align: middle; position: absolute;
}
.flipHTML5VideoGallery-closeTitle {
	padding: 0px 4px; height: 15px; color: rgb(255, 255, 255); line-height: 15px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; font-weight: bold; position: absolute; z-index: 8; background-color: rgb(0, 0, 0);
}
.flipHTML5PhotoGallery-closeTitle {
	padding: 0px 4px; height: 15px; color: rgb(255, 255, 255); line-height: 15px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; font-weight: bold; position: absolute; z-index: 8; background-color: rgb(0, 0, 0);
}
.flipHTML5Loading {
	background-position: center; background-image: url("icon/progress.gif"); background-repeat: no-repeat;
}
.noteCookie-note {
	border-radius: 4px; border: 4px solid rgba(252, 251, 249, 0.5); border-image: none; left: 50%; top: 50px; width: 500px; height: auto; overflow: hidden; margin-left: -200px; position: absolute; z-index: 9999;
}
.flipHTML5Signature {
	border-radius: 4px; border: 4px solid rgba(252, 251, 249, 0.5); border-image: none; left: 50%; top: 50px; width: 500px; height: auto; overflow: hidden; margin-left: -200px; position: absolute; z-index: 9999;
}
.flipHTML5BookMark {
	border-radius: 4px; border: 4px solid rgba(252, 251, 249, 0.5); border-image: none; left: 50%; top: 50px; width: 500px; height: auto; overflow: hidden; margin-left: -200px; position: absolute; z-index: 9999;
}
.flipHTML5Signature-title {
	left: 0px; top: 0px; width: 100%; height: 34px; overflow: hidden; position: relative; background-color: rgb(55, 55, 55);
}
.noteCookie-noteTitle {
	left: 0px; top: 0px; width: 100%; height: 34px; overflow: hidden; position: relative; background-color: rgb(55, 55, 55);
}
.flipHTML5BookMark-top {
	left: 0px; top: 0px; width: 100%; height: 34px; overflow: hidden; position: relative; background-color: rgb(55, 55, 55);
}
.flipHTML5Signature-titleText {
	left: 0px; top: 0px; width: 280px; height: 100%; color: rgb(255, 255, 255); line-height: 34px; text-indent: 8px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-weight: bold; vertical-align: middle; position: absolute; text-shadow: 0px -1px 1px rgba(19,28,0,0.35);
}
.noteCookie-noteTitle-text {
	left: 0px; top: 0px; width: 280px; height: 100%; color: rgb(255, 255, 255); line-height: 34px; text-indent: 8px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-weight: bold; vertical-align: middle; position: absolute; text-shadow: 0px -1px 1px rgba(19,28,0,0.35);
}
.flipHTML5BookMark-topText {
	left: 0px; top: 0px; width: 280px; height: 100%; color: rgb(255, 255, 255); line-height: 34px; text-indent: 8px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-weight: bold; vertical-align: middle; position: absolute; text-shadow: 0px -1px 1px rgba(19,28,0,0.35);
}
.noteCookie-noteTitle-closeBtn {
	top: 5px; width: 24px; height: 24px; color: rgb(255, 255, 255); position: absolute; z-index: 2; cursor: pointer;
}
.noteCookie-noteTitle-showBtn {
	top: 5px; width: 24px; height: 24px; color: rgb(255, 255, 255); position: absolute; z-index: 2; cursor: pointer;
}
.flipHTML5BookMark-topShrink {
	top: 5px; width: 24px; height: 24px; color: rgb(255, 255, 255); position: absolute; z-index: 2; cursor: pointer;
}
.flipHTML5BookMark-topClose {
	top: 5px; width: 24px; height: 24px; color: rgb(255, 255, 255); position: absolute; z-index: 2; cursor: pointer;
}
.flipHTML5BookMark-bottom {
	transition:0.3s; left: 0px; width: 100%; overflow: hidden; padding-bottom: 6px; position: relative; background-color: rgb(199, 199, 199); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}
.noteCookie-noteButton {
	transition:0.3s; left: 0px; width: 100%; overflow: hidden; padding-bottom: 6px; position: relative; background-color: rgb(199, 199, 199); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}
.flipHTML5BookMark-saveText {
	left: 18px; top: 8px; width: 426px; height: 28px; color: rgb(26, 26, 26); text-indent: 2px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 19px; position: absolute;
}
.flipHTML5BookMark-addLeftMark {
	border: 1px solid rgb(140, 141, 140); border-image: none; top: 52px; height: 28px; text-align: center; color: rgb(70, 67, 67); line-height: 28px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; font-weight: bold; vertical-align: middle; white-space: nowrap; position: absolute; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,0.2); background-color: rgb(228, 228, 228);
}
.flipHTML5BookMark-addRightMark {
	border: 1px solid rgb(140, 141, 140); border-image: none; top: 52px; height: 28px; text-align: center; color: rgb(70, 67, 67); line-height: 28px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; font-weight: bold; vertical-align: middle; white-space: nowrap; position: absolute; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,0.2); background-color: rgb(228, 228, 228);
}
.flipHTML5BookMark-removeBookMark {
	border: 1px solid rgb(140, 141, 140); border-image: none; top: 52px; height: 28px; text-align: center; color: rgb(70, 67, 67); line-height: 28px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; font-weight: bold; vertical-align: middle; white-space: nowrap; position: absolute; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,0.2); background-color: rgb(228, 228, 228);
}
.flipHTML5BookMark-removeBookMark:hover {
	background-color: rgb(140, 141, 140);
}
.flipHTML5Signature-nuderClose:hover {
	background-color: rgb(140, 141, 140);
}
.flipHTML5Signature-typeEdit-typeDel:hover {
	background-color: rgb(140, 141, 140);
}
.flipHTML5Signature-type-cancel:hover {
	background-color: rgb(140, 141, 140);
}
.noteCookie-noteButton-removeAllBtn:hover {
	background-color: rgb(140, 141, 140);
}
.noteCookie-noteButton-addBtn:hover {
	background-color: rgb(140, 141, 140);
}
.flipHTML5BookMark-removeBookMark:active {
	background: rgb(228, 228, 228); color: rgb(55, 79, 0); box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3), 0px 1px 0px white; text-shadow: 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
}
.flipHTML5Signature-nuderClose:active {
	background: rgb(228, 228, 228); color: rgb(55, 79, 0); box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3), 0px 1px 0px white; text-shadow: 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
}
.flipHTML5Signature-typeEdit-typeDel:active {
	background: rgb(228, 228, 228); color: rgb(55, 79, 0); box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3), 0px 1px 0px white; text-shadow: 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
}
.flipHTML5Signature-type-cancel:active {
	background: rgb(228, 228, 228); color: rgb(55, 79, 0); box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3), 0px 1px 0px white; text-shadow: 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
}
.noteCookie-noteButton-removeAllBtn:active {
	background: rgb(228, 228, 228); color: rgb(55, 79, 0); box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3), 0px 1px 0px white; text-shadow: 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
}
.noteCookie-noteButton-addBtn:active {
	background: rgb(228, 228, 228); color: rgb(55, 79, 0); box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3), 0px 1px 0px white; text-shadow: 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
}
.flipHTML5BookMark-table {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; left: 0px; top: 0px; width: 100%; overflow: hidden; position: relative;
}
.noteCookie-noteTable {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; left: 0px; top: 0px; width: 100%; overflow: hidden; position: relative;
}
.flipHTML5BookMark-table-lists {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; left: 0px; top: 0px; width: 100%; position: relative;
}
.noteCookie-noteTable-inner {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; left: 0px; top: 0px; width: 100%; position: relative;
}
.flipHTML5BookMark-row-th {
	height: 28px; color: rgb(255, 255, 255); line-height: 28px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; font-weight: bold; vertical-align: middle; position: relative; background-color: rgb(55, 55, 55);
}
.noteCookie-noteTable-row-th {
	height: 28px; color: rgb(255, 255, 255); line-height: 28px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; font-weight: bold; vertical-align: middle; position: relative; background-color: rgb(55, 55, 55);
}
.flipHTML5BookMark-cellLeft-th {
	left: 0px; width: 54px; height: 100%; text-indent: 6px; overflow: hidden; position: absolute;
}
.noteCookie-noteTable-cellLeft-th {
	left: 0px; width: 54px; height: 100%; text-indent: 6px; overflow: hidden; position: absolute;
}
.flipHTML5BookMark-cellRight-th {
	left: 54px; width: 410px; height: 100%; position: absolute;
}
.noteCookie-noteTable-cellRight-th {
	left: 54px; width: 410px; height: 100%; position: absolute;
}
.flipHTML5BookMark-table-row:hover {
	background-color: rgb(148, 148, 148) !important;
}
.noteCookie-noteTable-row:hover {
	background-color: rgb(148, 148, 148) !important;
}
.flipHTML5BookMark-table-cellLeft {
	left: 0px; width: 54px; height: 100%; color: rgb(26, 26, 26); line-height: 28px; text-indent: 14px; overflow: hidden; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; vertical-align: middle; position: absolute;
}
.noteCookie-noteTable-cellLeft {
	left: 0px; width: 54px; height: 100%; color: rgb(26, 26, 26); line-height: 28px; text-indent: 14px; overflow: hidden; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; vertical-align: middle; position: absolute;
}
.flipHTML5BookMark-table-cellRight-text {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; left: 0px; top: 0px; width: 320px; height: 100%; color: rgb(26, 26, 26); line-height: 20px; text-indent: 8px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; position: absolute; cursor: pointer; background-color: transparent;
}
.noteCookie-noteTable-cellRight-text {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; left: 0px; top: 0px; width: 320px; height: 100%; color: rgb(26, 26, 26); line-height: 20px; text-indent: 8px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; position: absolute; cursor: pointer; background-color: transparent;
}
.flipHTML5BookMark-table-cellRight-edit {
	top: 2px; width: 24px; height: 24px; position: absolute;
}
.flipHTML5BookMark-table-cellRight-cancel {
	top: 2px; width: 24px; height: 24px; position: absolute;
}
.flipHTML5BookMark-table-cellRight-del {
	top: 2px; width: 24px; height: 24px; position: absolute;
}
.noteCookie-noteTable-cellRight-del {
	top: 2px; width: 24px; height: 24px; position: absolute;
}
.noteCookie-noteTable-cellRight-edit {
	top: 2px; width: 24px; height: 24px; position: absolute;
}
.flipHTML5BookMark-normal {
	border: 1px solid rgb(140, 141, 140); border-image: none; color: rgb(70, 67, 67); background-color: rgb(228, 228, 228);
}
.flipHTML5Signature-normal {
	border: 1px solid rgb(140, 141, 140); border-image: none; color: rgb(70, 67, 67); background-color: rgb(228, 228, 228);
}
.flipHTML5BookMark-hover {
	background-color: rgb(140, 141, 140);
}
.flipHTML5Signature-hover {
	background-color: rgb(140, 141, 140);
}
.noteCookie-noteButton-top {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; left: 18px; top: 14px; width: 464px; height: 134px; position: absolute; box-shadow: inset 1px 1px 0px #a6a6a6, 1px 1px 0px #f6f6f6;
}
.noteCookie-noteButton-inputText {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; left: 10px; top: 11px; width: 444px; height: 80px; color: rgb(0, 0, 0); font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; position: absolute; z-index: 2; text-shadow: 0px -1px 1px rgba(19,28,0,0.35); resize: none;
}
.noteCookie-noteButton-removeAllBtn {
	border: 1px solid rgb(140, 141, 140); border-image: none; top: 100px; width: 79px; height: 27px; text-align: center; color: rgb(26, 26, 26); line-height: 27px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; vertical-align: middle; position: absolute; z-index: 2; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,0.2); background-color: rgb(228, 228, 228); -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.noteCookie-noteButton-addBtn {
	border: 1px solid rgb(140, 141, 140); border-image: none; top: 100px; width: 79px; height: 27px; text-align: center; color: rgb(26, 26, 26); line-height: 27px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; vertical-align: middle; position: absolute; z-index: 2; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,0.2); background-color: rgb(228, 228, 228); -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.noteCookie-noteList {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; left: 18px; top: 0px; width: 464px; position: relative; z-index: 2;
}
.noteCookie-eachNote {
	width: 56px; height: 56px; position: absolute; z-index: 2; cursor: pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.noteCookie-eachNote-img:hover {
	z-index: 2; box-shadow: 0px 0px 2px #ffffff, 0px 0px 3px #ffffff, 0px 0px 5px #7c7878;
}
.noteCookie-eachNote-img:active {
	z-index: 2; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3), 0px 1px 0px #7c7878; -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px #7C7878; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px #7C7878;
}
.noteCookie-eachNote-textList {
	border-radius: 3px; border: 1px solid rgb(156, 156, 156); border-image: none; left: 0px; top: 0px; width: 180px; height: 140px; position: absolute; z-index: 122; box-shadow: 0px 1px 3px rgba(0,0,0,0.69), 0px 1px 3px #7c7878;
}
.noteCookie-eachNote-textList-current {
	z-index: 124 !important;
}
.flipHTML5LocalFile-current {
	z-index: 124 !important;
}
.noteCookie-eachNote-textList-topTitle {
	left: 0px; top: auto; width: 100%; height: 15px; bottom: 0px; color: rgb(26, 26, 26); line-height: 16px; text-indent: 5px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; vertical-align: middle; border-top-color: rgb(156, 156, 156); border-top-width: 1px; border-top-style: solid; position: absolute; z-index: 2; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;
}
.noteCookie-eachNote-textList-topDel {
	top: 1px; width: 18px; height: 18px; right: 46px; position: absolute; z-index: 2; cursor: pointer;
}
.noteCookie-eachNote-textList-topClose {
	top: 1px; width: 18px; height: 18px; right: 46px; position: absolute; z-index: 2; cursor: pointer;
}
.noteCookie-eachNote-textList-topSave {
	top: 1px; width: 18px; height: 18px; right: 46px; position: absolute; z-index: 2; cursor: pointer;
}
.noteCookie-eachNote-textList-text {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; left: 0px; top: 0px; width: 100%; height: 104px; color: rgb(0, 0, 0); text-indent: 6px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; position: absolute; z-index: 2; text-shadow: 0px -1px 1px rgba(19,28,0,0.35); background-color: rgb(255, 244, 161); resize: none;
}
.noteCookie-eachNote-textList-textDiv-bgNo {
	border-radius: 4px; top: 60px; width: 42px; height: 20px; text-align: center; color: rgb(29, 28, 28); line-height: 20px; font-family: Helvetica; font-size: 14px; position: absolute; z-index: 2; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.noteCookie-eachNote-textList-textDiv-bgYes {
	border-radius: 4px; top: 60px; width: 42px; height: 20px; text-align: center; color: rgb(29, 28, 28); line-height: 20px; font-family: Helvetica; font-size: 14px; position: absolute; z-index: 2; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.noteCookie-eachNote-textList-textDiv-bgNo:hover {
	z-index: 2; background-color: rgb(77, 83, 88);
}
.noteCookie-eachNote-textList-textDiv-bgYes:hover {
	z-index: 2; background-color: rgb(77, 83, 88);
}
.noteCookie-eachNote-textList-textDiv-bgNo:active {
	background: rgb(173, 180, 153); color: rgb(0, 0, 0); z-index: 2; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3), 0px 1px 0px white; text-shadow: 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
}
.noteCookie-eachNote-textList-textDiv-bgYes:active {
	background: rgb(173, 180, 153); color: rgb(0, 0, 0); z-index: 2; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3), 0px 1px 0px white; text-shadow: 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
}
.flipHtml5AnnotationSizeWrap {
	outline: rgb(61, 61, 61) dashed 1px; left: 0px; top: 0px; display: none; position: absolute; z-index: 1; cursor: all-scroll; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.flipHtml5SVGContainer {
	position: absolute;
}
.flipHtml5ArrowRightBottom {
	left: 100%; top: 100%; right: auto; bottom: auto;
}
.flipHtml5ArrowLeftBottom {
	left: auto; top: 100%; right: 100%; bottom: auto;
}
.flipHtml5ArrowLeftTop {
	left: auto; top: auto; right: 100%; bottom: 100%;
}
.flipHtml5ArrowRightTop {
	left: 100%; top: auto; right: auto; bottom: 100%;
}
.flipHtml5SizePoint {
	border: 1px solid black; border-image: none; position: absolute; box-shadow: inset 0px 1px 1px white; background-color: rgb(61, 61, 61);
}
.flipHtml5SizePoint:hover {
	box-shadow: inset 0px 1px 3px white;
}
.flipHtml5SizePoint:active {
	box-shadow: none;
}
.flipHtml5SizePoint1 {
	left: -4px; top: -4px; width: 6px; height: 6px; z-index: 2; cursor: nw-resize;
}
.flipHtml5SizePoint2 {
	left: 50%; top: -3px; width: 4px; height: 4px; margin-left: -3px; z-index: 3; cursor: n-resize;
}
.flipHtml5SizePoint3 {
	top: -4px; width: 6px; height: 6px; right: -4px; z-index: 2; cursor: ne-resize;
}
.flipHtml5SizePoint4 {
	top: 50%; width: 4px; height: 4px; right: -3px; margin-top: -3px; z-index: 1; cursor: e-resize;
}
.flipHtml5SizePoint5 {
	width: 6px; height: 6px; right: -4px; bottom: -4px; z-index: 2; cursor: se-resize;
}
.flipHtml5SizePoint6 {
	left: 50%; width: 4px; height: 4px; bottom: -3px; margin-left: -3px; z-index: 3; cursor: s-resize;
}
.flipHtml5SizePoint7 {
	left: -4px; width: 6px; height: 6px; bottom: -4px; z-index: 2; cursor: sw-resize;
}
.flipHtml5SizePoint8 {
	left: -3px; top: 50%; width: 4px; height: 4px; margin-top: -3px; z-index: 1; cursor: w-resize;
}
.fliphtml5AnnotationLineToolsContainer {
	background: rgba(77, 77, 77, 0.9); padding: 3px; border-radius: 5px; border: 1px groove rgb(150, 149, 149); border-image: none; left: 40%; top: 50px; display: none; position: absolute; z-index: 10; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none;
}
.flipHtml5AnnotationClickButton {
	background: rgb(77, 77, 77); margin: 0px 10px 0px 0px; border: 1px solid black; border-image: none; left: 7px; top: 3px; width: 18px; height: 18px; display: inline-block; position: relative; box-shadow: inset 0px 1px 2px rgba(255,255,255,0.61);
}
.flipHtml5AnnotationActiveButton {
	background: rgb(77, 77, 77); margin: 0px 10px 0px 0px; border: 1px solid black; border-image: none; left: 7px; top: 3px; width: 18px; height: 18px; display: inline-block; position: relative; box-shadow: inset 0px 1px 2px rgba(255,255,255,0.61);
}
.flipHtml5AnnotationClickButton:hover {
	background-color: rgb(125, 125, 125);
}
.flipHtml5AnnotationActiveButton:hover {
	background-color: rgb(125, 125, 125);
}
.flipHtml5AnnotationClickButton:active {
	background: rgba(77, 77, 77, 0.9); margin: 0px 10px 0px 0px; border: 1px solid black; border-image: none; left: 7px; top: 3px; width: 18px; height: 18px; display: inline-block; position: relative; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.61);
}
.flipHtml5AnnotationActiveButton-active {
	background: rgba(77, 77, 77, 0.9); margin: 0px 10px 0px 0px; border: 1px solid black; border-image: none; left: 7px; top: 3px; width: 18px; height: 18px; display: inline-block; position: relative; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.61);
}
.flipHtml5AnnotationButtonImage {
	background: no-repeat 0px 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.flipHtml5AnnotationColorSelectorWrap {
	background: rgba(41, 41, 41, 0.9); padding: 6px; border: 1px solid rgb(88, 88, 88); border-image: none; width: 242px; height: 205px; color: white; font-family: serif; font-size: 14px; text-decoration: none; position: absolute; z-index: 10000; cursor: default; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none;
}
.flipHtml5AnnotationColorSelectorMessage {
	padding: 0px 6px; border-radius: 0px; border: 0px currentColor; border-image: none; width: 57px; text-align: left; line-height: 22px; font-family: serif; font-size: 14px; margin-bottom: 5px; box-shadow: none;
}
.flipHtml5AnnotationOpacity {
	background: rgb(255, 255, 255); border: 1px black; border-image: none; left: 10px; width: 150px; height: 1px; text-align: center; color: white; line-height: 20px; display: inline-block; position: relative; cursor: pointer;
}
.flipHtml5AnnotationOpacitySpan {
	left: 45px; top: -24px; position: absolute;
}
.flipHtml5AnnotationOpacityCursor {
	background: rgb(175, 174, 174); left: 0px; top: -6px; width: 5px; height: 12px; display: inline-block; position: absolute; box-shadow: inset 0px 1px 1px white;
}
.flipHtml5AnnotationOpacityCursor:hover {
	outline: rgb(23, 211, 211) solid 1px;
}
.flipHtml5AnnotationOpacityCursor:active {
	background-color: white;
}
.flipHtml5AnnotationColorSelectorBlock {
	width: 18px; height: 18px;
}
.flipHtml5AnnotationColorBar {
	left: 3px; width: 12px; height: 3px; bottom: 2px; position: absolute; z-index: 2; background-color: black;
}
.flipHtml5AnnotationColorSelectorBlock:hover {
	outline: rgb(6, 142, 185) solid 1px;
}
.flipHtml5AnnotationImage-delete {
	background-image: url("icon/delete.png");
}
.flipHtml5AnnotationImage-stroke {
	margin: 3px; border: 1px solid black; border-image: none; width: 10px; height: 10px; position: absolute; z-index: 3; background-color: white;
}
.flipHtml5AnnotationImage-fill {
	margin: 3px; border: 1px solid black; border-image: none; width: 10px; height: 10px; position: absolute; z-index: 3; background-color: white;
}
.flipHtml5AnnotationSelect {
	background: rgb(77, 77, 77); border-color: black; margin: 0px 10px 0px 0px; padding: 0px; outline: 0px; left: 4px; top: -2px; width: 100px; height: 21px; text-align: center; color: white; line-height: 15px; font-size: 12px; display: inline-block; position: relative; box-shadow: inset 0px 1px 6px rgb(39,39,39);
}
.flipHTML5Signature-toolBar-del {
	border-radius: 2px; border: 1px solid rgb(17, 16, 16); border-image: none; top: 4px; width: 22px; height: 22px; position: absolute; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.34), 0px 1px 2px rgba(255,255,255,0.34); background-color: rgb(61, 61, 61);
}
.flipHTML5Signature-toolBar-up {
	border-radius: 2px; border: 1px solid rgb(17, 16, 16); border-image: none; top: 4px; width: 22px; height: 22px; position: absolute; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.34), 0px 1px 2px rgba(255,255,255,0.34); background-color: rgb(61, 61, 61);
}
.flipHTML5Signature-toolBar-down {
	border-radius: 2px; border: 1px solid rgb(17, 16, 16); border-image: none; top: 4px; width: 22px; height: 22px; position: absolute; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.34), 0px 1px 2px rgba(255,255,255,0.34); background-color: rgb(61, 61, 61);
}
.flipHTML5Signature-toolBar-revert {
	border-radius: 2px; border: 1px solid rgb(17, 16, 16); border-image: none; top: 4px; width: 22px; height: 22px; position: absolute; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.34), 0px 1px 2px rgba(255,255,255,0.34); background-color: rgb(61, 61, 61);
}
.flipHTML5Signature-toolBar-date {
	border-radius: 2px; border: 1px solid rgb(17, 16, 16); border-image: none; top: 4px; width: 22px; height: 22px; position: absolute; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.34), 0px 1px 2px rgba(255,255,255,0.34); background-color: rgb(61, 61, 61);
}
.flipHTML5Signature-toolBar-del:hover {
	background-color: rgb(36, 37, 36);
}
.flipHTML5Signature-toolBar-up:hover {
	background-color: rgb(36, 37, 36);
}
.flipHTML5Signature-toolBar-down:hover {
	background-color: rgb(36, 37, 36);
}
.flipHTML5Signature-toolBar-revert:hover {
	background-color: rgb(36, 37, 36);
}
.flipHTML5Signature-toolBar-date:hover {
	background-color: rgb(36, 37, 36);
}
.flipHTML5Signature-toolBar-del:active {
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.38), 0px 1px 0px rgba(14,13,13,0.28);
}
.flipHTML5Signature-toolBar-up:active {
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.38), 0px 1px 0px rgba(14,13,13,0.28);
}
.flipHTML5Signature-toolBar-down:active {
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.38), 0px 1px 0px rgba(14,13,13,0.28);
}
.flipHTML5Signature-toolBar-revert:active {
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.38), 0px 1px 0px rgba(14,13,13,0.28);
}
.flipHTML5Signature-toolBar-date:active {
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.38), 0px 1px 0px rgba(14,13,13,0.28);
}
.flipHTML5Signature-eachSignatureImg {
	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.flipHTML5Signature-titleClose {
	border-radius: 4px; border-top-color: rgba(255, 255, 255, 0.48); border-left-color: rgba(255, 255, 255, 0.47); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; position: absolute; cursor: pointer; box-shadow: 0px 1px 0px rgba(255,255,255,0.55), 1px 0px 0px rgba(255,255,255,0.57), 0px 0px 4px #000000;
}
.flipHTML5VideoGallery-close {
	border-radius: 4px; border-top-color: rgba(255, 255, 255, 0.48); border-left-color: rgba(255, 255, 255, 0.47); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; position: absolute; cursor: pointer; box-shadow: 0px 1px 0px rgba(255,255,255,0.55), 1px 0px 0px rgba(255,255,255,0.57), 0px 0px 4px #000000;
}
.flipHTML5Signature-titleClose:hover {
	box-shadow: 0px 0px 0px #000000;
}
.flipHTML5VideoGallery-close:hover {
	box-shadow: 0px 0px 0px #000000;
}
.flipHTML5Signature-titleClose:active {
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.83), 0px 1px 0px white;
}
.flipHTML5VideoGallery-close:active {
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.83), 0px 1px 0px white;
}
.flipHTML5Signature-eachDate {
	border: 1px dashed rgb(47, 47, 47); border-image: none; left: 26px; top: -24px; width: 180px; height: 45px; color: rgb(26, 26, 26); line-height: 70px; text-indent: 10px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-weight: bold; position: absolute;
}
.flipHTML5Signature-nuderMessage {
	border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; left: 10px; top: 10px; width: 534px; height: 36px; color: rgb(26, 26, 26); text-indent: 8px; padding-left: 6px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 15px; word-spacing: 4px; position: absolute; box-shadow: 0px 0px 2px #000000;
}
.flipHTML5Signature-typeTitle {
	left: 0px; top: 0px; width: 100%; height: 24px; text-align: center; color: rgb(255, 255, 255); line-height: 24px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 15px; font-weight: bold; vertical-align: middle; position: absolute; background-color: rgb(55, 55, 55);
}
.flipHTML5Signature-typeUnder {
	left: 0px; top: 24px; width: 100%; height: 110px; position: absolute; background-color: rgb(224, 224, 224);
}
.flipHTML5Signature-typeMid {
	border: 1px solid rgb(204, 204, 204); border-image: none; left: 17px; top: 8px; width: 204px; height: 70px; text-align: center; color: rgb(0, 0, 0); line-height: 70px; font-family: Mistral; font-size: 13px; vertical-align: bottom; position: absolute; cursor: pointer; box-shadow: inset 1px 1px 0px rgb(166,166,166), 1px 1px 0px rgb(246,246,246); background-color: rgb(250, 250, 250);
}
.flipHTML5Signature-typeEdit-typeDel {
	border: 1px solid rgb(140, 141, 140); border-image: none; top: auto; height: 22px; bottom: 3px; color: rgb(70, 67, 67); line-height: 22px; text-indent: 17px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; font-weight: bold; position: absolute; cursor: pointer; background-color: rgb(228, 228, 228);
}
.flipHTML5Signature-type-cancel {
	border: 1px solid rgb(140, 141, 140); border-image: none; left: 371px; color: rgb(70, 67, 67); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,0.2); background-color: rgb(228, 228, 228);
}
.flipHTML5Signature-typeBtn {
	border-radius: 6px; border: 1px solid rgb(140, 141, 140); border-image: none; top: auto; width: 84px; height: 22px; text-align: center; bottom: 10px; line-height: 22px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; font-weight: bold; vertical-align: middle; position: absolute; cursor: pointer;
}
.flipHTML5Signature-nuderClose {
	border: 1px solid rgb(140, 141, 140); border-image: none; left: 50%; top: auto; width: 80px; height: 27px; text-align: center; bottom: 11px; color: rgb(70, 67, 67); line-height: 27px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 15px; font-weight: bold; margin-left: -40px; vertical-align: middle; position: absolute; cursor: pointer; background-color: rgb(228, 228, 228);
}
.flipHTML5Signature-drawTypeMid-preview {
	border: 1px solid rgb(204, 204, 204); border-image: none; left: auto; top: 15px; width: 234px; height: 60px; right: 17px; color: rgb(162, 150, 150); text-indent: 4px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 11px; font-weight: bold; position: absolute; box-shadow: inset 1px 1px 0px rgb(166,166,166), 1px 1px 0px rgb(246,246,246); background-color: rgb(255, 255, 255);
}
.flipHTML5Signature-drawTypeMid-redo {
	border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; left: 80px; top: 54px; width: 44px; height: 22px; text-align: center; color: rgb(95, 94, 94); line-height: 22px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; font-weight: bold; position: absolute; cursor: pointer;
}
.flipHTML5Signature-drawTypeMid-undo {
	border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; left: 80px; top: 54px; width: 44px; height: 22px; text-align: center; color: rgb(95, 94, 94); line-height: 22px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; font-weight: bold; position: absolute; cursor: pointer;
}
.flipHTML5Signature-drawTypeMid-clearAll {
	border-radius: 4px; border: 1px solid rgb(204, 204, 204); border-image: none; left: 80px; top: 54px; width: 44px; height: 22px; text-align: center; color: rgb(95, 94, 94); line-height: 22px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; font-weight: bold; position: absolute; cursor: pointer;
}
.flipHtml5Remark {
	margin: 0px; padding: 0px; outline: rgb(255, 173, 0) solid 2px; border: 0px currentColor; border-image: none; width: 0px; height: 0px; line-height: normal; overflow: hidden; position: absolute; z-index: 2; cursor: text; resize: none;
}
.flipHtml5Highlight {
	margin: 0px; padding: 0px; outline: rgb(255, 173, 0) solid 2px; border: 0px currentColor; border-image: none; width: 0px; height: 0px; line-height: normal; overflow: hidden; position: absolute; z-index: 3; resize: none;
}
.flipHtml5RemarkWrap {
	margin: 0px; padding: 0px; border: 8px solid transparent; border-image: none; position: absolute;
}
.flipHtml5RemarkWrap:focus {
	outline: rgb(49, 129, 231) solid 1px;
}
.flipHtml5SizeWrap {
	border: 1px dashed rgb(61, 61, 61); border-image: none; left: 0px; top: 0px; display: none; position: absolute; z-index: 1; cursor: all-scroll; min-height: 20px; min-width: 40px; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.flipHtml5SizePoint {
	border: 1px solid black; border-image: none; position: absolute; box-shadow: inset 0px 1px 1px white; background-color: rgb(61, 61, 61);
}
.flipHtml5SizePoint:hover {
	box-shadow: inset 0px 1px 3px white;
}
.flipHtml5SizePoint:active {
	box-shadow: none;
}
.flipHtml5SizePoint1 {
	left: -4px; top: -4px; width: 6px; height: 6px; cursor: nw-resize;
}
.flipHtml5SizePoint2 {
	left: 50%; top: -3px; width: 4px; height: 4px; margin-left: -3px; cursor: n-resize;
}
.flipHtml5SizePoint3 {
	top: -4px; width: 6px; height: 6px; right: -4px; cursor: ne-resize;
}
.flipHtml5SizePoint4 {
	top: 50%; width: 4px; height: 4px; right: -3px; margin-top: -3px; cursor: e-resize;
}
.flipHtml5SizePoint5 {
	width: 6px; height: 6px; right: -4px; bottom: -4px; cursor: se-resize;
}
.flipHtml5SizePoint6 {
	left: 50%; width: 4px; height: 4px; bottom: -3px; margin-left: -3px; cursor: s-resize;
}
.flipHtml5SizePoint7 {
	left: -4px; width: 6px; height: 6px; bottom: -4px; cursor: sw-resize;
}
.flipHtml5SizePoint8 {
	left: -3px; top: 50%; width: 4px; height: 4px; margin-top: -3px; cursor: w-resize;
}
.fliphtml5RemarkToolbarContainer {
	background: rgba(77, 77, 77, 0.9); padding: 5px; border-radius: 5px; border: 1px groove rgb(150, 149, 149); border-image: none; width: 420px; height: 47px; display: none; position: absolute; z-index: 10;
}
.fliphtml5RemarkHighlightToolbarContainer {
	padding: 0px; top: 70px; width: 57px; height: 20px; display: none; position: absolute; z-index: 10;
}
.flipHtml5Remark pre {
	padding: 6px; border: 1px solid rgba(0, 0, 0, 0.1); border-image: none; overflow: auto; margin-bottom: 12px; display: inline-block; white-space: pre-wrap; -ms-word-wrap: break-word; max-width: 100%;
}
.flipHtml5Remark address {
	font-style: italic; margin-bottom: 12px;
}
.flipHtml5RemarkButton {
	background: rgb(77, 77, 77); margin: 0px 0px 0px 2px; border: 1px solid black; border-image: none; top: 1px; width: 18px; height: 18px; display: inline-block; position: relative; box-shadow: inset 0px 1px 2px rgba(255,255,255,0.61);
}
.flipHtml5RemarkButton:hover {
	background-color: rgb(125, 125, 125);
}
.flipHtml5RemarkButton:active {
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.61);
}
.flipHtml5RemarkButtonImage {
	background: no-repeat 0px 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.flipHtml5RemarkColorSelectorWrap {
	background: rgba(0, 0, 0, 0.8); padding: 6px; border: 1px solid rgb(88, 88, 88); border-image: none; width: 242px; height: 205px; color: white; font-family: serif; font-size: 14px; text-decoration: none; position: absolute; z-index: 10000; cursor: default;
}
.flipHtml5RemarkColorSelectorMessage {
	padding: 0px 6px; border: 1px solid black; border-image: none; width: 57px; text-align: left; line-height: 22px; font-family: serif; font-size: 14px; margin-bottom: 5px;
}
.flipHtml5RemarkOpacity {
	background: rgb(255, 255, 255); border: 1px black; border-image: none; left: 10px; width: 150px; height: 1px; text-align: center; color: white; line-height: 20px; display: inline-block; position: relative; cursor: pointer;
}
.flipHtml5RemarkOpacitySpan {
	left: 45px; top: -24px; position: absolute;
}
.flipHtml5RemarkOpacityCursor {
	background: rgb(175, 174, 174); left: 0px; top: -6px; width: 5px; height: 12px; display: inline-block; position: absolute; box-shadow: inset 0px 1px 1px white;
}
.flipHtml5RemarkOpacityCursor:hover {
	outline: rgb(23, 211, 211) solid 1px;
}
.flipHtml5RemarkOpacityCursor:active {
	background-color: white;
}
.flipHtml5RemarkColorSelectorBlock {
	width: 18px; height: 18px;
}
.flipHtml5RemarkColorBar {
	left: 1px; width: 16px; height: 3px; bottom: 1px; position: absolute; z-index: 2; background-color: black;
}
.flipHtml5RemarkColorSelectorBlock:hover {
	outline: rgb(6, 142, 185) solid 1px;
}
.flipHtml5RemarkImage-bold {
	background-image: url("icon/bold.png");
}
.flipHtml5RemarkImage-strikeThrough {
	background-image: url("icon/strikethrough.png");
}
.flipHtml5RemarkImage-undo {
	background-image: url("icon/undo.png");
}
.flipHtml5RemarkImage-delete {
	background-image: url("icon/delete.png");
}
.flipHtml5RemarkImage-forecolor {
	background: url("icon/fontcolor.png") 0px 2px;
}
.flipHtml5RemarkImage-redo {
	background-image: url("icon/redo.png");
}
.flipHtml5RemarkImage-removeFormat {
	background-image: url("icon/clear.png");
}
.flipHtml5RemarkImage-italic {
	background-image: url("icon/italic.png");
}
.flipHtml5RemarkImage-underline {
	background-image: url("icon/underline.png");
}
.flipHtml5RemarkImage-justifyLeft {
	background-image: url("icon/justyleft.png");
}
.flipHtml5RemarkImage-justifyCenter {
	background-image: url("icon/justycenter.png");
}
.flipHtml5RemarkImage-justifyRight {
	background-image: url("icon/justyright.png");
}
.flipHtml5RemarkImage-insertOrderedList {
	background-image: url("icon/orderlist.png");
}
.flipHtml5RemarkImage-insertUnorderedList {
	background-image: url("icon/unorderlist.png");
}
.flipHtml5RemarkImage-blockquote {
	background-image: url("icon/blockquote.png");
}
.flipHtml5RemarkImage-outdent {
	background-image: url("icon/oudent.png");
}
.flipHtml5RemarkImage-indent {
	background-image: url("icon/indent.png");
}
.flipHtml5RemarkImage-createLink {
	background-image: url("icon/hyperlink.png");
}
.flipHtml5RemarkImage-backcolor {
	margin: 3px; border: 1px solid black; border-image: none; width: 10px; height: 10px; position: absolute; z-index: 3; background-color: white;
}
.flipHtml5RemarkSelect {
	background: rgb(71, 71, 71); border-color: black; margin: 0px 17px 0px 0px; padding: 0px; outline: 0px; left: 2px; top: 2px; width: 100px; height: 21px; text-align: center; color: white; line-height: 15px; font-size: 12px; display: inline-block; position: relative; box-shadow: inset 0px 1px 6px rgb(39,39,39);
}
.flipHtml5RemarkHr {
	margin: 0px; padding: 0px; top: 0px; position: relative;
}
.flipHTML5AddFile {
	overflow: hidden; z-index: 8; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.flipHTML5ZoomFrame {
	border: 1px dashed rgb(61, 61, 61); border-image: none; display: none; position: absolute; z-index: 6; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.flipHTML5ZoomFrame .flipHTML5Point {
	border: 1px solid black; border-image: none; position: absolute; box-shadow: inset 0px 1px 1px white; background-color: rgb(2, 2, 255);
}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint0 {
	left: -4px; top: -4px; width: 6px; height: 6px; cursor: nw-resize;
}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint1 {
	left: 50%; top: -3px; width: 4px; height: 4px; margin-left: -2px; cursor: n-resize;
}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint2 {
	top: -4px; width: 6px; height: 6px; right: -4px; cursor: ne-resize;
}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint3 {
	top: 50%; width: 4px; height: 4px; right: -3px; margin-top: -2px; cursor: e-resize;
}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint4 {
	width: 6px; height: 6px; right: -4px; bottom: -4px; cursor: se-resize;
}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint5 {
	left: 50%; width: 4px; height: 4px; bottom: -3px; margin-left: -2px; cursor: s-resize;
}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint6 {
	left: -4px; width: 6px; height: 6px; bottom: -4px; cursor: sw-resize;
}
.flipHTML5ZoomFrame .flipHTML5ZoomPoint7 {
	left: -3px; top: 50%; width: 4px; height: 4px; margin-top: -2px; cursor: w-resize;
}
.flipHTML5LocalFile-toolBar-del {
	border-radius: 2px; border: 1px solid rgb(17, 16, 16); border-image: none; top: 4px; width: 22px; height: 22px; position: absolute; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.34), 0px 1px 2px rgba(255,255,255,0.34); background-color: rgb(61, 61, 61);
}
.flipHTML5LocalFile-toolBar-update {
	border-radius: 2px; border: 1px solid rgb(17, 16, 16); border-image: none; top: 4px; width: 22px; height: 22px; position: absolute; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.34), 0px 1px 2px rgba(255,255,255,0.34); background-color: rgb(61, 61, 61);
}
.flipHTML5LocalFile-toolBar-del:hover {
	background-color: rgb(36, 37, 36);
}
.flipHTML5LocalFile-toolBar-update:hover {
	background-color: rgb(36, 37, 36);
}
.flipHTML5LocalFile-toolBar-del:active {
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.38), 0px 1px 0px rgba(14,13,13,0.28);
}
.flipHTML5LocalFile-toolBar-update:active {
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.38), 0px 1px 0px rgba(14,13,13,0.28);
}
.menuTitle {
	width: 100%; height: 50px; overflow: hidden; font-family: Arial,Tahoma; cursor: pointer;
}
.menuTitleIcon {
	border-radius: 16px; left: 20px; top: 10px; width: 32px; height: 32px; position: absolute; cursor: pointer;
}
.menuTitleIcon div {
	left: 6px; top: 6px; width: 20px; height: 20px; position: absolute; cursor: pointer;
}
.menuTitleCaption {
	left: 60px; top: 18px; color: rgb(255, 255, 255); font-size: 14px; position: absolute; cursor: pointer;
}
.menuTitleState {
	top: 15px; width: 24px; height: 24px; right: 20px; position: absolute;
}
.dockMenu {
	text-align: center; overflow: visible; display: block; white-space: nowrap; position: absolute; z-index: 300; -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.85, transparent), to(rgba(255, 255, 255, 0.3))); -moz-box-reflect: below 1px -moz-gradient(linear, left top, left bottom, from(transparent), color-stop(0.85, transparent), to(rgba(255, 255, 255, 0.3)));
}
.dockMenuContent {
	list-style: none; padding: 0px; text-align: center; display: inline-block; white-space: nowrap;
}
.dockMenuItem {
	text-align: center; overflow: visible; vertical-align: bottom; display: inline-block; position: relative; cursor: pointer;
}
.dockMenuItemContent {
	background: rgb(255, 255, 255); bottom: 1px; position: absolute;
}
.dockMenuItemShadow {
	box-shadow: 0px 0px 5px rgba(40,40,40,0.5); -webkit-box-shadow: 0 0 5px rgba(40, 40, 40, 0.5); -moz-box-shadow: 0 0 5px rgba(40, 40, 40, 0.5); -ms-box-shadow: 0 0 5px rgba(40, 40, 40, 0.5); -o-box-shadow: 0 0 5px rgba(40, 40, 40, 0.5);
}
.dockMenuItemCaption {
	margin: 0px auto; padding: 4px 12px; border-radius: 10px; top: 0px; width: auto; text-align: center; color: rgb(255, 255, 255); line-height: 1.3em; overflow: visible; font-size: 80%; font-weight: bold; display: none; white-space: nowrap; opacity: 0.4; background-color: rgb(0, 0, 0);
}
.dockMenuItemCaptionAfter {
	left: 50%; width: 16px; height: 9px; text-align: center; color: transparent; line-height: 9px; margin-top: -2px; margin-left: -4px; display: none; position: absolute; opacity: 0.4;
}
.flipShotBar {
	position: absolute;
}
.flipbutton {
	background: rgba(0, 0, 0, 0.6); width: 100%; position: relative; cursor: pointer;
}
.flipbutton:hover {
	background: rgba(0, 0, 0, 0.2);
}
.flipbutton.upbutton {
	height: 20%; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.flipbutton.downbutton {
	height: 80%;
}
.flipbutton.upbutton.left {
	border-radius: 5px 0px 0px;
}
.flipbutton.downbutton.left {
	border-radius: 0px 0px 0px 5px;
}
.flipbutton.upbutton.right {
	border-radius: 0px 5px 0px 0px;
}
.flipbutton.downbutton.right {
	border-radius: 0px 0px 5px;
}
.flipbutton img {
	left: 50%; top: 50%; margin-top: -10px; margin-left: -10px; position: absolute;
}
.zoomControlBar {
	transition:0.2s ease-in-out; width: 260px; height: 40px; display: none; position: absolute; z-index: 5; opacity: 0.3; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
}
.zoomControlBar.catalog {
	width: 138px;
}
.zoomControlBar:hover {
	opacity: 0.7;
}
.zoomControlBar .button {
	width: 26px; height: 26px; margin-top: 6px; margin-left: 15px; display: inline-block; position: relative; cursor: pointer;
}
.zoomControlBar .button img {
	margin-top: 4px; margin-left: 4px;
}
.slideShortcut {
	width: 210px; height: 40px; position: absolute; z-index: 101; opacity: 0.6; box-shadow: 0px 0px 5px rgba(40,40,40,0.5); background-color: rgb(208, 215, 223); -webkit-box-shadow: 0 0 5px rgba(40, 40, 40, 0.5); -moz-box-shadow: 0 0 5px rgba(40, 40, 40, 0.5); -ms-box-shadow: 0 0 5px rgba(40, 40, 40, 0.5); -o-box-shadow: 0 0 5px rgba(40, 40, 40, 0.5);
}
.shortcutItem {
	border-width: 0px; top: 0px; width: 70px; height: 40px; float: left; position: relative; cursor: default;
}
.shortcurtItemEnter {
	top: 0px; width: 68px; height: 40px; border-right-color: rgb(114, 151, 193); border-left-color: rgb(114, 151, 193); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; float: left; position: relative; cursor: pointer; background-color: rgb(143, 172, 204);
}
.slideToolbar {
	margin: 0px auto; padding: 5px; border-radius: 0px 0px 5px 5px; left: 50%; top: 0px; position: absolute; z-index: 5; opacity: 0.7;
}
.slideToolbar:hover {
	opacity: 1;
}
.slideToolbar img {
	margin: 0px 5px; width: 32px; cursor: pointer;
}
.slideBar {
	top: 50%; width: 50px; height: 50px; margin-top: -25px; position: absolute; z-index: 5; cursor: pointer; opacity: 0.7;
}
.passwardPannel {
	background: rgb(255, 255, 255); margin: auto; border-radius: 5px; left: 0px; top: 0px; width: 90%; height: 330px; text-align: center; right: 0px; bottom: 0px; line-height: 50px; font-family: "Arial Black"; font-size: 20px; vertical-align: middle; position: absolute; z-index: 991; max-width: 400px;
}
.passwardPannel .icon div {
	width: 100%; height: 100%;
}
.passwardPannel .icon {
	margin: 10px 0px 10px -50px; left: 50%; width: 100px; height: 100px; position: relative;
}
.passwardPannel input {
	background: rgb(235, 235, 235); border-width: 0px; padding: 0px 3%; border-radius: 5px; width: 82%; height: 50px; color: rgb(159, 160, 163); margin-bottom: 10px;
}
.passwardPannel p {
	background: rgb(24, 155, 237); margin: 0px 6% 10px; border-radius: 5px; width: 88%; height: 50px; color: rgb(255, 255, 255); cursor: pointer;
}
.passwardPannel .cancleIn {
	background: rgb(244, 241, 241); border: 1px solid rgb(229, 225, 225); border-image: none; color: rgb(182, 181, 181);
}
.passwardPannel .passwardResult {
	left: 0px; bottom: -8px; color: rgb(255, 0, 0); font-size: 10px; margin-left: 6%; position: absolute;
}
.passwardPannel .prompt {
	background: rgba(0, 0, 0, 0.8); padding: 10px; border-radius: 5px; width: 170px; color: rgb(255, 255, 255); line-height: 20px; font-size: 15px; display: none; position: absolute; z-index: 5; -ms-overflow-y: auto; max-height: 310px;
}
.passwardPannel .prompt u {
	color: rgb(255, 255, 255); text-decoration: underline;
}
.passwardPannel .arrow {
	border-width: 6px 8px; border-style: solid; border-color: transparent rgba(0, 0, 0, 0.5) transparent transparent; left: 370px; top: 45%; margin-top: -6px; position: absolute;
}
.passwardPannel-background {
	background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: absolute; z-index: 990;
}
.phoneSharePanel {
	width: 100%; height: 100%; -ms-overflow-x: hidden; -ms-overflow-y: auto; -webkit-overflow-scrolling: touch;
}
.phoneSharePanel .item {
	padding: 10px; height: 50px; color: rgb(255, 255, 255); line-height: 50px; font-weight: bold; vertical-align: middle; border-bottom-color: rgb(71, 71, 71); border-bottom-width: 1px; border-bottom-style: solid;
}
.phoneSharePanel .item .logo {
	width: 50px; height: 50px; float: left; display: inline-block;
}
.phoneSharePanel .item .logo div {
	width: 50px; height: 50px;
}
.phoneSharePanel .item span {
	margin-left: 20px; float: left;
}
.sharePanel {
	
}
.sharePanel .item {
	margin: 10px 0px 10px 10px; width: 30px; height: 30px; display: inline-block;
}
.sharePanel .item .logo {
	width: 30px; height: auto;
}
.ad-box-container {
	margin: 0px auto; left: 0px; width: 100%; right: 0px; bottom: 25px; display: none; position: absolute; z-index: 2000;
}
.ad-box-container .ad-box-image {
	width: 100%; float: left; cursor: pointer;
}
.ad-box-container .ad-box-cancel {
	top: 0px; right: 0px; position: absolute; z-index: 2; cursor: pointer;
}
.phoneBookmark {
	
}
.phoneBookmark .scrollBox {
	width: 100%; height: 100%; -ms-overflow-x: hidden; -ms-overflow-y: auto; -webkit-overflow-scrolling: touch;
}
.phoneBookmark .item {
	width: 100%; height: 100px; color: rgb(170, 170, 170); line-height: 100px; font-size: 15px; vertical-align: middle; position: relative; cursor: pointer;
}
.phoneBookmark .item span {
	margin: 0px 10px; width: 20px; float: left; display: inline-block;
}
.phoneBookmark .item img {
	margin: 12px 0px; height: 76px; float: left;
}
.phoneBookmark .item .close {
	background-position: -402px -429px; top: 30px; width: 41px; height: 41px; right: 10px; position: absolute; cursor: pointer; background-image: url("phoneIcon/phone_icon.png"); background-repeat: no-repeat;
}
.phoneBookmark .item .close:hover {
	background-position: -462px -429px;
}
.miniLogo {
	width: 100px; right: 0px; bottom: 0px; position: absolute; z-index: 100; cursor: pointer; opacity: 0.5;
}
.miniLogo:hover {
	opacity: 1;
}
.miniTitle {
	background: rgba(51, 51, 51, 0.5); margin: auto; padding: 3px 7px; border-radius: 5px; left: 50%; top: 0px; height: 30px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 30px; font-family: "Tahoma","sans-serif","Arial"; font-size: 12px; vertical-align: middle; white-space: nowrap; position: absolute; z-index: 1000; cursor: pointer; transform: translate(-50%, 0px);
}
.hardCover {
	position: absolute; z-index: -1;
}
.hardSide {
	position: absolute;
}
.pageSide {
	overflow: hidden; position: absolute;
}
.bookSpine {
	left: 50%; overflow: hidden; position: absolute;
}
.bookSpine .left_shadow {
	left: 0px; top: 0px; width: 0px; height: 100%; position: absolute;
}
.bookSpine .right_shadow {
	top: 0px; width: 0px; height: 100%; right: 0px; position: absolute;
}
.bookSpine .shadow {
	box-shadow: 0px 0px 10px 3px #252929; -webkit-box-shadow: 0 0 10px 3px #252929; -moz-box-shadow: 0 0 10px 3px #252929; -ms-box-shadow: 0 0 10px 3px #252929;
}
.top_spine {
	left: 50%; top: 0px; position: absolute;
}
.botoom_spine {
	left: 50%; bottom: 0px; position: absolute;
}
.SlideBook {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2;
}
.SlideBook .slide_side {
	width: 100%; height: 100%; position: absolute;
}
.SlideBook .slide_pages {
	position: absolute;
}
.shoppingCount {
	left: 38px; top: 5px; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; position: absolute;
}
.menu {
	width: 100%; height: 170px; bottom: -170px; overflow: hidden; position: absolute; z-index: 5;
}
.dockMenuContent {
	left: 25px; height: 140px; bottom: 30px; position: absolute; z-index: 1;
}
.thumbnailItemContent {
	width: 100%; height: 30px; text-align: center; bottom: 0px; line-height: 30px; display: inline-block; position: absolute; z-index: 2;
}
.thumbnailItem {
	width: 40px; height: 20px; margin-top: 5px; margin-left: 4px; display: inline-block; position: relative; cursor: pointer;
}
.thumbnailRect {
	background: rgb(80, 90, 96); border-radius: 3px; top: 7px; width: 40px; height: 5px; position: absolute;
}
.dockButton {
	width: 30px; height: 60px; bottom: 1px; margin-left: 10px;
}
.dockButton div {
	background: rgb(51, 51, 51); width: 100%; height: 100%; opacity: 0.5;
}
.dockButton img {
	margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
}
.tipsBox {
	margin: auto; padding: 10px 6px; left: 0px; top: 100px; width: 190px; text-align: center; right: 0px; color: rgb(240, 240, 240); font-size: 15px; vertical-align: middle; display: none; position: absolute; z-index: 110; opacity: 0.5; background-color: rgb(51, 51, 51);
}
.tipsBoxShadow {
	box-shadow: 0px 0px 15px rgba(40,40,40,0.6); -webkit-box-shadow: 0 0 15px rgba(40, 40, 40, 0.6); -moz-box-shadow: 0 0 15px rgba(40, 40, 40, 0.6); -ms-box-shadow: 0 0 15px rgba(40, 40, 40, 0.6); -o-box-shadow: 0 0 15px rgba(40, 40, 40, 0.6);
}
.tipsBoxRadius {
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;
}
.thumbnail_map {
	border: 5px solid rgb(255, 255, 255); border-image: none; display: none; position: absolute; z-index: 202; box-shadow: 0px 0px 5px gray; background-color: white; -webkit-box-shadow: 0px 0px 5px gray; -moz-box-shadow: 0px 0px 5px gray; -ms-box-shadow: 0px 0px 5px gray; -o-box-shadow: 0px 0px 5px gray;
}
.map_img_left {
	left: 0px; top: 0px; height: 98px; border-top-color: gray; border-bottom-color: gray; border-left-color: gray; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute;
}
.map_img_right {
	top: 0px; height: 98px; right: 0px; border-top-color: gray; border-right-color: gray; border-bottom-color: gray; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; position: absolute;
}
.map_img_up {
	left: 0px; top: 0px; height: 98px; border-top-color: gray; border-right-color: gray; border-left-color: gray; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute;
}
.map_img_down {
	left: 0px; height: 98px; bottom: 0px; border-right-color: gray; border-bottom-color: gray; border-left-color: gray; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute;
}
.map_cursor {
	border: 2px solid green; border-image: none; position: absolute; background-color: rgba(250, 240, 185, 0.5);
}
.text_bubble {
	display: none; position: absolute; z-index: 10000;
}
.text_bubble_content {
	border-radius: 3px; position: relative;
}
.text_bubble_text {
	font-family: "Tahoma","sans-serif","Arial"; font-size: 12px; font-weight: 100;
}
.text_bubble_arrow {
	width: 0px; height: 0px; overflow: hidden; font-size: 0px; position: absolute;
}
.left_bookmark_bar {
	top: -65px; height: 65px; overflow: hidden; position: absolute; z-index: 1;
}
.left_bookmark_bar.vertical {
	transform-origin: 100% 100%; transform: rotate(-90deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -o-transform-origin: 100% 100%;
}
.right_bookmark_bar {
	top: -65px; height: 65px; overflow: hidden; position: absolute; z-index: 1;
}
.right_bookmark_bar.vertical {
	transform-origin: 0% 100%; transform: rotate(90deg); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -o-transform-origin: 0% 100%;
}
.up_bookmark_bar {
	top: -65px; height: 65px; overflow: hidden; position: absolute; z-index: 1;
}
.up_bookmark_bar.vertical {
	transform-origin: 100% 100%; transform: rotate(-90deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -o-transform-origin: 100% 100%;
}
.down_bookmark_bar {
	transform-origin: 100% 100%; left: -100%; top: auto; height: 65px; bottom: 0px; overflow: hidden; position: absolute; z-index: 1; transform: rotate(-180deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -o-transform-origin: 100% 100%;
}
.down_bookmark_bar.vertical {
	left: 0px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg);
}
.bookmark_item {
	padding: 5px; border-radius: 3px 3px 0px 0px; top: 40px; width: 100px; height: 50px; position: absolute; cursor: pointer; box-shadow: 1px 0px 3px 0px rgba(51,51,51,0.7); -webkit-box-shadow: 1px 0px 3px 0px rgba(51, 51, 51, 0.7); -moz-box-shadow: 1px 0px 3px 0px rgba(51, 51, 51, 0.7); -ms-box-shadow: 1px 0px 3px 0px rgba(51, 51, 51, 0.7); -o-box-shadow: 1px 0px 3px 0px rgba(51, 51, 51, 0.7);
}
.bookmark_caption {
	width: 100%; text-align: center; color: rgb(238, 238, 238); font-family: "Tahoma","sans-serif","Arial"; font-size: 12px; -ms-word-wrap: break-word;
}
.loader {
	margin: auto; flex:1 0 25%; left: 0px; top: 0px; height: 200px; right: 0px; bottom: 0px; display: flex; position: absolute; max-width: 25%; box-sizing: border-box; flex-direction: column; justify-content: center; align-items: center;
}
.ball-pulse-sync > div:nth-child() {
	animation:ball-pulse-sync 0.6s ease-in-out infinite; -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(1) {
	animation:ball-pulse-sync 0.6s ease-in-out 0.07s infinite; -webkit-animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(2) {
	animation:ball-pulse-sync 0.6s ease-in-out 0.14s infinite; -webkit-animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(3) {
	animation:ball-pulse-sync 0.6s ease-in-out 0.21s infinite; -webkit-animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
}
.ball-pulse-sync > div {
	margin: 2px; border-radius: 100%; width: 10px; height: 10px; display: inline-block; animation-fill-mode: both; background-color: rgba(51, 51, 51, 0.8); -webkit-animation-fill-mode: both;
}
.bookInstructions.icon_show {
	background: rgb(0, 218, 255); border-radius: 50%; left: 9px; top: 9px; width: 33px; height: 33px; text-align: center; color: rgb(255, 255, 255); line-height: 33px; font-size: 33px; position: absolute;
}
.bookInstructions.helpBody {
	background: rgb(255, 255, 255); width: 100%; height: 100%; text-align: center; overflow: hidden; position: absolute; z-index: 1000; box-sizing: border-box;
}
.bookInstructions.hide {
	visibility: hidden;
}
.bookInstructions.show {
	visibility: visible;
}
.bookInstructions .swiper {
	width: 500%; height: 100%; font-size: 0px; position: relative; perspective: 0px; transform-style: preserve-3d; -webkit-perspective: 0px; -moz-perspective: 0px; -o-perspective: 0px;
}
.bookInstructions .helpImgs {
	width: 100%; height: 100%; font-size: 0px; position: relative; z-index: 100;
}
.bookInstructions .helpPage {
	width: 20%; height: 100%; display: inline-block; position: relative;
}
.bookInstructions .helpPageImg {
	top: 10%; width: 100%; height: 60%; margin-top: 10px; position: absolute;
}
.bookInstructions .icon_drop {
	background: rgb(127, 206, 255); border-radius: 50%; top: 18px; width: 44px; height: 44px; right: 18px; color: rgb(255, 255, 255); line-height: 44px; font-size: 44px; position: absolute; z-index: 100; cursor: pointer;
}
.bookInstructions .icon_show {
	background: rgb(127, 206, 255); border-radius: 50%; left: 18px; top: 18px; width: 33px; height: 33px; color: rgb(255, 255, 255); line-height: 100%; font-size: 33px; position: fixed; z-index: 100; cursor: pointer;
}
.bookInstructions .icon_drop img {
	width: 100%; height: 100%;
}
.bookInstructions .helpBullet > li {
	background: rgb(170, 170, 170); border-radius: 50%; display: inline-block; cursor: pointer; opacity: 0.5;
}
.bookInstructions .helpBullet > li.icon_active {
	background: rgb(129, 211, 251); opacity: 1;
}
.rtl {
	direction: rtl;
}
.book_style_choose_container {
	width: 100%; height: 100%;
}
.book_style_choose_container .book_style_box {
	margin: auto; left: 0px; top: 0px; width: 700px; height: 460px; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); overflow: hidden; vertical-align: middle; white-space: nowrap; position: absolute; z-index: 10; -ms-text-overflow: ellipsis; text-shadow: 0px 0px 10px #8c97cb, 0px 0px 20px #8c97cb, 0px 0px 30px #8c97cb;
}
.book_style_choose_container .book_style_box .title {
	left: 0px; top: 44px; width: 100%; height: 50px; line-height: 50px; font-size: 30px; position: absolute;
}
.book_style_choose_container .book_style_box .description {
	left: 0px; top: 99px; width: 100%; height: 50px; line-height: 50px; font-size: 20px; position: absolute;
}
.book_style_choose_container .book_style_box .flipModel {
	left: 100px; top: 169px; position: absolute; cursor: pointer;
}
.book_style_choose_container .book_style_box .slideModel {
	left: 360px; top: 169px; position: absolute; cursor: pointer;
}
.book_style_choose_container .book_style_box .flipModel:hover {
	border: 2px solid rgb(255, 128, 64); border-image: none;
}
.book_style_choose_container .book_style_box .slideModel:hover {
	border: 2px solid rgb(255, 128, 64); border-image: none;
}
.photogallery {
	background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; vertical-align: middle; display: none; position: absolute; z-index: 1001;
}
.photogallery .imgContainer {
	background: rgb(255, 255, 255); border: 8px solid rgb(255, 255, 255); border-image: none; overflow: hidden; position: absolute; z-index: 1; cursor: pointer;
}
.photogallery .photoBG {
	background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 0;
}
.photogallery .close {
	top: 0px; right: 0px; position: absolute; z-index: 1; cursor: pointer;
}
.photogallery .leftBtn {
	left: -32px; position: absolute; z-index: 1; cursor: pointer;
}
.photogallery .rightBtn {
	right: -32px; position: absolute; z-index: 1; cursor: pointer;
}
.photogallery .imgContainer > img {
	position: absolute; cursor: pointer;
}
.photogallery .thumbContainer {
	width: 100%; height: 60px; bottom: 0px; position: absolute; z-index: 1;
}
.photogallery .thumbBG {
	transition:0.3s; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; z-index: 2; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;
}
.photogallery .thumbBox {
	border: 2px solid rgb(255, 255, 255); transition:0.3s ease-out; border-image: none; top: 4px; width: 50px; height: 46px; position: absolute; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.photogallery .thumbBox img {
	position: absolute; cursor: pointer;
}
.photogallery .thumbBox:hover {
	border: 2px solid rgb(0, 255, 0); border-image: none;
}
.photogallery .thumbBox.focus {
	border: 2px solid rgb(255, 0, 0); border-image: none;
}
.photogallery .thumbBox:hover .thumbBG {
	z-index: 0;
}
.photogallery .thumbBox.focus .thumbBG {
	z-index: 0;
}
.language_form {
	background: none; left: 0px; width: 100%; height: 100%; font-family: Arial,Tahoma; vertical-align: middle;
}
.language_form .stage {
	margin: 0px; width: 100%; height: 100%;
}
.language_form .form_title {
	display: none;
}
.language_form .close {
	display: none;
}
.language_form .scrollBox {
	top: 50%; width: 100%; text-align: center; vertical-align: middle; position: absolute; transform: translate(0px, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%);
}
.language_form .scrollBox .item {
	margin: 20px 0px; width: 100%; height: 50px; text-align: center; line-height: 50px; vertical-align: middle; position: relative; cursor: pointer;
}
.language_form .scrollBox .item img {
	display: none;
}
.language_form .scrollBox .item .title {
	padding: 0px 3px; left: 50%; width: 180px; color: rgb(255, 255, 255); line-height: 50px; font-size: 25px; margin-left: -90px; position: absolute;
}
.language_form .scrollBox .item.focus .title {
	border: 2px solid rgb(242, 148, 124); border-image: none;
}
.language_form.phone {
	background: none; left: 0px; width: 100%; height: 100%; font-family: Arial,Tahoma; vertical-align: middle; z-index: 1;
}
.language_form.phone .stage {
	margin: 0px; width: 100%; height: 100%;
}
.language_form.phone .form_title {
	margin: 0px; padding: 0px 15px; line-height: 36px; font-family: "Arial"; display: block;
}
.language_form.phone .close {
	left: auto; top: 6px; right: 10px; display: block; position: absolute; cursor: pointer;
}
.language_form.phone.rightToLeft .close {
	left: 10px; top: 6px; right: auto; position: absolute; cursor: pointer;
}
.language_form.phone .scrollBox {
	top: 0px; width: 100%; position: relative; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none;
}
.language_form.phone .scrollBox .item {
	margin: 0px; width: 100%; height: 50px; border-bottom-color: rgba(255, 255, 255, 0.2); border-bottom-width: 1px; border-bottom-style: solid; position: relative; cursor: pointer;
}
.language_form.phone .scrollBox .item img {
	top: 13px; width: 25px; height: 25px; right: 15px; position: absolute; cursor: pointer;
}
.language_form.phone .scrollBox .item .title {
	padding: 0px; left: 0px; width: 100%; text-align: left; line-height: 50px; font-size: 13px; margin-left: 0px;
}
.language_form.phone .scrollBox .item.focus .title {
	border: currentColor; border-image: none;
}
.language_form.phone .scrollBox .item.focus img {
	display: block;
}
.setting_form.phone {
	background: none; left: 0px; width: 100%; height: 100%; font-family: Arial,Tahoma; vertical-align: middle; z-index: 1;
}
.setting_form.phone .stage {
	margin: 0px; width: 100%; height: 100%;
}
.setting_form.phone .form_title {
	margin: 0px; padding: 0px 15px; line-height: 36px; font-family: "Arial";
}
.setting_form.phone .close {
	left: auto; top: 6px; right: 10px; position: absolute; cursor: pointer;
}
.setting_form.phone.rightToLeft .close {
	left: 10px; top: 6px; right: auto; position: absolute; cursor: pointer;
}
.setting_form.phone .scrollBox {
	width: 100%; position: absolute;
}
.setting_form.phone .scrollBox .item {
	width: 100%; height: 50px; border-bottom-color: rgba(255, 255, 255, 0.2); border-bottom-width: 1px; border-bottom-style: solid; position: relative; cursor: pointer;
}
.setting_form.phone .scrollBox .item img {
	top: 13px; width: 25px; height: 25px; right: 15px; position: absolute; cursor: pointer;
}
.setting_form.phone .scrollBox .item .title {
	padding: 0px 3px; line-height: 50px; font-size: 13px;
}
[style].clip {
	opacity: 0;
}
.active :not([style]).clip {
	animation:fadeIn 0.1s 1s both; opacity: 0;
}
.active [style].clip {
	animation:noTransform 1s both; will-change: transform;
}
.flip_button_left {
	right: auto; position: absolute; z-index: 10; cursor: pointer;
}
.flip_button_right {
	left: auto; position: absolute; z-index: 10; cursor: pointer;
}
.flip_button_first {
	right: auto; position: absolute; z-index: 101; cursor: pointer; opacity: 0.2;
}
.flip_button_last {
	left: auto; position: absolute; z-index: 101; cursor: pointer; opacity: 0.2;
}
.cover_shadow {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; pointer-events: none;
}
.flip_x {
	transform: scaleX(-1); -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1);
}
.flip_y {
	transform: scaleY(-1); -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -o-transform: scaleY(-1);
}
.hard_top_border {
	left: 0px; top: 0px; width: 100%; height: 3px; position: absolute; background-image: -ms-linear-gradient(rgba(240, 240, 200, 0.6), rgba(240, 240, 200, 0));
}
.hard_inner_left_border {
	left: 0px; top: 0px; width: 10px; height: 100%; right: auto; position: absolute; z-index: 1; background-image: -ms-linear-gradient(left, rgba(150, 150, 150, 0.4), rgba(180, 180, 180, 0));
}
.hard_left_cover_border {
	left: 0px; top: 0px; width: 4px; height: 100%; right: auto; position: absolute; z-index: 0; background-image: -ms-linear-gradient(left, rgba(180, 180, 140, 0.6), rgba(180, 180, 140, 0));
}
.cover_shadow.flip_x .hard_right_border {
	left: auto; top: 1px; width: 3px; right: 0px; position: absolute; background-image: -ms-linear-gradient(right, rgba(220, 220, 180, 0.6), rgba(220, 220, 180, 0));
}
.hard_right_border {
	left: auto; top: 1px; width: 3px; right: 0px; position: absolute; background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.hard_bottom_border {
	left: 12px; top: auto; height: 3px; bottom: 0px; position: absolute; background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.cover_shadow.stitch .hard_left_border {
	left: 0px; top: 0px; width: 0.5%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(60, 60, 40, 0.5), rgba(220, 220, 180, 0));
}
.cover_shadow.stitch .hard_left_body {
	left: 2.5%; top: 0px; width: 1.5%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(225, 225, 225, 0.1) 0%, rgba(225, 225, 225, 0.4) 50%, rgba(40, 40, 20, 0.4) 50%, rgba(40, 40, 20, 0.1) 100%);
}
.cover_shadow.stitch.flip_x .hard_left_body {
	left: 2.5%; top: 0px; width: 1.5%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0.1) 0%, rgba(40, 40, 20, 0.4) 50%, rgba(225, 225, 225, 0.4) 50%, rgba(225, 225, 225, 0.1) 100%);
}
.cover_shadow.stitch .hard_bottom_border_width {
	left: 0.5%; width: 99%;
}
.cover_shadow.stitch .normal_left_border {
	left: 0px; top: 0px; width: 2px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(200, 200, 200, 1), rgba(200, 200, 200, 0));
}
.cover_shadow.stitch .normal_left_body {
	left: 3%; top: 0px; width: 3px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(200, 200, 200, 0) 0%, rgba(220, 220, 220, 0.5) 50%, rgba(200, 200, 200, 0) 100%);
}
.cover_shadow.side .hard_left_border {
	left: 0px; top: 0px; width: 1.2%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
}
.cover_shadow.side .hard_left_body {
	left: 2.5%; top: 0px; width: 1.5%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0) 0%, rgba(40, 40, 20, 0.4) 35%, rgba(40, 40, 20, 0) 100%);
}
.cover_shadow.side.flip_x .hard_left_body {
	left: 2.5%; top: 0px; width: 1.5%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0) 0%, rgba(40, 40, 20, 0.3) 35%, rgba(40, 40, 20, 0) 100%);
}
.cover_shadow.side .hard_bottom_border_width {
	left: 0.4%; width: 99.6%;
}
.cover_shadow.side .normal_left_border {
	left: 0px; top: 0px; width: 1.2%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
}
.cover_shadow.side .normal_left_body {
	display: none;
}
.cover_shadow.press .hard_left_border {
	left: 0px; top: 0px; width: 2px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0.8), rgba(240, 240, 200, 0.8));
}
.cover_shadow.press .hard_left_body {
	left: 4%; top: 0px; width: 6px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0.5), rgba(40, 40, 20, 0));
}
.cover_shadow.press.flip_x .hard_left_body {
	left: 4%; top: 0px; width: 6px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0.3), rgba(40, 40, 20, 0));
}
.cover_shadow.press .hard_bottom_border_width {
	left: 4.5%; width: 95.5%;
}
.cover_shadow.press .normal_left_border {
	left: 0px; top: 0px; width: 2px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0.8), rgba(220, 220, 180, 0.8));
}
.cover_shadow.press .normal_left_body {
	left: 4%; top: 0px; width: 3px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0.4), rgba(40, 40, 20, 0));
}
.cover_shadow.press.flip_x .normal_left_body {
	left: 4%; top: 0px; width: 4px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(200, 200, 150, 0.4), rgba(240, 240, 200, 0));
}
.cover_shadow.sewing .hard_left_border {
	left: 0px; top: 0px; width: 1.2%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(220, 220, 220, 0.5), rgba(220, 220, 220, 0));
}
.cover_shadow.sewing .hard_leftbody {
	display: none;
}
.cover_shadow.sewing .normal_left_border {
	left: 0px; top: 0px; width: 1.2%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(220, 220, 220, 0.5), rgba(220, 220, 220, 0));
}
.cover_shadow.sewing .normal_left_body {
	display: none;
}
.cover_shadow.sewing .hard_bottom_border_width {
	left: 0%; width: 100%;
}
.cover_shadow.pit .hard_left_border {
	left: 0px; top: 0px; width: 6px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0.5), rgba(240, 240, 200, 0.5));
}
.cover_shadow.pit .hard_left_body {
	left: 6px; top: 0px; width: 4%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(210, 210, 180, 0.5) 0%, rgba(40, 40, 20, 0.1) 40%, rgba(40, 40, 20, 0.5) 80%, rgba(210, 210, 180, 0.5) 80%, rgba(210, 210, 180, 0) 100%);
}
.cover_shadow.pit .hard_bottom_border_width {
	left: 4%; width: 96%;
}
.cover_shadow.pit .normal_left_border {
	left: 0px; top: 0px; width: 6px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(240, 240, 200, 0.4), rgba(240, 240, 200, 0.2));
}
.cover_shadow.pit .normal_left_body {
	left: 5%; top: 0px; width: 6px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(60, 60, 60, 0.2) 0%, rgba(20, 20, 20, 0.6) 50%, rgba(240, 240, 200, 0.6) 50%, rgba(240, 240, 200, 0.2) 100%);
}
.cover_shadow.pit.flip_x .normal_left_body {
	left: 5%; top: 0px; width: 6px; height: 100%; position: absolute; background-image: -ms-linear-gradient(right, rgba(60, 60, 60, 0.2) 0%, rgba(20, 20, 20, 0.6) 50%, rgba(240, 240, 200, 0.6) 50%, rgba(240, 240, 200, 0.2) 100%);
}
.cover_shadow.pit2 .hard_left_border {
	left: 0px; top: 0px; width: 1%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(20, 20, 20, 0));
}
.cover_shadow.pit2 .hard_left_body {
	left: 1.4%; top: 0px; width: 2%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(210, 210, 180, 0.1) 0%, rgba(210, 210, 180, 0.4) 20%, rgba(210, 210, 180, 0.1) 50%, rgba(40, 40, 20, 0.5) 80%, rgba(40, 40, 20, 0) 100%);
}
.cover_shadow.pit2 .hard_bottom_border_width {
	left: 0%; width: 100%;
}
.cover_shadow.pit2 .normal_left_border {
	left: 0px; top: 0px; width: 3px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(240, 240, 200, 0.4), rgba(240, 240, 200, 0.2));
}
.cover_shadow.pit2 .normal_left_body {
	left: 2%; top: 0px; width: 4px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(60, 60, 60, 0.2) 0%, rgba(20, 20, 20, 0.5) 50%, rgba(240, 240, 200, 0.5) 50%, rgba(240, 240, 200, 0.2) 100%);
}
.cover_shadow.pit2.flip_x .normal_left_body {
	left: 2%; top: 0px; width: 4px; height: 100%; position: absolute; background-image: -ms-linear-gradient(right, rgba(60, 60, 60, 0.2) 0%, rgba(20, 20, 20, 0.5) 50%, rgba(240, 240, 200, 0.5) 50%, rgba(240, 240, 200, 0.2) 100%);
}
.cover_shadow.saddle .hard_left_border {
	left: 0px; top: 0px; width: 2.4%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(240, 240, 200, 0) 0%, rgba(240, 240, 200, 0.5) 50%, rgba(240, 240, 200, 0) 100%);
}
.cover_shadow.saddle .hard_left_body {
	display: none;
}
.cover_shadow.saddle .hard_bottom_border_width {
	left: 1.4%; width: 98.6%;
}
.cover_shadow.saddle .normal_left_border {
	left: 0px; top: 0px; width: 2.4%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(240, 240, 200, 0) 0%, rgba(240, 240, 200, 0.5) 50%, rgba(240, 240, 200, 0) 100%);
}
.cover_shadow.saddle .normal_left_body {
	display: none;
}
.cover_shadow.loose .hard_left_border {
	left: 0px; top: 0px; width: 4px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(240, 240, 200, 0.8), rgba(240, 240, 200, 0));
}
.cover_shadow.loose .hard_left_body {
	display: none;
}
.cover_shadow.loose .hard_bottom_border_width {
	left: 0%; width: 100%;
}
.cover_shadow.loose .normal_left_border {
	display: none;
}
.cover_shadow.loose .normal_left_body {
	display: none;
}
.cover_shadow.catalog .hard_left_border {
	left: 0px; top: 0px; width: 2%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
}
.cover_shadow.catalog .hard_left_body {
	display: none;
}
.cover_shadow.catalog .hard_bottom_border_width {
	left: 0.2%; width: 99.8%;
}
.cover_shadow.catalog .normal_left_border {
	left: 0px; top: 0px; width: 2%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
}
.cover_shadow.catalog .normal_left_body {
	display: none;
}
.tel_form {
	margin: auto; border-radius: 5px; left: 0px; top: 0px; width: 85%; right: 0px; bottom: 0px; color: rgb(255, 255, 255); overflow: hidden; font-family: Arial; vertical-align: middle; position: absolute;
}
.tel_form .form_title {
	background: rgb(0, 0, 0); margin: auto; width: 100%; height: 40px; line-height: 40px;
}
.tel_form .stage {
	background: rgba(0, 0, 0, 0.8); width: 100%; overflow: hidden; position: relative;
}
.tel_form .swiper {
	left: 0px; top: 0px; width: 100%; position: relative; max-height: 50%;
}
.tel_form .progress {
	width: 15px; height: 5px; right: 4px; bottom: 0px; position: absolute; cursor: pointer;
}
.tel_form .progressBar {
	background: rgb(255, 255, 255); border-radius: 2px; top: 0px; width: 5px; height: 5px; right: 4px; position: absolute; cursor: pointer; opacity: 0.25;
}
.tel_form .swiper .item {
	margin: 0px 10px; height: 70px; line-height: 70px; font-size: 15px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.tel_form .swiper .item .number {
	margin-left: 20px; float: left;
}
.tel_form .swiper .item a {
	margin: 20px; padding: 5px 20px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.9); border-image: none; height: 20px; right: 0px; color: rgb(255, 255, 255); line-height: 20px; vertical-align: middle; display: inline-block; position: absolute;
}
.copy_form {
	margin: auto; padding: 10px; border-radius: 5px; left: 0px; top: 0px; width: 80%; height: 170px; right: 0px; bottom: 0px; color: rgb(255, 255, 255); overflow: hidden; font-family: Arial; vertical-align: middle; position: absolute;
}
.copy_form textarea {
	background: rgb(255, 255, 255); margin: 0px; padding: 0px; border-radius: 5px; border: currentColor; border-image: none; left: 0px; top: 0px; width: 100%; height: 130px; color: rgb(0, 0, 0); font-size: 15px; vertical-align: top;
}
.copy_form p {
	top: 152px; text-align: left; line-height: 15px; font-size: 15px; margin-right: 100px; position: absolute;
}
.copy_form .cancel {
	padding: 0px 15px; border-radius: 2px; top: 150px; height: 27px; right: 10px; line-height: 27px; font-size: 15px; vertical-align: middle; position: absolute; cursor: pointer; background-color: rgba(255, 255, 255, 0.2);
}
.handSwipeHelp_Left {
	transform-origin: 50% 100%; animation:handSwipeAnimate 1.5s ease-in-out 1s infinite; opacity: 0; transform: rotateZ(30deg); -webkit-transform-origin: 50% 100%; -webkit-transform: rotateZ(30deg); -webkit-animation: handSwipeAnimate 1.5s 1s infinite ease-in-out;
}
.handSwipeHelp_Right {
	transform-origin: 50% 100%; animation:handSwipeAnimate_Right 1.5s ease-in-out 1s infinite; opacity: 0; transform: rotateZ(-30deg); -webkit-transform-origin: 50% 100%; -webkit-transform: rotateZ(-30deg); -webkit-animation: handSwipeAnimate_Right 1.5s 1s infinite ease-in-out;
}
.handSwipeHelp_Right > img {
	transform: rotateY(180deg); -webkit-transform: rotateY(180deg);
}
.handSwipeHelp_Top {
	transform-origin: 0% 50%; animation:handSwipeAnimate 1.5s ease-in-out 1s infinite; opacity: 0; transform: rotateZ(30deg); -webkit-transform-origin: 0 50%; -webkit-transform: rotateZ(30deg); -webkit-animation: handSwipeAnimate 1.5s 1s infinite ease-in-out;
}
.handSwipeHelp_Top > img {
	transform: rotateZ(75deg); -webkit-transform: rotateZ(75deg);
}
.cover_shadow {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 1; pointer-events: none;
}
.flip_x {
	transform: scaleX(-1); -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1);
}
.flip_y {
	transform: scaleY(-1); -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -o-transform: scaleY(-1);
}
.hard_top_border {
	left: 0px; top: 0px; width: 100%; height: 3px; position: absolute; background-image: -ms-linear-gradient(rgba(240, 240, 200, 0.6), rgba(240, 240, 200, 0));
}
.hard_inner_left_border {
	left: 0px; top: 0px; width: 10px; height: 100%; right: auto; position: absolute; z-index: 1; background-image: -ms-linear-gradient(left, rgba(150, 150, 150, 0.4), rgba(180, 180, 180, 0));
}
.hard_left_cover_border {
	left: 0px; top: 0px; width: 4px; height: 100%; right: auto; position: absolute; z-index: 0; background-image: -ms-linear-gradient(left, rgba(180, 180, 140, 0.6), rgba(180, 180, 140, 0));
}
.cover_shadow.flip_x .hard_right_border {
	left: auto; top: 1px; width: 3px; right: 0px; position: absolute; background-image: -ms-linear-gradient(right, rgba(220, 220, 180, 0.6), rgba(220, 220, 180, 0));
}
.hard_right_border {
	left: auto; top: 1px; width: 3px; right: 0px; position: absolute; background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.hard_bottom_border {
	left: 12px; top: auto; height: 3px; bottom: 0px; position: absolute; background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.cover_shadow.stitch .hard_left_border {
	left: 0px; top: 0px; width: 0.5%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(60, 60, 40, 0.5), rgba(220, 220, 180, 0));
}
.cover_shadow.stitch .hard_left_body {
	left: 2.5%; top: 0px; width: 1.5%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(225, 225, 225, 0.1) 0%, rgba(225, 225, 225, 0.4) 50%, rgba(40, 40, 20, 0.4) 50%, rgba(40, 40, 20, 0.1) 100%);
}
.cover_shadow.stitch.flip_x .hard_left_body {
	left: 2.5%; top: 0px; width: 1.5%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0.1) 0%, rgba(40, 40, 20, 0.4) 50%, rgba(225, 225, 225, 0.4) 50%, rgba(225, 225, 225, 0.1) 100%);
}
.cover_shadow.stitch .hard_bottom_border_width {
	left: 0.5%; width: 99%;
}
.cover_shadow.stitch .normal_left_border {
	left: 0px; top: 0px; width: 2px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(200, 200, 200, 1), rgba(200, 200, 200, 0));
}
.cover_shadow.stitch .normal_left_body {
	left: 3%; top: 0px; width: 3px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(200, 200, 200, 0) 0%, rgba(220, 220, 220, 0.5) 50%, rgba(200, 200, 200, 0) 100%);
}
.cover_shadow.side .hard_left_border {
	left: 0px; top: 0px; width: 1.2%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
}
.cover_shadow.side .hard_left_body {
	left: 2.5%; top: 0px; width: 1.5%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0) 0%, rgba(40, 40, 20, 0.4) 35%, rgba(40, 40, 20, 0) 100%);
}
.cover_shadow.side.flip_x .hard_left_body {
	left: 2.5%; top: 0px; width: 1.5%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0) 0%, rgba(40, 40, 20, 0.3) 35%, rgba(40, 40, 20, 0) 100%);
}
.cover_shadow.side .hard_bottom_border_width {
	left: 0.4%; width: 99.6%;
}
.cover_shadow.side .normal_left_border {
	left: 0px; top: 0px; width: 1.2%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
}
.cover_shadow.side .normal_left_body {
	display: none;
}
.cover_shadow.press .hard_left_border {
	left: 0px; top: 0px; width: 2px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0.8), rgba(240, 240, 200, 0.8));
}
.cover_shadow.press .hard_left_body {
	left: 4%; top: 0px; width: 6px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0.5), rgba(40, 40, 20, 0));
}
.cover_shadow.press.flip_x .hard_left_body {
	left: 4%; top: 0px; width: 6px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0.3), rgba(40, 40, 20, 0));
}
.cover_shadow.press .hard_bottom_border_width {
	left: 4.5%; width: 95.5%;
}
.cover_shadow.press .normal_left_border {
	left: 0px; top: 0px; width: 2px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0.8), rgba(220, 220, 180, 0.8));
}
.cover_shadow.press .normal_left_body {
	left: 4%; top: 0px; width: 3px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0.4), rgba(40, 40, 20, 0));
}
.cover_shadow.press.flip_x .normal_left_body {
	left: 4%; top: 0px; width: 4px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(200, 200, 150, 0.4), rgba(240, 240, 200, 0));
}
.cover_shadow.sewing .hard_left_border {
	left: 0px; top: 0px; width: 1.2%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(220, 220, 220, 0.5), rgba(220, 220, 220, 0));
}
.cover_shadow.sewing .hard_leftbody {
	display: none;
}
.cover_shadow.sewing .normal_left_border {
	left: 0px; top: 0px; width: 1.2%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(220, 220, 220, 0.5), rgba(220, 220, 220, 0));
}
.cover_shadow.sewing .normal_left_body {
	display: none;
}
.cover_shadow.sewing .hard_bottom_border_width {
	left: 0%; width: 100%;
}
.cover_shadow.pit .hard_left_border {
	left: 0px; top: 0px; width: 6px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(40, 40, 20, 0.5), rgba(240, 240, 200, 0.5));
}
.cover_shadow.pit .hard_left_body {
	left: 6px; top: 0px; width: 4%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(210, 210, 180, 0.5) 0%, rgba(40, 40, 20, 0.1) 40%, rgba(40, 40, 20, 0.5) 80%, rgba(210, 210, 180, 0.5) 80%, rgba(210, 210, 180, 0) 100%);
}
.cover_shadow.pit .hard_bottom_border_width {
	left: 4%; width: 96%;
}
.cover_shadow.pit .normal_left_border {
	left: 0px; top: 0px; width: 6px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(240, 240, 200, 0.4), rgba(240, 240, 200, 0.2));
}
.cover_shadow.pit .normal_left_body {
	left: 5%; top: 0px; width: 6px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(60, 60, 60, 0.2) 0%, rgba(20, 20, 20, 0.6) 50%, rgba(240, 240, 200, 0.6) 50%, rgba(240, 240, 200, 0.2) 100%);
}
.cover_shadow.pit.flip_x .normal_left_body {
	left: 5%; top: 0px; width: 6px; height: 100%; position: absolute; background-image: -ms-linear-gradient(right, rgba(60, 60, 60, 0.2) 0%, rgba(20, 20, 20, 0.6) 50%, rgba(240, 240, 200, 0.6) 50%, rgba(240, 240, 200, 0.2) 100%);
}
.cover_shadow.pit2 .hard_left_border {
	left: 0px; top: 0px; width: 1%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(20, 20, 20, 0));
}
.cover_shadow.pit2 .hard_left_body {
	left: 1.4%; top: 0px; width: 2%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(210, 210, 180, 0.1) 0%, rgba(210, 210, 180, 0.4) 20%, rgba(210, 210, 180, 0.1) 50%, rgba(40, 40, 20, 0.5) 80%, rgba(40, 40, 20, 0) 100%);
}
.cover_shadow.pit2 .hard_bottom_border_width {
	left: 0%; width: 100%;
}
.cover_shadow.pit2 .normal_left_border {
	left: 0px; top: 0px; width: 3px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(240, 240, 200, 0.4), rgba(240, 240, 200, 0.2));
}
.cover_shadow.pit2 .normal_left_body {
	left: 2%; top: 0px; width: 4px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(60, 60, 60, 0.2) 0%, rgba(20, 20, 20, 0.5) 50%, rgba(240, 240, 200, 0.5) 50%, rgba(240, 240, 200, 0.2) 100%);
}
.cover_shadow.pit2.flip_x .normal_left_body {
	left: 2%; top: 0px; width: 4px; height: 100%; position: absolute; background-image: -ms-linear-gradient(right, rgba(60, 60, 60, 0.2) 0%, rgba(20, 20, 20, 0.5) 50%, rgba(240, 240, 200, 0.5) 50%, rgba(240, 240, 200, 0.2) 100%);
}
.cover_shadow.saddle .hard_left_border {
	left: 0px; top: 0px; width: 2.4%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(240, 240, 200, 0) 0%, rgba(240, 240, 200, 0.5) 50%, rgba(240, 240, 200, 0) 100%);
}
.cover_shadow.saddle .hard_left_body {
	display: none;
}
.cover_shadow.saddle .hard_bottom_border_width {
	left: 1.4%; width: 98.6%;
}
.cover_shadow.saddle .normal_left_border {
	left: 0px; top: 0px; width: 2.4%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(240, 240, 200, 0) 0%, rgba(240, 240, 200, 0.5) 50%, rgba(240, 240, 200, 0) 100%);
}
.cover_shadow.saddle .normal_left_body {
	display: none;
}
.cover_shadow.loose .hard_left_border {
	left: 0px; top: 0px; width: 4px; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(240, 240, 200, 0.8), rgba(240, 240, 200, 0));
}
.cover_shadow.loose .hard_left_body {
	display: none;
}
.cover_shadow.loose .hard_bottom_border_width {
	left: 0%; width: 100%;
}
.cover_shadow.loose .normal_left_border {
	display: none;
}
.cover_shadow.loose .normal_left_body {
	display: none;
}
.cover_shadow.catalog .hard_left_border {
	left: 0px; top: 0px; width: 2%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
}
.cover_shadow.catalog .hard_left_body {
	display: none;
}
.cover_shadow.catalog .hard_bottom_border_width {
	left: 0.2%; width: 99.8%;
}
.cover_shadow.catalog .normal_left_border {
	left: 0px; top: 0px; width: 2%; height: 100%; position: absolute; background-image: -ms-linear-gradient(left, rgba(20, 20, 20, 0.5), rgba(240, 240, 200, 0));
}
.cover_shadow.catalog .normal_left_body {
	display: none;
}