/*! chinese_chess 12-11-2014 */html{overflow:hidden}em{font-style:normal}clear:after{content:'';clear:both;height:0;font-size:0;overflow:hidden;visibility:hidden}body{font-size:12px;margin:0;padding:0;line-height:150%;font-family:"微软雅黑"}#chess{-webkit-tap-highlight-color:transparent!important;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-focus-ring-color:transparent!important;outline:0!important}.box{margin:0 auto;width:100%;position:relative;overflow:hidden}.chess_left{overflow:visible;-webkit-transform:translateZ(0);width:100%;text-align:center}.chess_left canvas{margin:auto}.btn{text-align:center;overflow:hidden;margin:15px auto;width:100%}.btn img{width:120px;margin:0 2%;display:inline;cursor:pointer}.header{overflow:hidden}.headertxt{margin:40px auto 20px;color:#F2F6B7;font-size:3em;width:100%;text-align:center;height:50px;line-height:50px;text-shadow:0 2px 2px rgba(0,0,0,.3);background:url(img/textbg.png) no-repeat;background-size:100%,100%}.layer{position:absolute;width:100%;padding:100px 0 0;z-index:100;top:0;left:0;background:rgba(0,0,0,.7);box-sizing:border-box;z-index:99;text-align:center;color:#F2F6B7;font-size:2em}.layer img{cursor:pointer;display:block;margin:0 auto 10px}.layer div{height:50px}.layer a{width:200px;display:inline-block}.frm{width:100%;min-height:100vh}#gamebox,#indexbox{background:url(img/bg.jpg) no-repeat;background-size:100% 100%}#classicsbox{background:url(img/jdBG.jpg) no-repeat;background-size:100% 100%}.jdtil{width:55%;margin-left:auto;margin-right:auto;display:block}.backBtn{width:80px;position:absolute;left:0;top:0;z-index:999}.soundBtn{width:80px;position:absolute;right:0;top:0;z-index:999}#classicsbox .btns{overflow:auto}#classicsbox .btns a{position:relative;width:55%;margin-left:auto;margin-right:auto;display:block;margin-top:10px}#classicsbox .btns a img{width:100%}#classicsbox .btns em{position:absolute;width:100%;text-align:center;display:block;left:0;top:0;font-size:2em;line-height:50px;padding-top:1%}#indexbox{text-align:center;height:100vh}#indexbox div,#indexbox img{width:55%;display:block;margin-left:auto;margin-right:auto}#indexbox div img{width:100%}#indexbox div[id]{margin-top:50px;margin-bottom:0}.indexBtn{widows:60px;height:55px}#vs{background:url(img/vs0.png) no-repeat;background-size:cover}.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}@media only screen and (-webkit-min-device-pixel-ratio:2){.headertxt{font-size:2em!important}#classicsbox .btns em{font-size:2em!important;line-height:50px}.soundBtn{width:80px}.backBtn{width:80px}}@media (min-width :320px) and (max-width :560px){.headertxt{margin:20px auto 10px;font-size:2em}#classicsbox .btns em{font-size:2.3em;line-height:50px}.soundBtn{width:80px}.backBtn{width:80px}}@media (min-width :560px) and (max-width :720px){.headertxt{margin:20px auto 10px;font-size:2em}#classicsbox .btns em{font-size:2.5em;line-height:60px}.soundBtn{width:80px}.backBtn{width:80px}}@media (min-width :720px) and (max-width :960px){.headertxt{margin:20px auto 10px;font-size:2em}#classicsbox .btns em{font-size:2.6em;line-height:70px}.soundBtn{width:80px}.backBtn{width:80px}}@media (min-width :960px){.headertxt{margin:40px auto 20px}#classicsbox .btns em{font-size:2.8em;line-height:100px}.soundBtn{width:100px}.backBtn{width:100px}}.loadingBox{width:100%;left:0;top:0;height:100%;background:#0a2d27;position:absolute;z-index:22;transition:all .5s ease-in}.loadingBox:before{width:66px;height:35px;display:block;content:"";background-size:contain;z-index:10;-webkit-animation:cmcm_active 2.5s .5s ease-in-out infinite}.cmcm i{width:24px;height:17px;background:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAgCAYAAABU1PscAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6FJREFUeNrMWEloFFEQrZ5MTMweE0IkGznEgB5UFPWigqCCgjcXlFw8KB5UcLnkoqignjyoGDwpChpEBVHiQRH0oqAiEoUIkpXsidn3yfhefv+xp6cnzkxmki54dHfNTM+r+vWr6pchCZTPxzZYHw0T+t5vuc5h490vUf+HESeiXlwKgDXAJmCbidQoXjMFvAReAW+AVhjkT4gBIMzfFQE7gBPAlgQs4AhwCaiBIcNxMQDEc3E5AFwB8uf7rscjkpIikpwssmyZSFKS0lnF5xOZnobr4fvxcZHZ2bCvuwFUw5CJqA0w43glcB2ocvoOCaanK6SlKeLURSsToDcMXw8MqKvfH7Ii22HE14gNAHnG8G3gqP2zzEyRXKxHVpYiHG/hynR1ifT0hKzMIaBWb3jvPF7fDbygg7Xei28XYKvm5cXm4WiEoVdcrP6vuVlkaCjw0WOgz9zooSsA8h4z5k5pHeO3sFC9zB7HiyVtbWpFLJKHVej32sjDbvkAbNa6nByR0lLlkaUUrgbDqr8/oKphQjFsufwjMBc/hqGI5+eLa4RZq75eZGbm3x72WGL+vibPkKmsdBd5zYuJw5at5+QgcFhrKipUSnSj2DKexwPvL8fNQ60pL3cveceCCZzW6ZTpkZvWzTIRXIv9NOC8fioqcr/Hh4O7olkasIJ3qalLnyr/J6OjIpOTgcf37FYDZcnvd7/3OzuDHi/rPfCdN7SMhcKtMjKimjxTxoB32oA7WtvX507ybOaamoJUVQgfnzagVmvZa/h87jOAzZwl9lGL5bk1jf4BHvCBJbqlxV3kOzqC+h/KTutR0zBbCXT3MmAaJCUlqvN0A/n29iDVHpCvsxcyMc+c+7SytTXE6kUVZkSGjY38SaDOqRJr4TTgqn5obAxJW4sijPWGBpHe3iB1NXDLaexiOEwbmJWOW88DZWXqNJZor3d3K6/bjpAcIjwJNzMywhwnLwIXrEdJthmJaK9JnOHKeLdkGgrMka0g/ivquZBpxC4zrAK+Z7vBoyV78oUeLTlKYd1hqPDeJjeBcyA/taDBFgzJwuURd7/TwSI7WyQjI7LwYn1hL8OKOjiIUjrm+LVPwBHgd6RjxkjnQmuBe8C6cIcMPQviyhCMY9YVeldjHnkNnAV+RjsfjXgyZxqyCjhj3eQLEMb2NeAZSA/G+pJYZ6MMmtXAXmA/sD6Cn30DngJvgR/AUCzT6LgYEGZ1nN4VKPnxIOskfwUYALJZJ+zRlQARAAAAAElFTkSuQmCC) no-repeat;position:absolute;bottom:-5px;right:10px;background-size:contain;z-index:11}@-webkit-keyframes cmcm_active{0%{-webkit-transform:rotate(-2deg)}50%{-webkit-transform:rotate(3deg)}100%{-webkit-transform:rotate(-2deg)}}.per_bar{transition:opacity .5s ease-in;position:absolute;top:50%;left:50%;margin-left:-110px;width:220px;height:15px;border-radius:15px;background:#fff0d2;display:block}.per_bar em{color:#fff0d2;font-size:16px;display:block;position:relative;z-index:3;text-align:center;font-style:normal;line-height:17px;font-family:arial;position:absolute;bottom:-30px;width:220px;text-align:center}.per_bar span{-webkit-transition:.4s;display:inline-block;position:relative;overflow:hidden;background:#ffc24b;height:100%;float:left;z-index:1;border-radius:15px;box-shadow:1px 0 2px rgba(0,0,0,.3)}.per_bar span:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.75,rgba(255,255,255,.6)),color-stop(.75,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.6)),color-stop(.25,rgba(255,255,255,.6)),color-stop(.25,transparent),to(transparent));background-size:20px 20px;z-index:1;border-radius:15px;-webkit-animation:per_move .8s linear infinite}@-webkit-keyframes per_move{0%{background-position:0 0}100%{background-position:20px 20px}}.per_note{line-height:27px;color:#666;margin-top:10px;text-align:center}