@import url(https://fonts.googleapis.com/css?family=Roboto);@import url(https://fonts.googleapis.com/css?family=Open+Sans);@import url(https://fonts.googleapis.com/css?family=Raleway);@import url(https://fonts.googleapis.com/css?family=Oswald);.nav{position:fixed;width:180px;height:90px;top:0;left:10%;z-index:100;background-color:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;-webkit-box-shadow:0 3px 3px 1px rgba(0,0,0,0.15);box-shadow:0 3px 3px 1px rgba(0,0,0,0.15);-webkit-transition:ease-in-out, opacity 0.5s ease-in-out;transition:ease-in-out, opacity 0.5s ease-in-out}@media screen and (max-width: 868px){.nav{left:0px;width:180px;height:75px;padding:10px}}.nav.fixed{height:50px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;left:calc(6% + 100px);width:calc((100% - 200px) * .86);background-color:rgba(150,150,150,0.9)}@media screen and (max-width: 1030px) and (min-width: 768px){.nav.fixed{left:calc((50% - 26px)*.24);width:calc((100% - 80px) * .86)}}@media screen and (max-width: 767px){.nav.fixed{left:20px;width:calc(100% - 40px)}}.nav.fixed .brand-logo{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition:width 0.5s;transition:width 0.5s;vertical-align:top}@media screen and (max-width: 767px){.nav.fixed .brand-logo{vertical-align:text-bottom}}.nav.fixed .brand-logo img{height:30px;width:auto}@media screen and (max-width: 767px){.nav.fixed .brand-logo img{height:18px}}@media screen and (max-width: 767px){.nav.fixed .brand-logo img:nth-child(2){display:none}}.nav .nav-down{display:none;list-style:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding-left:0px;margin:0px;vertical-align:text-bottom;margin-top:3px}@media screen and (max-width: 767px){.nav .nav-down{display:inline}}.nav .nav-down p{font-size:1em}.nav .nav-down span{color:#ababab}.nav .nav-down li{display:inline-block;text-align:center;margin:0px 4px;-webkit-transition:width .6s;transition:width .6s}@media screen and (max-width: 767px){.nav .nav-down li{margin:0px}}.nav .nav-down img{height:25px;display:inline-block;display:none}.nav .nav-down p{display:inline-block;margin:0px;color:#ddd;-webkit-transition:color .5s;transition:color .5s}.nav .nav-down p:hover{color:#fff}@media screen and (max-width: 767px){.nav .nav-down p{font-size:12px}}.nav .desktop-hide{display:none}.nav .brand-logo,.nav .brand-logo>img{height:50px;width:auto;display:block;text-align:center;margin:0px auto;-webkit-transition:height 0.8s;transition:height 0.8s}@media screen and (max-width: 868px){.nav .brand-logo,.nav .brand-logo>img{text-align:center;height:55px}}.nav .float-right{float:right;height:100%}.nav .float-right>*{float:right}.nav .float-right>a{height:20px;width:20px;border-radius:50%;border:1px solid #999;color:#999;font-size:1em;margin-top:4px;text-align:center;line-height:20px;margin-right:5px}.nav .float-right>a:first-of-type{width:auto;border-radius:20px;padding:0 5px}.nav .navbar{list-style:none;margin:0;padding:0;height:100%}.nav .navbar>li{display:inline-block;position:relative}.nav .navbar>li .sub-navbar{list-style:none;position:absolute;top:calc(100%);left:-6.5px;width:100%;padding:0;padding-top:11px;background-color:#FFF;border:1px solid #EEE;border-top:1px solid #FFF;z-index:101;-webkit-box-shadow:0 3px 3px 1px rgba(0,0,0,0.15);box-shadow:0 3px 3px 1px rgba(0,0,0,0.15);font-size:1em;opacity:0;display:none}@media screen and (max-width: 1130px){.nav .navbar>li .sub-navbar{width:170%;left:-30px}}.nav .navbar>li .sub-navbar>li{display:block;text-align:center;padding:0px 15px;position:relative}.nav .navbar>li .sub-navbar>li>a{display:block;padding:10px 0;border-bottom:2px solid #102A7C;position:relative;-webkit-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out}@media screen and (max-width: 767px){.nav .navbar>li .sub-navbar>li>a{border-bottom:none}}.nav .navbar>li .sub-navbar>li>a:hover{color:#999}.nav .navbar>li .sub-navbar>li.all>a{color:#333;border:1px solid #999;padding:7px 0;font-size:1em}.nav .navbar>li .sub-navbar>li.all>a:after{content:none}.nav .navbar>li .sub-navbar>li.all>a:hover{border:1px solid #444;color:#444;background:-webkit-gradient(linear, right bottom, left top, from(#eee), to(#fff));background:linear-gradient(to left top, #eee, #fff)}.nav .navbar>li .sub-navbar>li:last-child>a{border-bottom:0}.nav .navbar>li .sub-navbar>li>.sub-sub-navbar{list-style:none;position:absolute;top:calc(100%);left:-6.5px;width:100%;padding:0;padding-top:11px;background-color:#FFF;border:1px solid #EEE;border-top:1px solid #FFF;z-index:101;-webkit-box-shadow:0 3px 3px 1px rgba(0,0,0,0.15);box-shadow:0 3px 3px 1px rgba(0,0,0,0.15);font-size:1em;opacity:0;display:none;top:0;left:100%;padding-top:0}.nav .navbar>li .sub-navbar>li>.sub-sub-navbar>li{display:block;text-align:center;padding:0px 15px;position:relative}.nav .navbar>li .sub-navbar>li>.sub-sub-navbar>li>a{display:block;padding:10px 0;border-bottom:2px solid #102A7C;position:relative;-webkit-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out}@media screen and (max-width: 767px){.nav .navbar>li .sub-navbar>li>.sub-sub-navbar>li>a{border-bottom:none}}.nav .navbar>li .sub-navbar>li>.sub-sub-navbar>li>a:hover{color:#999}.nav .navbar>li .sub-navbar>li>.sub-sub-navbar>li.all>a{color:#333;border:1px solid #999;padding:7px 0;font-size:1em}.nav .navbar>li .sub-navbar>li>.sub-sub-navbar>li.all>a:after{content:none}.nav .navbar>li .sub-navbar>li>.sub-sub-navbar>li.all>a:hover{border:1px solid #444;color:#444;background:-webkit-gradient(linear, right bottom, left top, from(#eee), to(#fff));background:linear-gradient(to left top, #eee, #fff)}.nav .navbar>li .sub-navbar>li>.sub-sub-navbar>li:last-child>a{border-bottom:0}@media screen and (max-width: 1130px){.nav .navbar>li .sub-navbar>li>.sub-sub-navbar{width:170%;left:-30px}}.nav .navbar>li .sub-navbar>li>.sub-sub-navbar>li>a{border-bottom:2px solid #CCC}.nav .navbar>li .sub-navbar>li>.sub-sub-navbar>li>a:after{content:none}.nav .navbar>li .sub-navbar>li:hover>.sub-sub-navbar{display:block;-webkit-animation:fadeIn 0.2s ease-out forwards;animation:fadeIn 0.2s ease-out forwards}.nav .navbar>li:hover>a:before{width:calc(100% - 20px*2 - 8px)}.nav .navbar>li:hover>.sub-navbar{display:block;-webkit-animation:fadeIn 0.2s ease-out forwards;animation:fadeIn 0.2s ease-out forwards}.nav .navbar>li.active>a:before{width:calc(100% - 20px*2 - 8px)}.nav .navbar>li>a{display:inline-block;line-height:30px;height:100%;width:auto;padding-left:30px;position:relative;font-size:1em}@media screen and (min-width: 665px) and (max-width: 1130px){.nav .navbar>li>a{padding-left:5px}}.nav .navbar>li>a:after{content:'|';margin-left:30px;color:#CCC;cursor:default}@media screen and (min-width: 665px) and (max-width: 1130px){.nav .navbar>li>a:after{margin-left:5px}}.nav .navbar>li>a:before{content:'';position:absolute;bottom:0;left:20px;height:3px;width:0px;background-color:#102A7C;-webkit-transition:width 0.2s ease-out;transition:width 0.2s ease-out}footer{position:relative;width:100%;overflow:hidden}.center-content{margin-top:0px;padding:1px;color:#888;background-color:#444444;width:100%;height:229px;margin:0px auto;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width: 867px){.center-content{height:110px}}.center-content .footer-content{margin:20px auto 5px auto;width:90%;color:#ccc;font-size:1rem;line-height:24px;white-space:nowrap}.center-content .footer-content ul{display:inline-table;padding:0px 2% 0px 2%}@media screen and (max-width: 867px){.center-content .footer-content ul{padding:0;width:100%;text-align:center}.center-content .footer-content ul .mobile-hide{display:none}}.center-content .footer-content ul:nth-child(4){border-right:1px solid #ccc}.center-content .footer-content ul li{list-style:none;font-size:1rem;margin:2px 0px}.center-content .footer-content ul li i{margin-right:6px}.center-content .footer-content ul li h4{margin:0px;color:#fff;font-size:1.1rem;margin-bottom:7px;color:#f8bf3c}.center-content .footer-content ul li a:hover{color:#fff}.center-content .footer-content .footer-content-logo{margin-top:100px;margin-left:20%;float:right;color:#999;list-style:none;font-size:1em;line-height:18px}@media screen and (max-width: 867px){.center-content .footer-content .footer-content-logo{padding:0;margin:0;text-align:center;float:none}}@media screen and (max-width: 1230px){.center-content .footer-content .footer-content-logo{margin-top:0;text-align:center}}.center-content .footer-content .footer-content-logo ul{margin-top:-10px;margin-bottom:0px}.center-content .footer-content .footer-content-logo ul:nth-child(1){padding-right:0px;border-right:none;white-space:normal}.center-content .footer-content .footer-content-logo ul li{list-style:none}.mobile{display:none}.desktop{display:block}@media screen and (max-width: 867px){.mobile{display:block}.desktop{display:none !important}#menu-icon{position:absolute;left:-9999px}#menu-icon:checked ~ .float-right .navbar{left:0vw}#menu-icon:checked ~ .float-right .menu-background{z-index:1;position:fixed;opacity:1}#menu-icon:checked+.menu-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:1}#menu-icon:checked+.menu-icon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:none;box-shadow:none}.menu-icon{display:inline-block;position:relative;height:30px;width:30px;background-color:#FFF;border:1px solid #EEE;float:left;margin-right:15px;z-index:101}.menu-icon:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:2.5px;border-radius:2.5px;width:60%;background-color:#555;-webkit-box-sizing:padding-box;box-sizing:padding-box;-webkit-box-shadow:0 6px 0 0 #555, 0 -6px 0 0 #555;box-shadow:0 6px 0 0 #555, 0 -6px 0 0 #555;-webkit-transition:-webkit-transform 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;transition:-webkit-transform 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;transition:transform 0.2s ease-out, box-shadow 0.2s ease-out;transition:transform 0.2s ease-out, box-shadow 0.2s ease-out, -webkit-transform 0.2s ease-out, -webkit-box-shadow 0.2s ease-out}.menu-icon:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:60%;width:2.5px;-webkit-box-sizing:padding-box;box-sizing:padding-box;background-color:#555;opacity:0;-webkit-transition:opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;transition:opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;transition:transform 0.2s ease-out, opacity 0.2s ease-out;transition:transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out}.menu-background{display:block;position:absolute;z-index:-100;background-color:rgba(0,0,0,0.6);height:100%;width:100%;top:0;left:0;opacity:0;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.nav .navbar{position:fixed;top:0;left:-60vw;background-color:#fff;width:60vw;padding:50px 0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:left 0.2s ease-out;transition:left 0.2s ease-out;z-index:100}.nav .navbar li{display:block;margin-bottom:10px;text-align:center}.nav .navbar li:hover>a:before{width:0}.nav .navbar li.active>a:before{width:calc(100% - 20px*2)}.nav .navbar li>a{padding-right:30px}.nav .navbar li>a:after{content:'';margin:0;position:absolute;top:calc(100% + 5px);width:calc(100%);height:2px;left:0;background-color:#CCC}.nav .navbar li>.sub-navbar{position:relative;padding:11px 25px;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;-webkit-box-shadow:none;box-shadow:none;left:0;background-color:#EEE;-webkit-box-shadow:inset 0 2px 5px 0 #999;box-shadow:inset 0 2px 5px 0 #999;margin-top:5px}.nav .navbar li>.sub-navbar>li:hover>.sub-sub-navbar{display:none;opacity:0}.nav .navbar li>.sub-navbar>li.active>.sub-sub-navbar{display:block;opacity:1}.nav .navbar li>.sub-navbar>li>.sub-sub-navbar{left:0;border:0;top:100%;-webkit-box-shadow:inset 0 1px 2px 0 #999;box-shadow:inset 0 1px 2px 0 #999;position:relative}.nav .navbar li:hover .sub-navbar{display:none}.nav .navbar li.active>.sub-navbar{display:block;-webkit-animation:fadeIn .2s ease-out forwards;animation:fadeIn .2s ease-out forwards}}*{font-family:'Roboto', sans-serif;line-height:1.6em;letter-spacing:0.1em}h1{color:#444;font-family:'Oswald';font-size:22pt}h2{color:#fff;font-family:'Roboto', sans-serif;font-size:18pt}h5{font-weight:800;margin-bottom:10px;font-size:14px}p{color:#666;font-family:'Roboto', sans-serif;font-size:14px;line-height:1.6em;letter-spacing:0.1em}a{text-decoration:none;color:inherit}.search-bar{height:auto;width:auto;position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}.search-bar input{height:30px;width:30px;padding:1px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0.7em;border:1.5px solid transparent;border-radius:30px;cursor:pointer;background-color:transparent;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;color:transparent}.search-bar input::-webkit-input-placeholder{color:transparent}.search-bar input:-ms-input-placeholder{color:transparent}.search-bar input::-ms-input-placeholder{color:transparent}.search-bar input::placeholder{color:transparent}.search-bar input:invalid{-webkit-box-shadow:none;box-shadow:none}.search-bar input:hover{border:1.5px solid #fff;-webkit-box-shadow:0 0 1.5px 1.5px #eee;box-shadow:0 0 1.5px 1.5px #eee}.search-bar input:focus,.search-bar input:valid{width:100px;border:1.5px solid #ccc;outline:none;cursor:auto;background-color:#fff;color:#000}.search-bar input:focus::-webkit-input-placeholder,.search-bar input:valid::-webkit-input-placeholder{color:#999}.search-bar input:focus:-ms-input-placeholder,.search-bar input:valid:-ms-input-placeholder{color:#999}.search-bar input:focus::-ms-input-placeholder,.search-bar input:valid::-ms-input-placeholder{color:#999}.search-bar input:focus::placeholder,.search-bar input:valid::placeholder{color:#999}.search-bar input:focus+.search-icon,.search-bar input:valid+.search-icon{z-index:0;border-color:#ccc;right:20px}.search-bar input:focus+.search-icon:after,.search-bar input:valid+.search-icon:after{background-color:#ccc}.search-bar input:focus+i,.search-bar input:valid+i{z-index:0;right:10px}.search-bar i{font-size:1rem;color:#999;position:absolute;top:5px;right:8px;z-index:-1;cursor:pointer}.search-icon{display:inline-block;height:15px;width:15px;border-radius:50%;border:1.5px solid #fff;position:absolute;right:12px;top:8px;z-index:-1}.search-icon:after{content:'';position:absolute;top:14.3025px;left:12.8025px;-webkit-transform:rotate(45deg);transform:rotate(45deg);height:1.5px;width:7.5px;background-color:#fff;border-radius:10px}html,body{height:100%;width:100%;margin:0;padding:0;font-size:14px}.web-title{width:100%;margin:0;z-index:5;line-height:22px}.web-title .ch{display:inline-block;font-size:14px;padding:3px 20px;background-color:rgba(162,162,162,0.7);color:#fff;position:absolute;font-weight:normal}@media screen and (min-width: 867px){.web-title .ch{left:10%;top:110px}}@media screen and (max-width: 867px){.web-title .ch{left:0px;top:80px}}.web-title .en{position:absolute;top:100%;padding:5px 20px;left:0%;font-size:14px;background-color:rgba(100,100,100,0.75);line-height:20px;width:auto;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;white-space:nowrap}.banner{width:100%;overflow:hidden;display:block}.banner img.big{width:100%;display:block}.banner img.small{display:none}@media screen and (max-width: 640px){.banner{max-height:100%}.banner img.big{display:none}.banner img.small{display:block;width:100%}}.banner.gradient{background:-webkit-gradient(linear, left top, right top, from(#e2e2e2), to(rgba(254,254,254,0)));background:linear-gradient(to right, #e2e2e2 0%, rgba(254,254,254,0) 100%);position:absolute;z-index:0;height:370px;margin:0px}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}html{font-size:87.5%}body{margin:0}