﻿
.center {margin:0 auto;}
.boxShadow {-webkit-box-shadow:3px 3px 3px #999;-moz-box-shadow:3px 3px 3px #999;-ms-box-shadow:3px 3px 3px #999;-o-box-shadow:3px 3px 3px #999;}
.textShadow {text-shadow:3px 3px 7px #bbb;filter:progid:DXImageTransform.Microsoft.Shadow(color='gray',Direction=135,Strength=4);}
.color {color:#333}
.background1 {background:#ccc;}
.background2 {background:#aaa;}
.background0 {background:#c6c;}
;.radius {border-radius:3px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;}
.wrong {background:#c6c}
#mainArea {width:90rem;position:relative;margin:0 auto;}
#mainArea #gameBoard {width:460px;top:50px;left:380px;/*margin:15px 50px auto 40px;float:right;*/}
#mainArea #selectBoard {width:104px;height:104px;top:0px;left:0px;position:absolute;background:#FFF;display:none;z-index:99;}
#control {height:auto;float:left;margin-right:30px;}
#btn {width:200px;margin-top:20px;margin-left:0;}
#timer {font-size:26px;margin-top:30px;,text-align:center;}
#tips {position:absolute;top:300px;left:450px;font-size:56px;color:#F00;text-shadow:3px 3px 7px #F00;filter:progid:DXImageTransform.Microsoft.Shadow(color='red',Direction=135,Strength=4);-webkit-transition:all 2s linear 0s;-moz-transition:all 2s linear 0s;-ms-transition:all 2s linear 0s;-o-transition:all 2s linear 0s;transition:all 2s linear 0s;-webkit-transform:scale(1.5);-webkit-transform-origin:0 0;display:none;}
#mainArea .button {display:inline-block;zoom:1;/* zoom and *display = ie7 hack for display:inline-block */*display:inline;vertical-align:baseline;margin:10px 2px;outline:none;cursor:pointer;text-align:center;text-decoration:none;font:16px/100% Arial,Helvetica,sans-serif;padding:.5em 2em .55em;text-shadow:0 1px 1px rgba(0,0,0,.3);-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);width:200px;height:40px;}
#mainArea .button:hover {text-decoration:none;}
#mainArea .button:active {position:relative;top:1px;}
#mainArea .white {color:#606060;border:solid 1px #b7b7b7;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));background:-moz-linear-gradient(top,#fff,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed');}
#mainArea .white:hover {background:#ededed;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#dcdcdc));background:-moz-linear-gradient(top,#fff,#dcdcdc);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dcdcdc');}
#mainArea .white:active {color:#999;background:-webkit-gradient(linear,left top,left bottom,from(#ededed),to(#fff));background:-moz-linear-gradient(top,#ededed,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff');}
#mainArea .block {width:46px;height:46px;border:1px solid #ccc;margin:1px;float:left;line-height:46px;text-align:center;font-size:27px;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;cursor: pointer;}
#mainArea .editable {color:#06F;}
#mainArea .editable:hover {background:#f1f1f1;}
#mainArea .selectDiv {width:30px;height:30px;border:1px solid #ccc;margin:1px;float:left;line-height:30px;text-align:center;font-size:20px;cursor: pointer;}
#mainArea .selectDiv:hover {background:#6CC;}
.cd-dropdown,.cd-select {position:relative;width:250px;display:block;}
.cd-dropdown > span {height:40px;line-height:40px;color:#999;font-weight:700;font-size:16px;background:#f9f9f9;display:block;padding:0 50px 0 30px;position:relative;cursor:pointer;}
.cd-dropdown > span:after {content:'\25BC';position:absolute;right:0px;top:15%;width:50px;text-align:center;font-size:12px;padding:5px;height:70%;line-height:20px;border-left:1px solid #ddd;}
.cd-dropdown.cd-active > span:after {content:'\25B2';}
.cd-dropdown ul {list-style-type:none;margin:0;padding:0;display:block;position:relative;}
.cd-dropdown ul li {display:block;}
.cd-dropdown ul li span {background:#fff;line-height:40px;padding:0 75px 0 30px;display:block;color:#bcbcbc;cursor:pointer;font-weight:700;font-size:16px;}
.cd-dropdown > span,.cd-dropdown ul li span {-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.cd-dropdown > span span[class^="icon-"],.cd-dropdown > span span[class*=" icon-"] {padding:0 30px 0 45px;}
.cd-select {border:1px solid #ddd;}
.cd-dropdown > span,.cd-dropdown ul li:nth-last-child(-n+3) span {/*box-shadow:0 1px 1px rgba(0,0,0,0.1);*/}
.cd-dropdown ul {position:absolute;top:0px;width:100%;}
.cd-dropdown ul li {position:absolute;width:100%;}
.cd-active.cd-dropdown > span {color:#ff9941;}
.cd-active.cd-dropdown > span,.cd-active.cd-dropdown ul li span {box-shadow:0 1px 1px rgba(0,0,0,0.1);}
.cd-active.cd-dropdown ul li span {-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;}
.cd-active.cd-dropdown ul li span:hover {background:#029948;color:#fff;}