.container { width: 1200px; margin: 0 auto; }

.yl-Tit .t-ch { font-size: 24px; color: #333;font-weight: bold;display: inline-block; }

.yl-Tit .t-en { font-size: 12px; color: #999; display: inline-block;}

.rightFixed { position: fixed; top: 20%; right: 0; z-index: 99; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; background: #fff; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); }

.rightFixed.on { right: -100px; }

.rightFixed.on .btn { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.rightFixed .btn { display: block; width: 25px; height: 42px; background: url("/imp_file/VNM/vn/static/images/yl-jt2.png") no-repeat center; position: absolute; left: -25px; top: 50%; margin-top: -21px; }

.rightFixed ul li { padding: 0 5px; }

.rightFixed ul li:last-child a { border-bottom: none; }

.rightFixed ul li a { display: block; width: 90px; font-size: 13px; color: #333; padding: 10px 0; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.2); opacity: 0.6; }

.rightFixed ul li a img { margin: 0 auto 5px; }

.rightFixed ul li a:hover { opacity: 1; }

.YL-header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); z-index: 100; }

.YL-header .header-con { width: 1220px; margin: 0 auto; }

.YL-header .header-con .yl-logo { float: left; padding: 20px 0; }

.YL-header .header-con .yl-logo a { display: block; }

.YL-header .header-con .yl-nav { float: left; }

.YL-header .header-con .yl-nav ul li { float: left; margin: 0; }

.YL-header .header-con .yl-nav ul li > a {display: block;font-size: 12px;color: #333;line-height: 20px;padding: 30.5px 3px;position: relative;}

.YL-header .header-con .yl-nav ul li.on > a { font-weight: bold; }

.YL-header .header-con .yl-nav ul li.on > a:before { content: ''; width: 30px; height: 3px; background: #333; position: absolute; bottom: 0; left: 50%; margin-left: -15px; }

.YL-header .header-con .yl-nav ul li:hover > a { font-weight: bold; }

.YL-header .header-con .yl-nav ul li:hover > a:before { content: ''; width: 30px; height: 3px; background: #333; position: absolute; bottom: 0; left: 50%; margin-left: -15px; }

.YL-header .header-con .yl-nav ul li:hover .navChild { opacity: 1; height: auto; z-index: 1; }

.YL-header .header-con .yl-nav ul li .navChild { width: 100%; height: 0; position: absolute; top: 100%; left: 0; background: #f2f2f2; -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); overflow: hidden; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; opacity: 0; z-index: -1; }

.YL-header .header-con .yl-nav ul li .navChild.dl_1 .navChild-con dl { width: 100%; }

.YL-header .header-con .yl-nav ul li .navChild.dl_2 .navChild-con dl { width: 49%; margin-right: 2%; }

.YL-header .header-con .yl-nav ul li .navChild.dl_3 .navChild-con dl { width: 31.33%; margin-right: 3%; }

.YL-header .header-con .yl-nav ul li .navChild.dl_4 .navChild-con dl { width: 23.5%; margin-right: 2%; }

.YL-header .header-con .yl-nav ul li .navChild.dl_5 .navChild-con dl { width: 18.5%; margin-right: 1.875%; }

.YL-header .header-con .yl-nav ul li .navChild .navChild-con { width: 1200px; margin: 0 auto; }

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl { float: left; width: 14.666%; margin-right: 2%; padding: 10px 0 30px 0; }

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl:last-child { margin-right: 0; }

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl dt { padding: 18px 0; border-bottom: 1px solid #e5e5e5; background: url("/imp_file/VNM/vn/static/images/nav-jt.png"/*tpa=/imp_file/global/cn/static/images/nav-jt.png*/) no-repeat center right; }
.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl .pano{padding: 5px 0;}
.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl dt span { display: block; font-size: 18px; color: #333; font-weight: bold; padding-left: 35px; line-height: 26px; background-repeat: no-repeat; background-position: left center; }

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl dt span a { display: block; color: #333; }

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl dd { margin: 10px 0; padding-left: 15px; position: relative; }

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl dd:before { content: ''; width: 6px; height: 6px; background: #999; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 50%; left: 0; margin-top: -2.5px; }

.YL-header .header-con .yl-nav ul li .navChild .navChild-con dl dd a { display: inline-block; color: #333; }

.YL-header .header-con .yl-nav ul li .navChild.f-world { text-align: center; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navChild-con { padding: 40px 0; }

.YL-header .header-con .yl-nav ul li .navChild.f-world p { display: inline-block; font-size: 18px; color: #333; font-weight: bold; line-height: 66px; padding-left: 135px; background-repeat: no-repeat; background-position: center left; -moz-background-size: 104px; background-size: 104px; }

.YL-header .header-con .yl-nav ul li .navChild.f-world p span { display: inline-block; color: #999; margin-left: 20px; }

.YL-header .header-con .yl-nav ul li .navChild.f-world p a { display: inline-block; width: 85px; height: 39px; font-size: 12px; font-weight: normal; color: #fff; line-height: 39px; text-align: center; margin-left: 20px; background: url("/imp_file/VNM/vn/static/images/bg-color.png"/*tpa=/imp_file/global/cn/static/images/bg-color.png*/) no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap { margin: 10px auto 0; padding: 45px 115px 0; border-top: 1px solid #e5e5e5; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link { float: left; width: 370px; position: relative; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link ol { width: 110px; height: 328px; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link ol li { width: 100%; margin: 0; background: #e2e2e2; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link ol li:last-child { background: #333; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link ol li:last-child a { color: #fff; border: none; background: url("/imp_file/VNM/vn/static/images/Btn-r-on.png"/*tpa=/imp_file/global/cn/static/images/Btn-r-on.png*/) no-repeat center right 10px; -moz-background-size: 7px; background-size: 7px; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link ol li.active { background: #fff; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link ol li a { display: block; font-size: 14px; font-weight: bold; padding: 11px 0; border-bottom: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link ol li a:hover:before { display: none; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link .navMap-link-con { float: left; width: 260px; height: 100%; position: absolute; top: 0; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link .navMap-link-con .navMap-link-item { display: block; width: 100%; height: 100%; overflow: hidden; background: #fff; position: absolute; top: 0; left: 0; opacity: 0; padding: 20px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link .navMap-link-con .navMap-link-item.active { opacity: 1; z-index: 6; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link .navMap-link-con .navMap-link-item dl { float: none; width: 100% !important; margin-right: 0; padding: 0 20px; text-align: left; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link .navMap-link-con .navMap-link-item dl dd { margin: 5px 0; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-link .navMap-link-con .navMap-link-item dl dd:hover { background: #e2e2e2; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-img { float: left; width: 600px; }

.YL-header .header-con .yl-nav ul li .navChild.f-world .navMap .navMap-img img { width: 100%; }

.YL-header .header-con .yl-lang { float: right; }

.YL-header .header-con .yl-lang ul li { float: left; padding-left: 11px; }

.YL-header .header-con .yl-lang ul li > a { display: inline-block; font-size: 12px; color: #333; }

.YL-header .header-con .yl-lang ul li.chn > a { line-height: 20px; margin: 30.5px 0; position: relative; }

.YL-header .header-con .yl-lang ul li.search > a:before { content: '|'; color: #333; position: absolute; left: -10px; top:50%;margin-top: -10px;}

.YL-header .header-con .yl-lang ul li.search > a {position: relative; display: block; width: 28px; height: 39px; margin: 21px 0; background: url("/imp_file/VNM/vn/static/images/search2.png"/*tpa=/imp_file/global/cn/static/images/search2.png*/) no-repeat center; }

.YL-header .header-con .yl-lang ul li.search .search-popup { position: absolute; top: 100%; left: 0; width: 100%; height: 0; overflow: hidden; background: #f2f2f2; -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); opacity: 0; z-index: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.YL-header .header-con .yl-lang ul li.search .search-popup.on { opacity: 1; height: auto; z-index: 1; }

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con { width: 660px; margin: 30px auto 30px; }

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select { float: left; width: 200px; margin-right: 20px; position: relative; }

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select.on:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select.on dl { display: block; }

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select:before { content: ''; display: block; width: 24px; height: 24px; background: url("/imp_file/VNM/vn/static/images/s-p-jt.png"/*tpa=/imp_file/global/cn/static/images/s-p-jt.png*/) no-repeat center; position: absolute; top: 10px; right: 0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select input { display: block; width: 100%; border: none; text-align: center; height: 46px; line-height: 46px; background: #f2f2f2; border-bottom: 2px solid #cecece; outline: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select dl { display: none; padding-top: 10px; }

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select dl dd { text-align: left; padding-left: 15px; position: relative; margin-left: 64px; margin-top: 5px; margin-bottom: 5px; cursor: pointer; }

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select dl dd a { font-size: 14px; color: #333; }

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-select dl dd:before { content: ''; width: 6px; height: 6px; background: #999; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 50%; left: 0; margin-top: -2.5px; }

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-int { float: left; width: 440px; position: relative; }

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-int input.t { display: block; width: 100%; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; height: 46px; line-height: 46px; padding-right: 50px; background: #f2f2f2; border-bottom: 2px solid #cecece; outline: none; }

.YL-header .header-con .yl-lang ul li.search .search-popup .search-popup-con .s-p-int .b { display: block; width: 46px; height: 46px; background: url("/imp_file/VNM/vn/static/images/s-p-search.png"/*tpa=/imp_file/global/cn/static/images/s-p-search.png*/) no-repeat center; border: none; position: absolute; top: 0; right: 0; }

.YL-header .header-con .yl-lang ul li.language > a { display: block; font-size: 12px; color: #333; padding: 31.5px 0 31.5px 20px; background: url("/imp_file/VNM/vn/static/images/loca.png"/*tpa=/imp_file/global/cn/static/images/loca.png*/) no-repeat center left; }

.YL-header .header-con .yl-lang ul li.language:hover .lang-popup { opacity: 1; height: auto; z-index: 1; }

.YL-header .header-con .yl-lang ul li.language .lang-popup { position: absolute; top: 100%; left: 0; width: 100%; height: 0; overflow: hidden; background: #f2f2f2; -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); z-index: 2; opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.YL-header .header-con .yl-lang ul li.language .lang-popup .lang-popup-con { width: 1200px; margin: 0 auto; padding: 10px 0 30px 0; text-align: center; }

.YL-header .header-con .yl-lang ul li.language .lang-popup .lang-popup-con span { display: block; font-size: 18px; color: #333; font-weight: bold; padding: 10px 0; border-bottom: 1px solid #e5e5e5; }

.YL-header .header-con .yl-lang ul li.language .lang-popup .lang-popup-con dl { width: 80%; margin: 20px auto 0; }

.YL-header .header-con .yl-lang ul li.language .lang-popup .lang-popup-con dl dd { float: left; width: 25%; height: 24px; line-height: 24px; text-align: left; margin: 6px 0; }

.YL-header .header-con .yl-lang ul li.language .lang-popup .lang-popup-con dl dd a { display: inline-block; font-size: 14px; color: #333; padding-left: 15px; position: relative; }

.YL-header .header-con .yl-lang ul li.language .lang-popup .lang-popup-con dl dd a:before { content: ''; width: 6px; height: 6px; background: #999; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 50%; left: 0; margin-top: -2.5px; }

.YL-header .header-con .yl-lang ul li.open > a { width: 85px; height: 41px; color: #fff; line-height: 39px; text-align: center; margin: 20px 0; background: url("/imp_file/VNM/vn/static/images/bg-color.png"/*tpa=/imp_file/global/cn/static/images/bg-color.png*/) no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.footer { background: #202020; }

.footer .footer-con { width: 1200px; margin: 0 auto; }

.footer .footer-con .footer-top { padding: 25px 0 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.footer .footer-con .footer-top .footer-top-l { float: left; }
.footer .footer-con .footer-top .footer-top-l p{display: inline-block;}
.footer .footer-con .footer-top .footer-top-l p a { font-size: 32px; color: #fff; font-weight: bold; font-style: italic; padding-left: 40px; background: url("/imp_file/VNM/vn/static/images/phone.png"/*tpa=/imp_file/global/cn/static/images/phoneIcon.png*/) no-repeat left center; }

.footer .footer-con .footer-top .footer-top-l ul {margin-left: 30px; margin-top: 10px; display: inline-block;}

.footer .footer-con .footer-top .footer-top-l ul li { float: left; margin-right: 40px; }

.footer .footer-con .footer-top .footer-top-l ul li a { display: block; font-size: 14px; color: #fff; }

.footer .footer-con .footer-top .footer-top-r { float: right; }

.footer .footer-con .footer-top .footer-top-r .qr-img { float: left; }

.footer .footer-con .footer-top .footer-top-r .qr-img span { display: block; float: left; font-size: 14px; color: #fff; margin: 0 4px; text-align: center; }

.footer .footer-con .footer-top .footer-top-r .qr-img span img { width: 70px; margin: 0 0 4px; }

.footer .footer-con .footer-top .footer-top-r .f-share { float: left; padding-top: 8px; }

.footer .footer-con .footer-top .footer-top-r .f-share a {transition: all 0.3s; display: inline-block; float: left; width: 34px; height: 34px; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; margin: 0 5px; }

.footer .footer-con .footer-top .footer-top-r .f-share a.share-wechat { background: rgba(255, 255, 255, 0.2) url("https://upiowwebtest.unionpayintl.com/imp_file/VNM/vn/static/images/share-wechat.png"/*tpa=/imp_file/global/cn/static/images/share-wechat.png*/) no-repeat center; }

.footer .footer-con .footer-top .footer-top-r .f-share a.share-wechat:hover { background: white url("https://upiowwebtest.unionpayintl.com/imp_file/VNM/vn/static/images/share-wechat-on.png"/*tpa=/imp_file/global/cn/static/images/share-wechat-on.png*/) no-repeat center; }

.footer .footer-con .footer-top .footer-top-r .f-share a.share-weibo { background: rgba(255, 255, 255, 0.2) url("https://upiowwebtest.unionpayintl.com/imp_file/VNM/vn/static/images/share-weibo.png"/*tpa=/imp_file/global/cn/static/images/share-weibo.png*/) no-repeat center; }

.footer .footer-con .footer-top .footer-top-r .f-share a.share-weibo:hover { background: white url("https://upiowwebtest.unionpayintl.com/imp_file/VNM/vn/static/images/share-weibo-on.png"/*tpa=/imp_file/global/cn/static/images/share-weibo-on.png*/) no-repeat center; }

.footer .footer-con .footer-top .footer-top-r .f-share a.share-douyin { background: rgba(255, 255, 255, 0.2) url("https://upiowwebtest.unionpayintl.com/imp_file/VNM/vn/static/images/share-douyin.png"/*tpa=/imp_file/global/cn/static/images/share-douyin.png*/) no-repeat center; }

.footer .footer-con .footer-top .footer-top-r .f-share a.share-douyin:hover { background: white url("https://upiowwebtest.unionpayintl.com/imp_file/VNM/vn/static/images/share-douyin-on.png"/*tpa=/imp_file/global/cn/static/images/share-douyin-on.png*/) no-repeat center; }

.footer .footer-con .footer-top .footer-top-r .f-share a.share-sf { background: rgba(255, 255, 255, 0.2) url("https://upiowwebtest.unionpayintl.com/imp_file/VNM/vn/static/images/share-sf.png"/*tpa=/imp_file/global/cn/static/images/share-sf.png*/) no-repeat center; }

.footer .footer-con .footer-top .footer-top-r .f-share a.share-sf:hover { background: white url("https://upiowwebtest.unionpayintl.com/imp_file/VNM/vn/static/images/share-sf-on.png"/*tpa=/imp_file/global/cn/static/images/share-sf-on.png*/) no-repeat center; }
.footer .footer-con .footer-top .footer-top-r { float: right; }

.footer .footer-con .footer-top .footer-top-r .f-share { float: left; }

.footer .footer-con .footer-top .footer-top-r .f-share a { display: inline-block; float: left; width: 34px; height: 34px; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; opacity: 0.6; margin: 0 5px; }

.footer .footer-con .footer-top .footer-top-r .f-share a.share-f { background: url("/imp_file/VNM/vn/static/images/share-f.png") no-repeat center; }

.footer .footer-con .footer-top .footer-top-r .f-share a.share-t { background: url("/imp_file/VNM/vn/static/images/share-t.png") no-repeat center; }

.footer .footer-con .footer-top .footer-top-r .f-share a.share-in { background: url("/imp_file/VNM/vn/static/images/share-in.png") no-repeat center; }

.footer .footer-con .footer-top .footer-top-r .f-share a:hover { opacity: 1; }

.footer .footer-con .footer-bot { padding: 12px 0; overflow: hidden;text-align: center;}

.footer .footer-con .footer-bot p { font-size: 12px; color: #999; opacity: 0.8; }

.mCSB_container { width: auto; margin-right: 4px; overflow: hidden; }

.mCSB_container.mCS_no_scrollbar { margin-right: 0; }

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar { margin-right: 30px; }

.mCustomScrollBox > .mCSB_scrollTools { width: 10px; height: 100%; top: 0; right: 0; background: white; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: relative; height: 20px; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown { top: 100%; margin-top: -40px; }

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container { height: auto; margin-right: 0; overflow: hidden; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-bottom: 0; }

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-right: 0; margin-bottom: 30px; }

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools { width: 100%; height: 16px; top: auto; right: auto; bottom: 0; left: 0; overflow: hidden; }

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 0 20px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger { width: 30px; height: 100%; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { display: block; position: relative; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; float: left; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { margin-left: -40px; float: right; }

.mCustomScrollBox { -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/ }

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools { filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ }

.mCSB_scrollTools .mCSB_draggerRail { background: #545656; /* rgba fallback */ filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* old ie */ }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #666; /* rgba fallback */ filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ }

.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) */ }

.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) */ }

.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) */ }

.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) */ }

.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; /* old ie */ }

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.15); }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

/*light-2*/
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.9); }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; }

/*dark-2*/
.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; }

/*light-thick*/
.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.9); }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; }

/*dark-thick*/
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; }

/*light-thin*/
.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail { background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); }

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; }

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; }

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; }

/*dark-thin*/
.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail { background: none; /* rgba fallback */ }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; }

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }