@import url(https://fonts.googleapis.com/css?family=Shojumaru&display=swap);@font-face{font-family:"Skolar Sans PE";src:url(https://docs.rferl.org/Branding/CDN/Apollo_Framework/2.0/dist/assets/fonts/SkolarSans_Regular.woff2) format("woff2"),url(https://docs.rferl.org/Branding/CDN/Apollo_Framework/2.0/dist/assets/fonts/SkolarSans_Regular.woff) format("woff");font-weight:400}@font-face{font-family:"Skolar Sans PE";src:url(https://docs.rferl.org/Branding/CDN/Apollo_Framework/2.0/dist/assets/fonts/SkolarSans_Bold.woff2) format("woff2"),url(https://docs.rferl.org/Branding/CDN/Apollo_Framework/2.0/dist/assets/fonts/SkolarSans_Bold.woff) format("woff");font-weight:700}@font-face{font-family:"Skolar PE";src:url(https://docs.rferl.org/Branding/CDN/Apollo_Framework/2.0/dist/assets/fonts/Skolar_Light.woff2) format("woff2"),url(https://docs.rferl.org/Branding/CDN/Apollo_Framework/2.0/dist/assets/fonts/Skolar_Light.woff) format("woff");font-weight:300}@font-face{font-family:"Skolar PE";src:url(https://docs.rferl.org/Branding/CDN/Apollo_Framework/2.0/dist/assets/fonts/Skolar_Bold.woff2) format("woff2"),url(https://docs.rferl.org/Branding/CDN/Apollo_Framework/2.0/dist/assets/fonts/Skolar_Bold.woff) format("woff");font-weight:700}body,html{margin:0;padding:0;width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.special_font{font-family:Shojumaru,Arial,Helvetica,cursive}.without_scrollbar{-ms-overflow-style:none;scrollbar-width:none;overflow:-moz-scrollbars-none}.without_scrollbar::-webkit-scrollbar{display:none}main{position:relative;top:0;left:0;width:100%;height:100%}.background{top:0;left:0;width:100%;height:100%;background-attachment:fixed;background-position:center;background-size:cover;background-image:url(https://docs.rferl.org/Infographics/2019/2019_11/2019_11_China/images/Dragon_L.jpg)}@media only screen and (max-width:1200px){.background{background-image:url(https://docs.rferl.org/Infographics/2019/2019_11/2019_11_China/images/Dragon_M.jpg)}}@media only screen and (max-width:1024px){.background{background-image:url(https://docs.rferl.org/Infographics/2019/2019_11/2019_11_China/images/Dragon_S.jpg)}}@media only screen and (max-width:640px){.background{background-image:url(https://docs.rferl.org/Infographics/2019/2019_11/2019_11_China/images/Dragon_XS.jpg)}}.headline_container{position:relative;box-sizing:border-box;margin-left:46%;width:54%;padding-top:65px;height:calc(54% - 65px);height:86%}.headline_container .scrollable{position:relative;overflow-y:auto;max-height:64%}@media (max-width:1024px){.headline_container .scrollable{max-height:42%}}@media (max-width:640px){.headline_container .scrollable{max-height:none;overflow-y:visible}}.headline_container .scrollable iframe{max-width:100%;margin:12px auto}@media (max-width:1024px){.headline_container{margin-left:auto;padding-left:36px;padding-right:36px;width:100%;height:64%}}.headline{position:relative;height:100%;display:flex;flex-direction:column;padding-right:15px;text-align:right}@media (max-width:1024px){.headline{text-align:left}}.headline h1{text-align:right;color:#fff;margin-top:12px;margin-bottom:36px;font-size:70px;line-height:1.2;font-family:Shojumaru,cursive}@media (max-width:1600px){.headline h1{font-size:62px}}@media (max-width:1200px){.headline h1{font-size:54px}}@media (max-width:1024px){.headline h1{font-size:40px;text-align:center;padding-right:0}}.headline p{margin:0 0 12px 0;text-align:right;color:#fff;font-size:28px;line-height:1.2;font-family:"Skolar Sans PE";text-shadow:1px 1px 7px #000}@media (max-width:1600px){.headline p{font-size:24px}}@media (max-width:1200px){.headline p{font-size:20px}}@media (max-width:1024px){.headline p{text-align:left}}.headline p:last-of-type{margin:0}.less .invisible{display:none}.more{display:inline-block;margin:8px 0;font-size:20px;color:#da5059;text-align:right;font-family:"Skolar Sans PE";cursor:pointer;background-color:rgba(0,0,0,.3);padding:2px 12px;border-radius:16px;text-shadow:none}.more:hover{color:#fff;transition:color .3s}.container{position:absolute;top:100%;width:100%}.scrolling_container{position:relative;display:flex;left:0;transition:left .3s}.scrolling_2{left:-100%;transition:left .3s}@media (max-width:640px){.scrolling_2{left:0}}@media (min-width:1025px){.scrolling_2{left:0}}.scrolling_3{left:-200%;transition:left .3s}@media (max-width:640px){.scrolling_3{left:0}}@media (min-width:1025px){.scrolling_3{left:0}}.menu_card-container{position:relative;top:-84px;transform:translateY(0);transition:all .2s ease-out;padding:16px 48px 48px;width:33.33%}.menu_card-container.active{top:0;transform:translateY(-100%);transition:all .2s ease-out}.menu_card{position:relative;top:0;box-sizing:border-box;border-radius:24px;box-shadow:10px 10px 10px rgba(0,0,0,.3);background:linear-gradient(-135deg,#141414 0,#323232 100%)}.menu_card a{position:relative;display:block;padding:16px;color:#da5059;text-align:center;text-decoration:none;font-size:20px;font-family:"Skolar Sans PE"}.menu_card a:hover{transition:color .3s;color:#fff}.card_background{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;background-repeat:no-repeat;background-position:bottom center;background-size:contain}.card1{background-image:url(https://docs.rferl.org/Infographics/2019/2019_11/2019_11_China/images/Card1.svg)}.card2{background-image:url(https://docs.rferl.org/Infographics/2019/2019_11/2019_11_China/images/Card2.svg)}.card3{background-image:url(https://docs.rferl.org/Infographics/2019/2019_11/2019_11_China/images/Card3.svg)}.menu_title-container{position:relative;padding:16px 16px 10px;color:#fff;text-align:center;border-bottom:dashed 2px rgba(255,255,255,.6);font-size:30px;font-weight:600;font-family:"Skolar Sans PE";cursor:pointer}.menu_arrow{position:absolute;right:16px;top:17px;width:32px;height:32px;background-image:url(https://docs.rferl.org/Infographics/2019/2019_11/2019_11_China/images/ArrowUp.svg)}.menu_arrow.active{background-image:url(https://docs.rferl.org/Infographics/2019/2019_11/2019_11_China/images/ArrowDown.svg)}.arrow_left{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;background-image:url(https://docs.rferl.org/Infographics/2019/2019_11/2019_11_China/images/ArrowLeft.svg);cursor:pointer;display:none;opacity:.2}.arrow_left.active{opacity:1}.arrow_right{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;background-image:url(https://docs.rferl.org/Infographics/2019/2019_11/2019_11_China/images/ArrowRight.svg);cursor:pointer;display:none;opacity:.2}.arrow_right.active{opacity:1}@media only screen and (max-width:1820px){.menu_card-container{top:-76px;padding:12px 32px 32px}.menu_title-container{font-size:26px}}@media only screen and (max-width:1600px){.menu_arrow{width:24px;height:24px}.menu_card-container{top:-62px;padding:8px}.menu_title-container{font-size:20px}}@media only screen and (max-width:1200px){.menu_card-container{top:-58px;padding:8px}.menu_title-container{font-size:17px}.menu_arrow{right:12px}}@media only screen and (max-width:1024px){body,html{overflow:auto}.container{top:auto;bottom:16px;position:absolute;overflow:hidden}.scrolling_container{width:300%}.menu_card-container{top:0;padding-left:4%;padding-right:4%}.menu_card-container.active{top:0;transform:translateY(0)}.menu_title-container{cursor:default}.menu_arrow{display:none}.arrow_left{display:block}.arrow_right{display:block}}@media only screen and (max-width:640px){body,html{overflow:auto}.headline_container{height:auto;box-sizing:content-box;top:100%;padding-left:0;padding-right:0;background:#000}.headline_container .headline{padding-left:16px;padding-right:16px;padding:16px;background:linear-gradient(-135deg,rgba(20,20,20,.7) 0,rgba(50,50,50,.7) 100%)}.headline_container .headline h1{position:absolute;left:0;bottom:calc(100% + 64px)}.container{position:relative;top:0;bottom:auto;top:100%;background:#000}.scrolling_container{display:block;width:100%}.menu_card-container{box-sizing:border-box;width:100%;padding-left:16px;padding-right:16px}.arrow_left{display:none}.arrow_right{display:none}}#page__header{width:100%;height:65px;padding:5px 15px 0;box-sizing:border-box;background-color:rgba(0,0,0,.5);position:fixed;top:0;z-index:997}a.page__header-logo{position:absolute;width:auto;top:12px;height:40px;display:inline-block}a.page__header-logo svg{width:auto;height:40px;fill:#fff}.header__right-container{float:right;padding-top:12px}.page__header-share{width:auto;height:35px;display:flex;align-items:center;justify-content:center;flex-direction:row;text-transform:uppercase;text-decoration:none;color:#fff;font-size:.8rem;font-family:"Skolar Sans PE",Arial;float:left;position:relative;cursor:pointer}.page__header-share svg{width:24px;height:24px;margin-top:-3px;margin-right:5px;fill:#fff;stroke:#fff}.page__header-share:hover{color:#da5059;transition:color .3s}.page__header-share:hover svg{fill:#da5059;stroke:#da5059}.page__header-share:hover svg path{animation:share .2s ease-out forwards}.page__header-share:hover svg circle:not(:first-of-type){animation:sharecirc .2s ease-out forwards}.header__right-container .sharing-icons{display:block;width:auto;padding:6px 4px 0;background:#fff;position:absolute;border-radius:21px 0 0 21px;top:13px;left:auto;right:-100%;transition:all .4s ease-out}.header__right-container .sharing-icons a{width:30px;height:30px;display:inline-block;margin:0 2px}.header__right-container .sharing-icons a svg circle{transition:fill .3s;fill:#5c646b}.header__right-container .sharing-icons a svg .svg__path{fill:#fff}.header__right-container .sharing-icons a svg:hover circle{transition:fill .3s;fill:#da5059}.header__right-container .sharing-icons a:last-child{position:relative;bottom:8px;box-sizing:border-box;padding:8px}#share__close{cursor:pointer}#share__close svg .svg__path{fill:#000}.header__right-container .opened{left:auto;right:0}#progress{width:100%;height:3px;background-color:#555;top:0;left:0;right:0;position:absolute}#bar{width:50%;height:3px;background-color:#da5059;top:0;left:0;transition:width .3s}a.page__header-nav{width:auto;height:35px;display:flex;align-items:center;justify-content:center;flex-direction:row;text-transform:uppercase;text-decoration:none;color:#fff;font-size:.8rem;font-family:"Skolar Sans PE";float:left;position:relative;cursor:pointer}a.page__header-nav svg{fill:#fff;width:24px;height:24px}a.page__header-nav svg line{stroke:#fff;stroke-width:2px;stroke-linecap:round}a.page__header-nav:hover{color:#da5059;transition:color .3s}a.page__header-nav:hover svg line{transition:stroke .3s;stroke:#da5059}#page__header.page__header--onpage{background-color:#000;box-shadow:0 2px 5px rgba(0,0,0,.5);transition:all .5s}#page__header.page__header--onpage .svg-logo__avatar{fill:#fff}#page__header.page__header--onpage .svg-logo__type{fill:#fff}#page__header.page__header--onpage .page__header-share{color:#fff}#page__header.page__header--onpage .page__header-share svg{fill:#fff;stroke:#fff}#page__header.page__header--onpage .page__header-share:hover circle:first-of-type{color:#da5059;fill:#da5059;stroke:none}#page__header.page__header--onpage .page__header-nav svg line{stroke:#fff}#nav__site{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity .5s;display:none;z-index:999;background-color:rgba(0,0,0,.85)}#nav__site-container{width:300px;height:100%;box-shadow:0 5px 10px rgba(0,0,0,.5);overflow-y:auto;overflow-x:hidden;background-color:#24292d;align-items:flex-start;float:right}#nav__site-header{width:100%;padding:0 15px;box-sizing:border-box}#nav__site-header svg{fill:#fff}#nav__site.nav__site-visible{display:block;opacity:1;transition:opacity .5s}#nav__site-close{position:absolute;right:18px;top:22px;width:14px;height:14px;cursor:pointer}#nav__site-close:hover svg{transition:fill .3s;fill:#da5059}#nav__site-close svg{fill:#fff}#nav__site-container ul{padding:46px 20px 20px;margin:0;list-style:none}#nav__site-container ul li{padding:0;margin:0;list-style:none}#nav__site-container ul li a{display:block;padding:12px 10px;text-decoration:none;color:#fff;transition:color .3s;font-family:"Skolar PE,Georgia,Times New Roman,Times,serif";font-size:18px;text-transform:uppercase}#nav__site-container ul li a:hover{color:#da5059}@media (max-width:992px){.page__header-share,a.page__header-nav{font-size:0}}@keyframes share{from{fill:none;stroke:none;stroke-dasharray:0;stroke-dashoffset:0}to{stroke:#da5059;stroke-dasharray:15;stroke-dashoffset:0}}@keyframes sharecirc{from{fill:none;stroke:none}80%{fill:none}to{stroke:none;fill:#da5059}}