::-webkit-scrollbar {
    height: 8px;
}

::-moz-scrollbar {
    height: 8px;
}

@media screen and (min-width: 680px){
::-webkit-scrollbar {
    height: 8px;
}

::-moz-scrollbar {
    height: 8px;
}
}

@media screen and (min-width: 680px){
::-webkit-scrollbar-thumb {
    border-width: 3px;
}

::-moz-scrollbar-thumb {
    border-width: 3px;
}
}

::-webkit-scrollbar-thumb {
    border-radius: 20px;
    padding-bottom: 10px;
    border: 5px solid transparent;
    background-color: hsla(0,0%,100%,.3);
    background-clip: padding-box;
}

::-moz-scrollbar-thumb {
    border-radius: 20px;
    padding-bottom: 10px;
    border: 5px solid transparent;
    background-color: hsla(0,0%,100%,.3);
    background-clip: padding-box;
}

.clearboth{clear:both;}
#coloringPage{
	width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
    height: auto;

}
#center{float:left;
    vertical-align: top;
    background: #fff;
border-radius: 10px;
width: calc(70% - 20px);
    height: 630px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
    z-index: 1;
    margin-top: 10px;
	margin-left: 10px;
    margin-right: 10px;
}

.leftBox{
	float:left;
    width: 15%;
    vertical-align: top;
    /*background: #693904cc;*/
	height:650px;
	overflow-y:auto;
}
.leftBox .icon{
	background: url(../color/icon/bt.png);
    background-size: 100%;
	width:85px;
	height:85px;
	margin-bottom:-5px;
	margin-left: 30px;
}

.leftBox .icon.iconSelect{
	background: url(../color/icon/bt.png);
	 background-size: 100%;
}

.leftBox .icon i{
	color:#fff;
	font-size:30px;
	line-height:85px;
	margin-left: 28px;
}

#canvasDiv{border:none;    margin: 0 auto;
    border-radius: 5px;
    padding: 1px;
	display: contents;
}
.rightBox{
	position: relative;
	float:right;
	/*background: #693904cc;*/
	width: 10%;
	height:650px
}
.colors{width:100%;margin-top:20px}
.rightSelect{width:100%;float:none;margin-top:10px;border:0;background:transparent;box-shadow:none}
#colorTablet{float: none;
    width: 100%;
    background: transparent;
    border: none;}
@media only screen and (max-width: 600px) {
    .leftBox .icon{width:45px;height:45px;}
    .leftBox .icon i{font-size:20px;line-height:45px;}
}