body,html{height:100%}.col-sm-offset-2 p{margin:10px 0!important}.faded{color:rgba(255,255,255,.8)}.icon{color:#191919}.icon-red{color:#cc2027}body{font-size:1.5em;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Tahoma,sans-serif}h1{line-height:1.5em;font-size:3em;font-family:"Libre Baskerville",Baskerville,"Palatino Linotype",serif}h2{font-size:2.5em;font-family:"Libre Baskerville",Baskerville,"Palatino Linotype",serif}h3{font-size:1.4em;font-weight:600;font-family:"Libre Baskerville",Baskerville,"Palatino Linotype",serif;margin-top:30px}h4{font-size:1em;font-weight:600;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Tahoma,sans-serif;margin-top:0}.seperator blockquote{font-family:"Libre Baskerville",Baskerville,"Palatino Linotype",serif;font-size:2.8em}.seperator blockquote footer{font-size:.4em}.demo-hover h3,.demo-hover h4{transition:color .3s}.demo-hover:hover h3{color:#a0191f}.demo-hover:hover h4{color:#cc2027}article{padding-top:5em;padding-bottom:5em;min-height:90%;position:relative;z-index:-4;margin-bottom:-5em}.seperator{padding-top:15%;padding-bottom:15%}.svg-bot,.svg-top{width:100%;z-index:0}.demo-hover{padding:1em;margin-left:-1em!important;margin-bottom:.3em;border-radius:.4em;transition:all .5s;box-shadow:none}.demo-hover:hover{background-color:#fff;box-shadow:0 0 1em gray inset}.demo-figure{position:relative;height:0;width:100%;padding-top:111%}img.demonstration{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);width:100%;margin-top:15px;opacity:0;transition:all .5s;position:absolute;top:25px;bottom:0;right:0;left:0}img.demonstration.current{margin-top:15px;opacity:1}.sidebar-picture{margin-top:80px}.sidebar-picture img{width:100%;text-align:center;display:block}.footer-page a{color:#fff;font-weight:700}.footer-ads{width:100%;margin-top:30px;margin-bottom:0;text-align:center;display:block}.xiangqi-audio{width:100%;line-height:30px;margin:0 0 20px 0}.xiangqi-audio img{width:6%;height:auto;margin-right:5px;border:0;display:inline-block}.xiangqi-audio audio{max-width:185px;line-height:30px;margin-right:10px;border:0;vertical-align:middle;overflow:hidden}.xiangqi-audio audio:focus{outline:0}@media only screen and (max-width:1200px){.xiangqi-audio span{display:inline-block}}@media only screen and (max-width:992px){img.demonstration{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);width:100%;margin-top:0;opacity:0;transition:all .5s;position:absolute;top:0;bottom:0;right:0;left:0}img.demonstration.current{margin-top:0;opacity:1}}@media only screen and (max-width:768px){.xiangqi-audio span{width:100%;display:inline-block;margin:5px 0}.xiangqi-audio audio{height:30px;margin-right:10px;border:0;display:inline-block;vertical-align:bottom}}@media screen and (min-width:992px){.demo-figure{margin-top:2.5em}}body{background-image:url(../img/xiangqi_bg.png)}@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{background-image:url(../img/xiangqi_mobile_bg.png)}}.top-nav a:active,.top-nav a:focus,.top-nav a:focus-visible{outline:0!important;box-shadow:none!important;border:none!important}.top-nav a{user-select:none}.top-nav a:focus{caret-color:transparent!important}.top-nav{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);margin-bottom:0;background:0 0;border:none;height:5em;background-image:url(../img/header-nav-bg.svg);background-size:cover;background-position:bottom center;background-repeat:no-repeat}.top-nav.atTop{z-index:12}.top-nav .navbar-nav>li>a{color:#fff;padding:1em 2em}.top-nav .navbar-nav>li>a.active,.top-nav .navbar-nav>li>a:focus,.top-nav .navbar-nav>li>a:hover{color:#191919;background-image:url(../img/stroke.png);background-repeat:no-repeat;background-position:center center;background-size:100%;background-color:transparent}.top-nav .navbar-nav>li.active>a{background-color:transparent;background-image:url(../img/stroke-2.png);background-repeat:no-repeat;background-position:center center;background-size:100%}.top-nav .navbar-nav>li.active>a.active,.top-nav .navbar-nav>li.active>a:focus,.top-nav .navbar-nav>li.active>a:hover{background-color:transparent;background-image:url(../img/stroke-2.png);background-repeat:no-repeat;background-position:center center;background-size:100%}.navbar-collapse{margin-top:2.5em;margin-left:0!important;margin-right:0!important;z-index:999;transition:all .3s;box-shadow:none;background-color:#191919;text-align:center}.navbar-collapse.collapsing{background:0 0}.navbar-collapse.in li a,.navbar-collapse.in li.active a{background-size:auto 100%}.navbar-collapse.in li a.active,.navbar-collapse.in li a:focus,.navbar-collapse.in li a:hover,.navbar-collapse.in li.active a.active,.navbar-collapse.in li.active a:focus,.navbar-collapse.in li.active a:hover{background-size:auto 100%}.navbar-default .navbar-toggle{border:none}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:0 0}.navbar-default .navbar-toggle .icon-bar{width:2em;margin:.4em 0;background-color:#fff}.navbar-brand svg{height:4em;width:auto;float:left}.navbar-brand svg path{transition:fill .3s;fill:#fff}.moved svg path{fill:#000}.nav-header{width:100%;height:7em;position:absolute;top:0;background-image:url(../img/nav-bg.svg);background-size:cover;background-position:bottom center;background-repeat:no-repeat;z-index:-3}@media screen and (min-width:768px){.top-nav{z-index:-1}.navbar-collapse{background:0 0;margin-top:0}}.svg-bot,.svg-top{overflow:hidden}.svg-bot svg,.svg-top svg{width:110%;margin:-5px -5%;display:block}.deepBlue path{fill:#132032}.aqua path{fill:#025541}.turquoise path{fill:#026978}.green path{fill:#304614}.skyblue path{fill:#70CDDE}.seperator{color:rgba(255,255,255,.8);background-color:#132032}.seperator~.seperator{background-color:#025541}.seperator~.seperator~.seperator{background-color:#026978}.seperator~.seperator~.seperator~.seperator{background-color:#304614}.seperator~.seperator~.seperator~.seperator~.seperator{background-color:#70cdde}.seperator blockquote{border-left:none}.seperator blockquote footer{color:rgba(255,255,255,.6)}#intro{padding-top:14em;background-image:url(../img/xiangqi_vert.svg);background-repeat:no-repeat;background-size:auto 100%;background-position:102% center}#theBoard{padding-top:8em}.pieces-list ul li{display:inline-block;width:25%;float:left;text-align:center;margin-left:12.5%}.pieces-list ul li a{font-size:2.5em;text-align:center;width:1.5em;height:1.5em;display:inline-block;padding:0;padding-top:5px;margin:0;border-radius:50%;border:.1em solid #191919}.pieces-list ul li a.active,.pieces-list ul li a:hover{background-color:#191919;border-color:#191919;box-shadow:none}.pieces-list ul li a.active .icon,.pieces-list ul li a:hover .icon{color:#fff}.pieces-list ul li+li{margin-left:0}.pieces section .icon{display:block;width:100%;font-size:4em;text-align:center}.pieces section .demo-hover{margin-left:2em}.pieces section h4{margin-bottom:0}@media screen and (min-width:768px){.pieces-list ul li{width:14%;margin-left:0}.pieces-list ul li a{font-size:2.1em}}footer.footer-page{padding-top:15em;padding-bottom:5em;background-image:url(../img/footer.svg);background-size:cover;background-position:center center;color:#fff}@font-face{font-family:fontello;src:url("../fonts/fontello.eot?45654251");src:url("../fonts/fontello.eot?45654251#iefix") format("embedded-opentype"),url("../fonts/fontello.woff?45654251") format("woff"),url("../fonts/fontello.ttf?45654251") format("truetype"),url("../fonts/fontello.svg?45654251#fontello") format("svg");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em}.icon-chariot-rd:before{content:"\e800"}.icon-horse-rd:before{content:"\e801"}.icon-cannon-rd:before{content:"\e802"}.icon-elephant-bk:before{content:"\e803"}.icon-pawn-rd:before{content:"\e804"}.icon-general-rd:before{content:"\e805"}.icon-chariot-bk:before{content:"\e806"}.icon-horse-bk:before{content:"\e807"}.icon-cannon-bk:before{content:"\e808"}.icon-elephant-rd:before{content:"\e809"}.icon-pawn-bk:before{content:"\e80a"}.icon-general-bk:before{content:"\e80b"}.icon-minister-bk:before{content:"\e80c"}.icon-minister-rd:before{content:"\e80d"}.label-1{font-size:18px;color:#000;padding:10px 0 2px 0;position:relative}select{font-size:14px;width:280px;padding:2px}option{font-size:14px}input.button{font-size:14px;width:214px}.label{font-size:14px;color:#f5f5f5;padding:2px}.xiangqi-practice{margin-top:40px;text-align:center}.prxiangqi{width:100%;margin:2px 0}.prxiangqi input{margin-top:20px;vertical-align:top;display:inline-block}.prxiangqi label{margin-top:15px;margin-right:20px;vertical-align:top;display:inline-block}.prxiangqi select{font-size:14px;padding:2px 3px}.prxiangqi option{font-size:14px;margin:2px 0}.prxiangqi-restart{font-size:18px;margin:10px 0}.prxiangqi-undo{font-size:18px;margin:40px 0}.prxiangqi-undo .button{margin:0 0 5px 0}.prxiangqi input.prxiangqi-button{font-size:18px;color:#ed2228;padding:3px}.label-1 span{font-size:13px}.social-share{width:100%;text-align:center;display:inline-block}.fb-share-button{margin-bottom:10px;display:inline-block}.twitter-share-button{display:inline-block}#container{text-align:center;width:100%;height:auto;display:block}@media screen and (max-width:1920px){#container{zoom:.85}}@media screen and (max-width:1199px){#container{zoom:.69}input.button{font-size:14px;width:100%}}@media screen and (max-width:991px){#container{zoom:1.09}input.button{font-size:14px;max-width:280px}}@media screen and (max-width:767px){#container{zoom:1.08}input.button{width:278px;font-size:14px}}@media screen and (max-width:668px){#container{zoom:.93}input.button{font-size:14px;display:block;width:100%;margin-left:auto!important;margin-right:auto!important}}@media screen and (max-width:571px){#container{zoom:.8}input.button{font-size:14px;display:block;width:100%;margin-left:auto!important;margin-right:auto!important}}@media screen and (max-width:500px){#container{zoom:.68}input.button{font-size:14px;display:block;width:100%;margin-left:auto!important;margin-right:auto!important}.col-xs-offset-1{margin-left:6.33333333%}}@media screen and (max-width:479px){#container{zoom:.64}input.button{font-size:14px;display:block;width:100%;margin-left:auto!important;margin-right:auto!important}.col-xs-offset-1{margin-left:6.33333333%}}@media screen and (max-width:408px){#container{zoom:.53}input.button{font-size:14px;width:122px;display:inline-block}.col-xs-offset-1{margin-left:4.33333333%}}.footer-logo{padding:30px 0;width:100%;text-align:center;display:block}.footer-logo img{max-width:28rem;min-width:28rem}.ac-social-share{padding:10px;margin:0 0 30px}.ac-social img{opacity:1;margin-top:30px}.ac-social:hover img{opacity:.8;margin-top:30px}.ac-social-share a{outline:0!important}.ac-social-share a:active,.ac-social-share a:focus,.ac-social-share a:focus-visible{outline:0!important;box-shadow:none!important;border:none!important}.ac-social-share a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;backface-visibility:hidden;transform:translateZ(0)}@media only screen and (max-width:760px){.ac-social-share{width:100%;top:18px;display:inline-block;position:relative}}.wechat-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);z-index:999999;display:none}.wechat-popup-content{background:#fff;width:260px;padding:20px;margin:120px auto;text-align:center;border-radius:6px}#lang-switcher{display:inline-flex;gap:6px;font-size:14px;margin-top:45px;margin-left:12px;vertical-align:middle}#lang-switcher a{text-decoration:none;color:#f3f1ef}#lang-switcher a:hover{text-decoration:underline}