.ilesson-box {position:relative; display:inline-block; background-color:#ffffff; border-radius:5px; overflow:hidden;}
.ilesson-box .box-content {position:absolute; left:0px; top:0px; height:100%; width:100%;}
.ilesson-box .box-shadows {position:absolute; left:0px; top:0px; height:100%; width:100%; border-radius:5px; box-shadow:2px 2px 10px 1px #aaaaaa inset;}

.ilesson-box .box-shadow {position:absolute; overflow:hidden;}
.ilesson-box .box-shadow > span:first-child {position:absolute; border-radius:5px; box-shadow:2px 2px 10px 1px #aaaaaa inset;}
.ilesson-box .box-shadow.top {left:0px; right:0px; top:0px; height:20px;}
.ilesson-box .box-shadow.top > span:first-child {left:0px; right:0px; top:0px; height:40px;}
.ilesson-box .box-shadow.bottom {left:0px; right:0px; bottom:0px; height:20px;}
.ilesson-box .box-shadow.bottom > span:first-child {left:0px; right:0px; bottom:0px; height:40px;}
.ilesson-box .box-shadow.left {left:0px; top:20px; bottom:20px; width:20px;}
.ilesson-box .box-shadow.left > span:first-child {left:0px; top:-20px; bottom:-20px; width:40px;}
.ilesson-box .box-shadow.right {right:0px; top:20px; bottom:20px; width:20px;}
.ilesson-box .box-shadow.right > span:first-child {right:0px; top:-20px; bottom:-20px; width:40px;}

.ilesson-box.no-round-ne-corner {border-top-right-radius:0px;}
.ilesson-box.no-round-ne-corner .box-shadow.top > span:first-child {border-top-right-radius:0px; right:-20px;}
.ilesson-box.no-round-se-corner {border-bottom-right-radius:0px;}
.ilesson-box.no-round-se-corner .box-shadow.bottom > span:first-child {border-bottom-right-radius:0px; right:-20px;}
.ilesson-box.no-round-nw-corner {border-top-left-radius:0px;}
.ilesson-box.no-round-nw-corner .box-shadow.top > span:first-child {border-top-left-radius:0px; left:-20px;}
.ilesson-box.no-round-sw-corner {border-bottom-left-radius:0px;}
.ilesson-box.no-round-sw-corner .box-shadow.bottom > span:first-child {border-bottom-left-radius:0px; left:-20px;}

.box-se-corner {position:absolute; x-background-color:yellow; height:40px; width:40px; overflow:hidden;}
.box-se-corner > span:first-child {position:absolute; right:20px; bottom:20px; height:40px; width:40px; border-radius:5px; box-shadow:2px 2px 10px 1px #aaaaaa;}
.box-ne-corner {position:absolute; x-background-color:yellow; height:40px; width:40px; overflow:hidden;}
.box-ne-corner > span:first-child {position:absolute; right:20px; top:20px; height:40px; width:40px; border-radius:5px; box-shadow:2px 2px 10px 1px #aaaaaa;}


.ilesson-button2 {display:inline-block; border-radius:5px; font-family:Verdana,細明體; font-size:18px; text-align:center; cursor:default;}
.ilesson-button2 {border:#e6e6e6 solid 1px; color:#000000; background-color:#ededed;}
.ilesson-button2 {box-shadow:1px 1px 2px 1px #cccccc;}
.ilesson-button2 {
	background: rgb(237,237,237); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(238,238,235,1) 49%, rgba(234,234,233,1) 50%, rgba(231,231,231,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(49%,rgba(238,238,235,1)), color-stop(50%,rgba(234,234,233,1)), color-stop(100%,rgba(231,231,231,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(238,238,235,1) 49%,rgba(234,234,233,1) 50%,rgba(231,231,231,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(238,238,235,1) 49%,rgba(234,234,233,1) 50%,rgba(231,231,231,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(238,238,235,1) 49%,rgba(234,234,233,1) 50%,rgba(231,231,231,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(238,238,235,1) 49%,rgba(234,234,233,1) 50%,rgba(231,231,231,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}
.ilesson-button2.warning {color:#ff3333; box-shadow:1px 1px 10px 5px #ff7777;}
x.ilesson-button2.warning {}
x.ilesson-button2.warning-1 {color:#ff3333; box-shadow:1px 1px 10px 5px #ff7777;}
x.ilesson-button2.warning-2 {color:#ff3333; box-shadow:1px 1px 10px 5px #ff7777;}

.ilesson-button2.selected {border:#3fa16e solid 1px; color:#ffffff; background-color:#4daf7c;}
.x-ilesson-button2.selected {box-shadow:2px 2px 10px 1px #555555 inset;}
.ilesson-button2.selected {
	background: rgb(54,121,86); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(54,121,86,1) 0%, rgba(72,163,116,1) 15%, rgba(74,169,119,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,121,86,1)), color-stop(15%,rgba(72,163,116,1)), color-stop(100%,rgba(74,169,119,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(54,121,86,1) 0%,rgba(72,163,116,1) 15%,rgba(74,169,119,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(54,121,86,1) 0%,rgba(72,163,116,1) 15%,rgba(74,169,119,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(54,121,86,1) 0%,rgba(72,163,116,1) 15%,rgba(74,169,119,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(54,121,86,1) 0%,rgba(72,163,116,1) 15%,rgba(74,169,119,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367956', endColorstr='#4aa977',GradientType=0 ); /* IE6-9 */
}
.ilesson-button2.pressed {
border:#71cd4b solid 1px; color:#ffffff; 
background: rgb(111,194,75); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(111,194,75,1) 0%, rgba(112,200,75,1) 15%, rgba(139,206,107,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(111,194,75,1)), color-stop(15%,rgba(112,200,75,1)), color-stop(100%,rgba(139,206,107,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(111,194,75,1) 0%,rgba(112,200,75,1) 15%,rgba(139,206,107,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(111,194,75,1) 0%,rgba(112,200,75,1) 15%,rgba(139,206,107,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(111,194,75,1) 0%,rgba(112,200,75,1) 15%,rgba(139,206,107,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(111,194,75,1) 0%,rgba(112,200,75,1) 15%,rgba(139,206,107,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fc24b', endColorstr='#8bce6b',GradientType=0 ); /* IE6-9 */
}
.ilesson-button2.disabled{
color:rgba(232,232,232,1);
text-shadow:#999999 -1px -1px;
}

.touch-scrollable {
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	-ms-scroll-chaining: none;
	-ms-touch-action: pan-y;
}