@charset "utf-8";body,textarea{font:12px/1.5 Tahoma,Arial,'宋体',sans-serif;color:#333;background-color:#FFF}body.mainbg{background-color:#fff}div.mainborder{width:1000px;border:solid 1px #d5d5d5;margin:15px auto}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table tr td .row{padding-bottom:0}input,select,textarea,button{vertical-align:middle}img{border:0}ul,ol{list-style:none;margin:0;padding:0}li{list-style:none outside none}a:link{color:#333;text-decoration:none}a:visited{color:#333;text-decoration:none}a:hover{color:#004080;text-decoration:none}a:active{color:#333;text-decoration:none}.sc{width:100%;height:30px;border-bottom:1px #f3f3f3 solid;background:#333}.sc strong{font-weight:normal}.sc1{width:1000px;height:30px;margin:0 auto}.sc1 span{display:block;width:580px;float:right;line-height:30px;text-align:right;font-size:13px;color:#ccc}.sc1 span a{font-size:12px;color:#999}.sc1 font{display:block;width:400px;float:left;line-height:30px;text-align:left;font-size:13px;color:#ccc}#top{width:100%;height:130px;background:#fff;border-bottom:1px #f3f3f3 solid}#top1{width:1010px;height:100px}#logo{width:360px;height:80px;float:left;margin-top:15px;text-align:left}#dh{width:620px;height:auto;float:right;margin-top:30px;margin-left:30px}#dh ul{display:block;width:600px;height:50px;padding-left:20px}#dh ul li{display:block;float:left;width:100px;line-height:37px;margin:0;padding:0;list-style:none}#dh a{text-decoration:none;display:block;width:90px;height:50px;line-height:50px;color:#333;font-weight:normal;font-size:16px}#dh a:hover{border-bottom:2px #0080c0 solid;color:#000;background:#f9f9f9}#flash{width:100%;height:421px}.index_banner_cont{width:100%;position:relative}.index_banner_scroll{position:relative}.index_banner_scroll div{position:absolute;top:0;left:50%;margin-left:-950px;z-index:0}.banner_btn{width:196px;height:46px;position:absolute;top:45px;right:50%;margin-right:-593px;z-index:10}.banner_list{height:46px;position:absolute;top:0}.banner_list span{width:53px;height:2px;background-color:#fff;margin:0 6px;display:block;float:left;cursor:pointer}.banner_list span.current{background-color:#333}.banner_span{display:none;position:absolute;top:0}.banner_span a{width:49px;height:42px;opacity:.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;background-color:#fff;display:block;margin:0 6px;float:left;padding:2px}.banner_span a.current{opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1}.index-banner{width:1900px;position:relative;overflow:hidden;height:421px}.banner-ifo{width:1900px;position:absolute;left:50%;margin-left:-800px;top:0;height:421px;overflow:hidden;z-index:0}.index-btn{width:1179px;height:40px;margin:-40px auto 0 auto;background:url(/style/css/img/index-btnbg.png) repeat;z-index:100}.index-btn span{height:40px;float:left;border-right:1px solid #a7a7a7;color:#fff;line-height:40px;cursor:pointer}.index-btn a{background:url(/style/css/img/iebg.gif) repeat scroll;_position:relative;display:block;float:left;height:40px;line-height:200px;margin-top:-39px;width:294px}.index-btn span.cur,.index-btn span.cur1{background-color:#31bdeb}.btn1{width:179px;background:url(/style/css/img/btn1.png) no-repeat 80px center;padding-left:115px}.btn2{width:159px;background:url(/style/css/img/btn4.png) no-repeat 105px center;padding-left:135px}.btn3{width:164px;background:url(/style/css/img/btn3.png) no-repeat 100px center;padding-left:130px}.btn4{width:164px;background:url(/style/css/img/btn2.png) no-repeat 100px center;padding-left:130px}.browser{position:absolute;bottom:0;left:50%;margin-left:-590px;z-index:100}.index_menu{width:1180px;position:absolute;bottom:40px;left:50%;margin-left:-590px;z-index:101}.index_menu_item{width:257px;padding:20px 19px 0 19px;background-color:#fff}.index_menu_item div{padding:25px 0}.index_menu_item div a{width:123px;padding-left:5px;float:left;line-height:27px;font-family:"Microsoft YaHei";font-size:14px}.index_menu_item div img{width:258px;height:112px}.menuItem1{position:absolute;left:0;top:0}.menuItem2{position:absolute;left:295px;top:0}.menuItem3{position:absolute;left:590px;top:0}.menuItem4{position:absolute;left:884px;top:0}.menu-title .item-title{border-bottom:0;height:30px}#body{width:100%;height:auto;margin-top:20px;}#f1{width:1000px;height:auto;font:14px/24px "microsoft yahei";color:#999}.fuwu{width:306px;float:left;text-align:left}.fuwumrg{margin-left:10px;margin-left:41px;margin-right:41px}.fuwu h2{font:18px/50px "microsoft yahei";color:#ff8000}.fuwu h2 em{font:14px/50px Geneva,Arial,Helvetica,sans-serif;color:#999;margin-left:15px}.fuwu p{margin-top:10px}#f1 a{color:#ff8000;font:14px/50px "microsoft yahei";margin-top:10px}#f1 a:hover{text-decoration:underline}#f0{width:100%;height:auto;background:#f1f2f3;padding-top:15px;padding-bottom:15px;margin-bottom:15px}#f2{width:1000px;height:2px;clear:both;margin:30px auto;float:left;text-align:center}#f3{width:1000px;height:auto}#f3t{width:1000px;height:50px;text-align:left;margin:0 auto;padding-top:15px;padding-bottom:15px}#f3t h2{font-size:50px;color:#333;font-family:"微软雅黑";font-weight:500;line-height:50px;float:left;margin-left:10px}#f3t span{font-size:50px;color:#999;line-height:50px;float:left;margin-left:20px;font-family:"Times New Roman",Times,serif}#f3t p{font-size:12px;color:#999;display:block;float:left;line-height:20px;padding-top:5px;margin-left:20px;font-style:italic}#f3t a{font-size:30px;color:#0080c0;display:block;float:right;line-height:50px;font-family:Arial,Helvetica,sans-serif}#f3t a:hover{color:#ccc}#f3 ul{display:block;width:1000px;height:auto;padding:0;margin:0;float:left}#f3 li{display:block;width:230px;height:200px;margin:10px;float:left;list-style:none;position:relative;border:0;padding-bottom:10px}#f3 li a{display:block;background:#fff;margin:1px}#f3 li a:hover{text-decoration:none}#f3 li a span{display:none;text-align:center;font-size:16px}#f3 li a:hover span{color:#FFF;display:block;background-color:#800000;width:230px;position:absolute;top:0;left:0;line-height:40px}#f3 li a img{width:228px;height:200px;border:0}#f4{width:1000px;height:auto;padding-top:20px}#f41{width:234px;height:auto;float:left;margin-right:8px;margin-left:8px}#f41 h2 a{font:18px/35px "microsoft yahei"}#f41 ul{display:block;width:234px;height:auto;margin-top:10px}#f41 ul li{display:block;width:224px;line-height:28px;text-align:left;font-size:13px;padding-left:14px;background:url(/style/css/img/li_a.gif) left no-repeat;list-style:none}.hzt{display:block;width:180px;line-height:35px;text-align:left;padding-left:50px;font-size:18px;background:url(/style/css/img/features_icons.png) left no-repeat;border-bottom:1px #dbdbdb solid}.wzt{display:block;width:180px;line-height:35px;text-align:left;padding-left:50px;font-size:18px;background:url(/style/css/img/wzjstb.png) left no-repeat;border-bottom:1px #dbdbdb solid}.yht{display:block;width:180px;line-height:35px;text-align:left;padding-left:50px;font-size:18px;background:url(/style/css/img/yht.png) left no-repeat;border-bottom:1px #dbdbdb solid}.xzt{display:block;width:180px;line-height:35px;text-align:left;padding-left:50px;font-size:18px;background:url(/style/css/img/xzt.png) left no-repeat;border-bottom:1px #dbdbdb solid}#foot{width:100%;height:auto;margin-top:20px;background:#181818;padding-top:10px;padding-bottom:30px;border-top:1px solid #292929}#foot1{width:1030px;height:120px;padding-bottom:10px}.db{width:100px;height:auto;float:left;color:#777;text-align:center;margin-right:35px}.db a{color:#777}.db a:hover{color:#fff}.db h2{color:#ccc;font:16px/30px "microsoft yahei"}.db ul{display:block;width:100px;height:auto;margin-top:10px}.db ul li{list-style:none}.db ul li a{display:block;line-height:23px;list-style:none;font-size:12px}.ly{width:470px;margin-left:20px;height:auto;float:left;text-align:right;line-height:30px}.ly ul{display:block;width:470px;height:auto;margin-top:0}.ly ul li{line-height:25px;list-style:none;color:#777;font-size:12px}.ly ul li a{line-height:25px;list-style:none;color:#777;font-size:12px}.ly1{font-size:14px;color:#ccc}.weixin{width:130px;float:left}.link{width:1030px;height:auto;border-top:1px solid #292929;margin-top:15px}.link ul{display:block;width:1000px;height:auto;margin:0;padding:0}.link ul li{float:left;display:block;list-style:none;line-height:25px}.link ul li a{color:#777}#step{width:100%;margin-top:20px;padding-top:30px;border-top:1px #ccc dashed}.step_box{width:1020px;margin:0 auto;text-align:left;border-bottom:1px #e0e0e0 solid;padding-bottom:30px;overflow:hidden}#step dl{float:left;border-right:1px solid #ccd0d9;padding-right:28px;margin-right:27px;height:40px;overflow:hidden}#step dl dt{width:30px;float:left;font-family:Arial;font-size:42px;padding-top:4px;height:36px;overflow:hidden;line-height:40px}#step dl dd{font-size:14px;float:left}#haiiskefu2{width:112px;position:fixed;right:-80px;top:50%;margin-top:-283px;z-index:999}#haiiskefu2 .kfleft2{width:32px;height:168px;background:url(/style/css/img/kefu.png) no-repeat;cursor:pointer;float:left}#haiiskefu2 ul{width:80px;height:566px;background:url(/style/css/img/kefu1.png) no-repeat;float:left}#haiiskefu2 ul li{list-style:none}#haiiskefu2 ul li a{width:80px;height:80px;display:block;margin-bottom:1px;background:#EEE;-moz-opacity:.2;filter:alpha(opacity=40);opacity:.2}#haiiskefu2 ul li a:hover{-moz-opacity:0;filter:alpha(opacity=0);opacity:0;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear}#haiiskefu{width:112px;position:fixed;right:-80px;top:50%;margin-top:-283px;z-index:999}#haiiskefu .kfleft{width:32px;height:168px;background:url(/style/css/img/kefu.gif) no-repeat;cursor:pointer;margin-left:-240px}#haiiskefu ul{width:80px;height:566px;background:url(/style/css/img/kefu1.png) no-repeat;margin-left:-128px;margin-top:-168px}#haiiskefu ul li{list-style:none}#haiiskefu ul li a{display: block;margin-bottom: -4px;opacity: 0.2;}#haiiskefu ul li a:hover{-moz-opacity:0;filter:alpha(opacity=0);opacity:0;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear}*html #haiiskefu{position:absolute;right:expression(eval(document.documentElement.scrollLeft))-80;top:expression(eval(document.documentElement.scrollTop))-283}#fenban{width:100%;height:275px;text-align:center;overflow:hidden;border-top:1px #ccc solid}#con{min-height:700px;margin:0 auto;padding-top:20px;}#left{width:720px;height:auto;float:left}#left h2{display:block;width:720px;padding-left:20px;line-height:40px;font-size:18px;border-bottom:1px #ccc solid;color:#004080;text-align:left;background-color:#f7f7f7}#nr{width:700px;line-height:28px;text-align:left;margin-top:15px;margin-left:auto;margin-right:auto;font-family:"微软雅黑"}#right{margin-top:40px;width:220px;height:auto;margin-left:40px;float:left;text-align:left}#right h2{display:block;width:200px;border-bottom:1px #004080 solid;padding-left:10px;color:#000;background-color:#f1f1f1;font:normal 16px/35px "microsoft yahei"}#right dl{margin-bottom:10px;height:auto}#right dl dd{list-style:none;width:200px;line-height:35px;padding-left:10px;border-bottom:1px #ccc solid;text-align:left}#right dl a{color:#666;font-weight:500;font-size:14px}#right dl a:hover{color:#004080;font-size:14px}.gywm{width:960px;height:30px;margin-top:30px}.gywm ul{margin:0;padding:0;display:block;height:auto}.gywm ul li{list-style:none;float:left;line-height:30px;margin-right:20px}.gywm li a{display:block;height:30px;width:100px;background:#ccc;color:#000;font-weight:500;font-size:14px}.gywm li a:hover{background:#ff8000;color:#fff}.tc{width:920px;height:auto;text-align:left;margin-top:30px}.tc ul{display:block;width:920px;height:auto;padding:0;margin:0}.tc ul li{display:block;width:215px;height:170px;padding:0;float:left;list-style:none;margin-left:5px;margin-right:5px;margin-bottom:8px}.tc li a{display:block;width:220px;height:70px;font-size:18px;color:#fff;background:#004080;padding-top:10px;text-align:center}.tc li a:hover{color:#fff;background:#800000}.tcjs{font-size:13px;line-height:28px;margin-top:8px}.f1{width:980px;height:auto}.jztp{width:510px;height:auto;float:left;text-align:center}.f1 h3{display:block;float:left;text-align:left;line-height:45px;font-family:"Times New Roman",Times,serif;width:430px;font-size:16px;font-weight:600;color:#666}.f1 h4{display:block;float:left;text-align:center;line-height:35px;font-family:"微软雅黑";width:150px;font-size:16px;color:#fff;background-color:#0080c0}.f1 h2{display:block;float:left;text-align:left;line-height:60px;font-size:30px;width:430px}.f1 h2 strong{color:#ff8000}.f1 span{display:block;float:left;width:430px;line-height:35px;text-align:left;font-size:18px;color:#999;margin-top:30px}.f1 font{display:block;float:left;width:430px;line-height:35px;text-align:left;font-size:22px;color:#666;margin-top:30px}.f2{width:980px;height:auto;margin-top:30px}.tiao{width:900px;height:40px;background:url(/style/css/img/tag_blue.png) no-repeat left;line-height:40px;font-size:24px;color:#333;text-align:left;padding-left:80px;border-bottom:1px #004080 solid}.tiao font{float:left}.tiao span{display:block;width:auto;line-height:45px;float:right;font-size:14px;font-weight:normal;width:120px}.f2 ul{display:block;width:940px;margin:0 auto;padding-top:10px}.f2 ul li{line-height:30px;text-align:left;list-style:none;font-size:15px}.f2 em{color:#f00;font-size:16px}.f3{width:980px;height:auto;margin-top:30px}.f3 li{display:block;width:225px;margin:10px;float:left;list-style:none;position:relative;border:0}.f3 li a{no-repeat bottom;padding:2px;display:block;padding-top:5px;padding-bottom:15px;border:0}.f3 li a:hover{background-color:#fff;text-decoration:none}.f3 li a span{display:none;text-align:center;font-size:16px}.f3 li a:hover span{color:#FFF;display:block;background-color:#800000;width:228px;position:absolute;top:4px;left:2px;line-height:40px}.f31{width:980px;height:auto}.f31 li{display:block;width:225px;height:200px;margin:10px;float:left;list-style:none;position:relative;border:0}.f3 li a{no-repeat bottom;padding:2px;display:block;padding-top:5px;padding-bottom:15px;border:0}.f31 li a:hover{background-color:#fff;text-decoration:none}.f31 li a span{display:none;text-align:center;font-size:16px}.f31 li a:hover span{color:#FFF;display:block;background-color:#800000;width:218px;position:absolute;top:4px;left:2px;line-height:40px}.f31 li a img{width:218px;height:200px;border:0}.zhyx{width:980px;height:auto;padding-bottom:10px;border-bottom:2px #004080 solid}.zhyx ul{display:block;margin:1px;width:970px;padding:0;margin-left:8px;margin-top:10px}.zhyx ul li{display:block;width:323px;height:100px;float:left;list-style:none;text-align:left}.zhyx img{float:left;width:105px;heigh:89px}.zhyx h2{display:block;width:200px;font-size:25px;margin:0;padding:0;line-height:30px;font-weight:600}.zhyx span{display:block;width:200px;font-size:14px;color:#999;margin-top:8px;line-height:20px}.why{width:980px;height:260px;background:#00abd6}.why ul{display:block;width:440px;padding-top:10px;float:left;margin-left:40px}.why ul li{line-height:40px;text-align:left;list-style:none;font-size:16px;color:#fff}.why1{width:440px;height:auto;float:left;text-align:left}.zhyxtc{color:#fff;font-size:20px}.zhyxtc a{color:#fff;font-size:20px}.tc1{color:#fff}.tc1 a{color:#fff}.seowhy{text-align:left}.seowhy h3{display:block;width:400px;line-height:45px;background:#ff8000;color:#fff;text-align:left;margin-top:20px;font-size:18px;font-weight:normal;padding-left:30px}.seowhy h4{display:block;width:550px;line-height:45px;color:#0080c0;text-align:left;font-size:16px}.tiao1{width:900px;height:40px;background:url(/style/css/img/tag_blue.png) no-repeat left;line-height:40px;font-size:24px;color:#004080;text-align:left;padding-left:80px;border-bottom:1px #004080 solid}#fenye{clear:both;margin-top:20px}#fenye a{text-decoration:none;display:inline}#fenye .prev,#fenye .next{width:52px;text-align:center}#fenye a.curr{width:22px;background:#1f3a87;border:1px solid #dcdddd;color:#fff;font-weight:bold;text-align:center}#fenye a.curr:visited{color:#fff}#fenye a{color:#1e50a2;background:#fff;margin:0 5px;border:1px solid #dcdddd;float:left;text-align:center;height:22px;line-height:22px}#fenye a.num{width:22px}#fenye a:visited{color:#1f3a87}#fenye a:hover{color:#fff;background:#1e50a2;border:1px solid #1e50a2;float:left}#fenye span{line-height:30px}.nr{width:980px;height:auto}.nr h2{font-size:20px;color:#666;display:block;line-height:40px;width:950px}.info{width:980px;line-height:40px;text-align:center;height:40px;margin-top:10px;border-bottom:1px #ccc dashed;border-top:1px #ccc dashed}.nr1{padding:10px}.nr1 img{max-width:980px}.nrtiao{width:960px;line-height:30px;font-size:16px;padding-left:20px;text-align:left;border-bottom:1px #ccc solid;color:#004080}.sxyd{width:950px;line-height:25px;text-align:left;padding-left:30px;margin-top:10px;border-top:1px #ccc dashed}.sxyd p{margin:0;padding:0}.xwlb{width:720px;height:auto;float:left;text-align:left}.xwlb ul{padding:8px;height:110px;border-bottom:#d8d8d8 1px dotted;overflow:hidden;text-align:left}.xwlb ul.nl_con1{margin:0 10px}.xwlb li h4.nlc_tit{background:url(/style/css/img/listicon.gif) no-repeat 5px 5px;padding-left:24px}.xwlb li h4.nlc_tit a{font-size:14px;color:#333}.xwlb li h4.nlc_tit a:hover{color:#f60;text-decoration:underline}.xwlb li p.nlc_time{color:#666;padding-left:25px;height:24px;line-height:24px}.xwlb li p.nlc_info{line-height:24px;color:#666;padding-left:25px;text-indent:2em}.xwlb li p.nlc_info a{color:#369}.xwlb li p.nlc_info a:hover{color:#f60;text-decoration:none}.wzdh{text-align:left;line-height:35px;margin-bottom:10px;padding-left:10px;width:690px;border-bottom:1px #004080 solid;background-color:#f1f1f1}.xwnr{width:720px;height:auto;float:left;font:14px/24px Microsoft YaHei;color:#000}.xwnr h2{font-size:20px;font-weight:normal;color:#333;display:block;line-height:40px;width:700px}.xwinfo{width:720px;line-height:35px;text-align:center;border-bottom:1px #ccc dashed;color:#999}.xwinfo a{color:#999}.xwnr1{font-size:14px;padding:10px;text-align:left;color:#666;font-size:14px}.xwnr1 img{font-size:14px;max-width:720px}.xwnr1 a{font-size:14px;color:#004080}.xwnr1 p{font-size:14px;color:#666;margin:10px 0}.xwsxyd{width:700px;line-height:25px;text-align:left;padding-left:30px;margin-top:10px;border-top:1px #ccc dashed}.xwsxyd p{margin:0;padding:0}.maplist{border:1px solid #f1f1f1;margin-bottom:9px;padding:6px}.maplist .classname{background:#fafafa;border:#f1f1f1 1px solid;padding-left:4px}.maplist .classname a{font-weight:bold;font-size:16px;padding:0 5px}.maplist .classname a:hover{color:red;text-decoration:none}.maplist2{padding:3px;line-height:28px}.maplist2 span.classname2{line-height:30px}.maplist2 span.classname2 a{padding:0 5px;color:#555;font-weight:bold}.maplist span a{padding:0 5px}.maplist span a:hover{color:#f60;text-decoration:none}.wrapper{width:1240px;height:auto;margin:0 auto}.lianxi{text-align:center;padding-bottom:50px;border-bottom:1px #ccc dashed}.lianxi h2{font:normal 36px/80px "microsoft yahei";letter-spacing:2px;color:#666;display:block;width:100%;background:url(/style/css/img/lianxibj.png) center center no-repeat}.lianxi li{display:block;width:299px;height:197px;float:left;padding-left:57px;padding-right:57px;padding-top:130px;padding-bottom:50px}.lianxi1{background:url(/style/css/img/lianxi1.png)}.lianxi2{background:url(/style/css/img/lianxi2.png)}.lianxi3{background:url(/style/css/img/lianxi3.png)}.lianxi h3{font:600 20px/50px "microsoft yahei"}.lianxi p{font:14px/25px "microsoft yahei"}.lianxii{padding-left:50px;padding-right:50px;text-align:left}.luxian{width:550px;float:left}.lianxii h3{font:normal 18px/60px "microsoft yahei"}.lianxii span{line-height:40px}.luxian img{margin:0;float:left}.luxian p{line-height:30px}.liuyan{width:550px;float:right;line-height:30px}.current{background:url("/style/css/img/Current_tub.jpg") no-repeat scroll 10px center rgba(0,0,0,0);line-height:39px;overflow:hidden;padding-left:30px}.current span{color:#333;float:left;font-weight:bold;line-height:40px;text-indent:10px}.current a{font-family:微软雅黑;font-size:14px;float:left;line-height:40px;margin:0 5px}.current a:hover{color:#f00}.current2{background:url("/style/css/img/Current_tub.jpg") no-repeat scroll 10px center rgba(0,0,0,0);line-height:39px;overflow:hidden;padding-left:30px}.current2 span{color:#333;margin-left:-550px;font-weight:bold;line-height:40px;text-indent:10px}.current2 a{font-family:微软雅黑;font-size:14px;margin-left:-550px;line-height:40px;margin:0 5px}.current2 a:hover{color:#f00}.sw-article-main{background:#fff;padding:10px 30px 30px;border:1px solid #e9e9e9;border-top:0;font-size:14px;line-height:28px}.sw-article-main h2{padding:15px 0;font-weight:700;font-size:18px;border-left:4px solid #69c;margin-left:-31px;padding-left:26px}.sw-article-main p{margin:10px 0;text-indent:2em}.sw-article-main hr{display:block;width:30%;margin:30px auto;border:1px solid #e9e9e9}.sw-article-content{margin-bottom:20px}.sw-article-content hr{display:block;width:30%;margin:50px auto;border:1px solid #dededc}.sw-article-content h3{font-weight:bold}.sw-article-content .img-center{text-align:center;text-indent:0}
/**********************************************************
 *add by fidermo.hu 整合页面 2016/9/12
 **********************************************************/
.col_l{
    float:left;
 }
.new_zxys_info .bj_form{
    padding-top:25px;
}
.all_Calc_Container .con_bj{
    box-shadow: none;
 }
.all_Calc_Container .con_mainbody{
    background-color: #fefefe;
 }
.zxbj_details .Calc_Container_zxys .zxbj_zxgs,
.zxbj_details .Calc_Container_zxys .zxbj_zxdk,
.zxbj_details .Calc_Container_zxys .zxbj_jiri,
.zxbj_details .Calc_Container_zxys .zxbj_zxcl{
    display:none;
}
.zxbj_details .Calc_Container_zxgs .zxbj_zxys,
.zxbj_details .Calc_Container_zxgs .zxbj_zxdk,
.zxbj_details .Calc_Container_zxgs .zxbj_jiri,
.zxbj_details .Calc_Container_zxgs .zxbj_zxcl{
    display:none;
}
.zxbj_details .Calc_Container_zxdk .zxbj_zxys,
.zxbj_details .Calc_Container_zxdk .zxbj_zxgs,
.zxbj_details .Calc_Container_zxdk .zxbj_jiri,
.zxbj_details .Calc_Container_zxdk .zxbj_zxcl{
    display:none;
}
.zxbj_details .Calc_Container_jiri .zxbj_zxys,
.zxbj_details .Calc_Container_jiri .zxbj_zxgs,
.zxbj_details .Calc_Container_jiri .zxbj_zxdk,
.zxbj_details .Calc_Container_jiri .zxbj_zxcl{
    display:none;
}
.zxbj_details .Calc_Container_zxcl .zxbj_zxys,
.zxbj_details .Calc_Container_zxcl .zxbj_zxgs,
.zxbj_details .Calc_Container_zxcl .zxbj_jiri,
.zxbj_details .Calc_Container_zxcl .zxbj_zxdk{
    display:none;
}
.clear:after{
    clear:both;
    content:'';
    height:0;
    display: block;
}
.Calc_Header ul{
    color:#fff;
    height:44px;
    width:980px;
    position: relative;
    margin:0 auto;
}
.Calc_Header li{
    height:44px;
    width:210px;
    list-style:none;
    text-align:center;
    cursor:pointer;
    position:absolute;
}
.Calc_Header span,
.Calc_Header em{
    cursor:pointer;
}
.Calc_Header li em{ 
    display: inline-block;
    width:19px;
    height:22px;
    position:relative;
    top:15px;
    left:-5px;
    background: url(/images/zxbjcontainer.png) no-repeat;
    _background: url(/images/zxbjcontainer.gif) no-repeat;
}
.Calc_Header span{
    position:relative;
    top:8px;
    left:1px;
    font-size:16px;
}
.Calc_Header .zxysimg em{
    background-position: -6px -112px;
}
.Calc_Header .zxclimg em{
    background-position: -41px -108px;
}
.Calc_Header .zxgsimg em{
    background-position: -69px -108px;
}
.Calc_Header .zxdkimg em{
    background-position: -100px -108px;
}
.Calc_Header .zxjrimg em{
    background-position: -131px -108px;
}
.Calc_Header .zxysimg{
    background: url(/images/zxbjcontainer.png) no-repeat 0px 1px;
    _background: url(/images/zxbjcontainer.gif) no-repeat 0px 1px;  
}
.Calc_Header .zxclimg{
    background: url(/images/zxbjcontainer.png) no-repeat -778px 1px;
    _background: url(/images/zxbjcontainer.gif) no-repeat -778px 1px;
    left:192px;
}
.Calc_Header .zxgsimg{
    /*background: url(/images/zxbjcontainer.png) no-repeat -777px 1px;*/
    /*_background: url(/images/zxbjcontainer.gif) no-repeat -777px 1px;*/
    /*left:384px;*/
    background: url(/images/zxbjcontainer.png) no-repeat -778px 1px;
    _background: url(/images/zxbjcontainer.gif) no-repeat -778px 1px;
    left:192px;
}
.Calc_Header .zxdkimg{
    background: url(/images/zxbjcontainer.png) no-repeat -777px 1px;
    _background: url(/images/zxbjcontainer.gif) no-repeat -777px 1px;
    left:577px;
}
.Calc_Header .zxjrimg{
    background: url(/images/zxbjcontainer.png) no-repeat -1027px 1px;
    _background: url(/images/zxbjcontainer.gif) no-repeat -1027px 1px;
    left:770px;
}
.zxbj_zxys .con_bj{
    background-color: #fefefe;
}
.firston .zxysimg{
    color:#ff5a00;
    background-position: 0px -56px;
}
.firston .zxysimg em{
    background-position: -6px -147px;
}
.secondon .zxclimg{
    color:#ff5a00;
    background-position: -244px -56px;
}
.secondon .zxclimg em{
    background-position: -41px -147px;
}
.secondon .zxysimg{
    background-position: -255px 1px;
}
.secondon .zxgsimg{
    color:#ff5a00;
    background-position: -242px -57px;
}
/*.thirdon .zxgsimg{*/
    /*color:#ff5a00;*/
    /*background-position: -242px -57px;*/
/*}*/
.secondon .zxgsimg{
    color:#ff5a00;
    background-position: -244px -56px;
}
.thirdon .zxgsimg{
    background-position: -498px 1px;
}
.secondon .zxgsimg em{
    background-position: -69px -147px;
}
.thirdon .zxclimg{
    background-position: -498px 1px;
}
.fourthon .zxdkimg{
    color:#ff5a00;
    background-position: -244px -57px;
}
.fourthon .zxdkimg em{
    background-position: -100px -147px;
}
.fifthon .zxjrimg{
    color:#ff5a00;
    background-position: -492px -57px;
}
.fifthon .zxjrimg em{
    background-position: -131px -147px;
}
.fifthon .zxdkimg{
    background-position: -498px 1px;
}
.all_Calc_Container .calcstart{
    display: block;
    font-size: 16px;
    color: #fff;
    width: 44px;
    height: 44px;
    margin: 20px auto 0;
    text-align: center;
    cursor: pointer;
}
.ico-line-btn{
    position: absolute;
    width: 140px;
    height: 140px;
    top: 126px;
    right: -72px;
    background: url(/images/ico-line-btn.png) no-repeat;
    z-index: 9;
}
.calc-btn-start{
    position: absolute;
    top: 151px;
    right: -48px;
    width: 90px;
    height: 90px;
    background: #f04c53;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: 15;
    cursor: pointer;
}
.btmcalc-btn-ie{
	top: 126px;
	right: -73px;
	width: 140px;
	height: 140px;
	background: none;
}
.circle-animate {
    position: absolute;
    top: 142px;
    right: -57px;
    width: 110px;
    height: 110px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fdcc9a;
    z-index: 12;
    -webkit-animation: scale-three2 1.5s ease infinite;
    -moz-animation: scale-three2 1.5s ease infinite;
    -o-animation: scale-three2 1.5s ease infinite;
    animation: scale-three2 1.5s ease infinite;
    animation-fill-mode: both
}

@keyframes scale-three2 {
    0% {
        transform: scale(1);
        opacity: .8
    }

    100% {
        transform: scale(1.3);
        opacity: 0
    }
}

@-webkit-keyframes scale-three2 {
    0% {
        -webkit-transform: scale(1);
        opacity: .7
    }

    100% {
        -webkit-transform: scale(1.3);
        opacity: 0
    }
}

@-moz-keyframes scale-three2 {
    0% {
        -moz-transform: scale(1);
        opacity: .7
    }

    100% {
        -moz-transform: scale(1.3);
        opacity: 0
    }
}

@-o-keyframes scale-three2 {
    0% {
        -o-transform: scale(1);
        opacity: .7
    }

    100% {
        -o-transform: scale(1.3);
        opacity: 0
    }
}
/* .calc-btn-start:hover{
    background-position-x:-153px;
}
.calc-btn-start:active{
    background-position-x:-310px;
}
.calc-btn-end{
    background:#fefefe url(/images/active_btn.png) no-repeat 3px -3px;
    _background:#fefefe url(/images/active_btn.gif) no-repeat 3px -3px;
} */

.zxbj_zxys .zxys_result{
    font-size:20px;
    text-align:center;
    margin-top:30px;
}
.zxbj_zxys .zxys_result span{
    font-size:20px;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 7px;
	*display: inline;
	*zoom:1;
}
.zxbj_zxys .zxys_result b{
    font-size: 30px;
    color: #f04c53;
    display: inline-block;
    width: 116px;
    text-align: center;
    *display: inline;
	*zoom:1;
}
.zxgs-list-before{
    text-align:center;
}
.zxbj_zxys .zxgs-list .zxgs-list-before li{
   /*  width:109px; */
}
.zxbj_zxys .zxgs-list .zxgs-list-before li span{
    float: left;
    width: 42%;
    height: 40px;
    text-align: right;
    font-size: 14px;
}
.zxbj_zxys .zxgs-list .zxgs-list-before li strong{
    float: left;
    width: 58%;
    font-weight: 400;
    text-align: left;
    font-size: 12px;
}
.zxbj_zxys .zxgs-list .zxgs-list-before li em{
    display: inline-block;
    width:55px;
    font-style: normal;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 18px;
    font-weight: normal;
}
.zxbj_zxys .zxys_worn{
    color:#999;
    font-size:12px;
    margin-top:14px;
}
.zxbj_zxys .zxys_worn  span{
    color:#ff5a00;
}
.zxbj_zxcl .zxys_worn p{
    color:#999;
    font-size:12px;
}
.zxbj_zxcl .material-detail div{
    padding:8px 0px 7px 17px;
}
.zxbj_zxdk .calc_result h3{
    margin-top:18px;
}
.zxbj_zxdk .repay_detail{
    border:1px solid #DDD;
    background-color:#fff;
    width:338px;
    margin-top:37px;
    height:228px;
    margin-top:26px;
    padding-top:16px;
}
.zxbj_zxdk .inputips{
    right:0px;
    left:12px;
}
.zxbj_zxdk .zxdk_phone{
    margin-top:10px;
}
.selectday{
    color:#ff5a00;
    background:url(/images/zxbjcontainer.png) no-repeat -13px -198px;
    _background:url(/images/zxbjcontainer.gif) no-repeat -13px -198px;
}
.zxbj_zxdk .zxdk_result{
    font-size:14px; 
}
.zxbj_zxcl .element .first_line{
    height:37px;
    margin-bottom:10px;
}
.zxbj_zxcl .bj_form .element{
    padding-bottom:21px;
}
.zxcl_worn{
    font-size:12px;
    color:#999;
    margin-top:11px;
}
.zxcl_worn span{
    color:#ff5a00;
}
.zxbj_zxcl .con_bj_res{
    margin-top:34px;
}
.zxcl_explain{
    margin-top:8px;
}
.zxbj_zxgs .bj_form{
    margin-top:26px;
}
.zxbj_zxgs .bj_form .element{
    padding-bottom:20px;
}
.zxbj_zxgs .zxgs-list{
    height:228px;
    margin-top:27px;
}
.zxbj_zxgs .con_bj_res{
    margin-top:33px;
}
.zxbj_zxdk .calc_result{
    margin-top:16px;
}
.zxbj_zxjr .con_bj_res{
    margin-left:115px;
    margin-top:32px;
}
.zxbj_zxjr .m_year{
    margin-top:-4px;
}
.zxcl_explain{
    position: relative;
    margin-left: 20px;
    padding-left: 10px;
    line-height: 24px;
    color: #999;
    font-size: 12px;
}
.zxcl_explain .attention{
    color:#f36f20;
}
.zxbj_zxgs .con_bj_res .bj_explain{
    margin:0;
}
.zxgs-list-after .zxgs-information li em{
    display: inline-block;
    width:42px;
}
.bottom_slide_box{
    height: 390px;
    position: fixed;
    bottom: -370px;
    z-index: 7999;
    width: 100%;
    _position:absolute;
    _left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 215))
}
.bottom_slide_box .slide_box_shade{
    height: 435px;
    background: #000000;
    position: absolute;
    bottom: 0px;
    z-index: 5;
    width: 100%;
    opacity: 0.70;
    filter:alpha(opacity=70);
    -ms-filter:alpha(opacity=70);
}
.all_Calc_Container{
    z-index: 7;
    position: absolute;
    left: 50%;
    margin-left: -490px;
    top: 53px;
    width: 980px;
}
.bottom_slide_box .con_bj_cal{      
    padding: 24px 40px 20px 40px;
    height: 370px;
}
.con_bj_res{
    margin-top: 18px;
}
.zxbj_details{
    background: none;
}
.all_Calc_Container{
    top: 16px;
}
.bj_form{
    padding-top: 15px;
}
.zxgs-list{
    margin-top: 12px;
}
.zxbj_zxcl .con_bj_res{
    margin-top: 24px;
}
.bottom_slide_box .Calc_Container_zxys .bottom_slide_img{
    width: 790px;
    height: 65px;
    z-index: 7;
    position: absolute;
	line-height:65px;
    left: 100px;
	top: -58px;
	color:#fefeff; font-size:36px;
  
   
}

.bottom_slide_box .Calc_Container_zxys .bottom_slide_img font{ color:#feed00;}

.Calc_Container_zxcl .bottom_slide_img{
    width: 690px;
    height: 120px;
    z-index: 7;
    position: absolute;
    left: 110px;
    top: -116px;
    background: url(/images/bottom_slide_cl.png) no-repeat;
    _background: url(/images/bottom_slide_cl.gif) no-repeat;
}
.Calc_Container_zxgs .bottom_slide_img{
    width: 820px;
    height: 120px;
    z-index: 7;
    position: absolute;
    left: 60px;
    top: -116px;
    background: url(/images/bottom_slide_gs.png) no-repeat;
    _background: url(/images/bottom_slide_gs.gif) no-repeat;
}
.Calc_Container_zxdk .bottom_slide_img{
    width: 880px;
    height: 120px;
    z-index: 7;
    position: absolute;
    left: 30px;
    top: -116px;
    background: url(/images/bottom_slide_dk.png) no-repeat;
    _background: url(/images/bottom_slide_dk.gif) no-repeat;
}
.Calc_Container_jiri .bottom_slide_img{
    width: 750px;
    height: 120px;
    z-index: 7;
    position: absolute;
    left: 90px;
    top: -116px;
    background: url(/images/bottom_slide_jr.png) no-repeat;
    _background: url(/images/bottom_slide_jr.gif) no-repeat;
}
.bottom_slide_down{
    position: absolute;
    right:90px;
    top: -46px;
    background: url(/images/new_bottom_slide_ud.png) no-repeat -33px 1px;
    _background: url(/images/new_bottom_slide_ud.png) no-repeat -33px 1px;
    width: 31px;
    height: 36px;
    cursor: pointer;
}
.bottom_slide_up{
    background: url(/images/new_bottom_slide_ud.png) no-repeat -1px 1px;
    _background: url(/images/new_bottom_slide_ud.png) no-repeat -1px 1px;
}
.bottom_slide_wh_img{
	background: url(/images/new_bottom_wh_img.png) no-repeat;
    width: 163px;
    height: 159px;
    position: absolute;
    top: -156px;
    left: 86px;
    z-index: 8;
}
.bottom_slide_box .con_bj {
    z-index: 10;
}
.bottom_slide_close{
    position: absolute;
    top: 10px;
    left: 100%;
    margin-left: -26px;
    background: url(/images/znbj.png) no-repeat -137px -1px;
    _background: url(/images/znbj.png) no-repeat -137px -1px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: none;
}
.Calc_Container_zxgs .bottom_slide_down{
    right: 62px;
}
.Calc_Container_zxdk .bottom_slide_down{
    right: 30px;
}
.Calc_Container_jiri .bottom_slide_down{
    right: 92px;
}
.fifthon .zxjrimg{
    background-position: -492px -56px;
}
.bottom_slide_click{
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 91px;
    top: -70px;
    left: 0;
    z-index: 10;
}
.zxbj_details .bottom_slide_question,.zxbj_details .repay_mon{
    font-size: 30px;
    color: #ff5a00;
    font-weight: bold;
}
.element .first_line{
    margin-right: 7px;
}
.element .second_line{
    margin-right: 6px;
}
.zxbj_zxys{
    margin-top: 4px;
}
.zxys_result span.zxys-result-span{
    font-size: 20px;
    color: #333;
}
.bj_form .label{
    font-size: 14px;
}
.bottom_slide_content .text_area {
  display: none;
  position: absolute;
  top: 37px;
  left: 0;
  font-size: 12px;
  color: #f79c33;
}
.bottom_slide_content .attention{
	color: #f36f20;
}
.bottom_slide_content .zxbj_zxys .zxgs-list .zxgs-list-before li em{
	color: #f04c53;
}
.bottom_slide_box .bottom_slide_content .zxgs-list{
	border: 1px solid #e8e8e8;
}
.bottom_slide_box .zxys_explain{
	margin-top: 5px;
}

/* end */
.side-pannel {
	position: fixed;
float:left

	margin-left: 496px;
	z-index: 99
}
.side-bar {
	border-bottom: none;
	bottom: 20%;
}
.side-bar a 
{
    margin-top:20px;
	display: block;
	cursor: pointer;
	width: 70px;
	height: 60px;
	position: relative;
	text-align: center
}
.side-bar a s {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.side-bar a span {
	line-height: 20px
}

.side-bar a.gotop s {
	position: absolute;
	top: 50%;
	left: 17px
}
.side-bar a.text {
	padding-top: 25px
}
.side-bar a.qr s {
	position: absolute;
	top: 50%;
	left: 18px
}
.side-bar a.qr i {
	width: 277px;
	height: 259px;
	position: absolute;
	left: -277px;
	top: 50%;
	margin-top: -120px;
	display: none;
	background-position: 0 0
}
.side-bar a.qr:hover i {
	display: block
}
.side-bar a.qr i {
	background-image: url(../images/weixin.png)
}

.g-icon-top {
	height: 20px;
	width: 35px;
	margin-top: -10px;
	background-position: 0 -33px
}
.g-icon-survey1 {
	height: 23px;
	width: 26px;
	margin-top: -11px;
	background-position: 0 -53px
}
.side-bar a.survey:hover s {
	height: 23px;
	width: 26px;
	margin-top: -11px;
	background-position: -26px -53px
}
.g-icon-qq1 {
	height: 20px;
	width: 22px;
	margin-top: -10px;
	background-position: -35px -33px
}
.g-icon-weibo1 {
	height: 25px;
	width: 27px;
	margin-top: -12px;
	background-position: -72px 0
}
.g-icon-weibo2, .side-bar a.weibo:hover s {
	height: 25px;
	width: 27px;
	margin-top: -12px;
	background-position: -72px -25px
}
.g-icon-qr1 {
	height: 33px;
	width: 36px;
	margin-top: -16px;
	background-position: -36px 0
}
.g-icon-qr2, .side-bar a.qr:hover s {
	height: 33px;
	width: 36px;
	margin-top: -16px;
	background-position: 0 0
}
/* Box colors */
.bg-1 {
	background: #ECEFF1;
	color: #37474f;
}
.bg-2 {
	background: #7986cb;
	color: #ECEFF1;
}
.bg-3 {
	background: #37474f;
	color: #fff;
}

/* Common button styles */
.button {
	float: left;
	min-width: 80px;
	max-width: 300px;
	display: block;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
	color: #37474f;
	border-color: #37474f;
}
.bg-2 .button {
	color: #ECEFF1;
	border-color: #ECEFF1;
}
.bg-3 .button {
	color: #fff;
	border-color: #fff;
}

/* Sizes */
.button--size-s {
	font-size: 14px;
}
.button--size-m {
	font-size: 16px;
}
.button--size-l {
	font-size: 18px;
}

/* Typography and Roundedness */
.button--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase;
}
.button--text-thin {
	font-weight: 300;
}
.button--text-medium {
	font-weight: 500;
}
.button--text-thick {
	font-weight: 600;
}
.button--round-s {
	border-radius: 5px;
}
.button--round-m {
	border-radius: 15px;
}
.button--round-l {
	border-radius: 40px;
}

/* Borders */
.button--border-thin {
	border: 1px solid;
}
.button--border-medium {
	border: 2px solid;
}
.button--border-thick {
	border: 3px solid;
}

/* Individual button styles */

/* Winona */
.button--winona {
	overflow: hidden;
	padding: 0;
	-webkit-transition: border-color 0.3s, background-color 0.3s;
	transition: border-color 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--winona::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	color: #3f51b5;
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}
.button--winona > span {
	display: block;
}
.button--winona.button--inverted {
	color: #7986cb;
}
.button--winona.button--inverted:after {
	color: #fff;
}
.button--winona::after,
.button--winona > span {
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--winona:hover {
	border-color: #3f51b5;
	background-color: rgba(63, 81, 181, 0.1);
}
.button--winona.button--inverted:hover {
	border-color: #21333C;
	background-color: #21333C;
}
.button--winona:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--winona:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
}

/* Ujarak */
.button--ujarak {
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
}
.button--ujarak::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #37474f;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak.button--round-s::before {
	border-radius: 2px;
}
.button--ujarak.button--inverted::before {
	background: #7986CB;
}
.button--ujarak,
.button--ujarak::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak:hover {
	color: #fff;
	border-color: #37474f;
}
.button--ujarak.button--inverted:hover {
	color: #37474F;
	border-color: #fff;
}
.button--ujarak:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Wayra */
.button--wayra {
	overflow: hidden;
	width: 245px;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #f9f5ac;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.button--wayra:hover {
	color: #fff;
	border-color: #3f51b5;
}
.button--wayra.button--inverted:hover {
	color: #3f51b5;
	border-color: #fff;
}
.button--wayra:hover::before {
	opacity: 1;
	background-color: #efe429;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra.button--inverted:hover::before {
	background-color: #fff;
}

.button--rolling-over-yellow::before { 
    background: #fff;
}
.button--rolling-over-yellow:hover::before { 
    background: #efe429;
}
.button--rolling-over-white::before { 
    background: #fff;
}
.button--rolling-over-white:hover::before { 
    background: #6894d7;
}
.button--rolling-over-white2::before { 
    background: #fff;
}
.button--rolling-over-white2:hover::before { 
    background: #fff;
}
/* Tamaya */
.button--tamaya {
	overflow: hidden;
	color: #7986cb;
	min-width: 180px;
}
.button--tamaya.button--inverted {
	color: #37474f;
	border-color: #37474f;
}
.button--tamaya::before,
.button--tamaya::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0;
	background: #7986cb;
	color: #fff;
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--tamaya.button--inverted::before,
.button--tamaya.button--inverted::after {
	background: #fff;
	color: #37474f;
}
.button--tamaya::before {
	top: 0;
	padding-top: 1em;
}
.button--tamaya::after {
	bottom: 0;
	line-height: 0;
}
.button--tamaya > span {
	display: block;
	-webkit-transform: scale3d(0.2, 0.2, 1);
	transform: scale3d(0.2, 0.2, 1);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--tamaya:hover::before {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
.button--tamaya:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--tamaya:hover > span {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

/* Rayen */
.button--rayen {
	overflow: hidden;
	padding: 0;
	width: 230px;
}
.button--rayen.button--inverted {
	color: #fff;
}
.button--rayen::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #7986cb;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.button--rayen.button--inverted::before {
	background: #fff;
	color: #37474f;
}
.button--rayen > span {
	display: block;
}
.button--rayen::before,
.button--rayen > span {
	padding: 1em 2em;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--rayen:hover::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--rayen:hover > span {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

/* Pipaluk */
.button--pipaluk {
	width: 240px;
	padding: 1.5em 3em;
	color: #fff;
}
.button--pipaluk.button--inverted {
	color: #7986cb;
}
.button--pipaluk::before,
.button--pipaluk::after {
	content: '';
	border-radius: inherit;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
}
.button--pipaluk::before {
	border: 2px solid #7986cb;
}
.button--pipaluk.button--inverted::before {
	border-color: #fff;
}
.button--pipaluk::after {
	background: #7986cb;
}
.button--pipaluk.button--inverted::after {
	background: #fff;
}
.button--pipaluk:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.button--pipaluk::before,
.button--pipaluk:hover::after {
	-webkit-transform: scale3d(0.7, 0.7, 1);
	transform: scale3d(0.7, 0.7, 1);
}
.button--pipaluk:hover::after {
	background-color: #3f51b5;
}
.button--pipaluk.button--inverted:hover::after {
	background-color: #fff;
}

/* Nuka */
.button--nuka {
	margin: 1em 2em;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--nuka.button--inverted {
	color: #37474f;
}
.button--nuka::before,
.button--nuka::after {
	content: '';
	position: absolute;
	border-radius: inherit;
	background: #7986cb;
	z-index: -1;
}
.button--nuka::before {
	top: -4px;
	bottom: -4px;
	left: -4px;
	right: -4px;
	opacity: 0.2;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
.button--nuka::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale3d(1.1, 1, 1);
	transform: scale3d(1.1, 1, 1);
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
}
.button--nuka::before,
.button--nuka::after {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--nuka.button--inverted::before,
.button--nuka.button--inverted::after {
	background: #fff;
}
.button--nuka:hover {
	color: #fff;
}
.button--nuka:hover::before {
	opacity: 1;
}
.button--nuka:hover::after {
	background-color: #37474f;
}
.button--nuka.button--inverted:hover::after {
	background-color: #7986cb;
}
.button--nuka:hover::after,
.button--nuka:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

/* Moema */
.button--moema {
	padding: 1.5em 3em;
	border-radius: 50px;
	background: #7986cb;
	color: #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.button--moema.button--inverted {
	background: #ECEFF1;
	color: #37474f;
}
.button--moema::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	border-radius: 50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}
.button--moema:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #ECEFF1;
	background-color: #3f51b5;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}
.button--moema.button--inverted:hover {
	color: #ECEFF1;
	background-color: #7986cb;
}
.button--moema:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

/* Isi */
.button--isi {
	padding: 1.2em 2em;
	color: #fff;
	background: #7986cb;
	overflow: hidden;
}
.button--isi::before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 100%;
	margin: -15px 0 0 1px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #3f51b5;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform: scale3d(1, 2, 1);
	transform: scale3d(1, 2, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
	transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}

.button--isi .button__icon {
	vertical-align: middle;
}
.button--isi > span {
	vertical-align: middle;
	padding-left: 0.75em;
}
.button--isi:hover::before {
	-webkit-transform: scale3d(9, 9, 1);
	transform: scale3d(9, 9, 1);
}

/* Aylen */
.button.button--aylen {
	background: #fff;
	color: #37474f;
	overflow: hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.button--aylen.button--inverted {
	background: none;
	color: #fff;
}
.button--aylen::before,
.button--aylen::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--aylen::before {
	background: #7986cb;
}
.button--aylen::after {
	background: #3f51b5;
}
.button--aylen:hover {
	color: #fff;
}
.button--aylen:hover::before,
.button--aylen:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--aylen:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}

/* Saqui */
.button.button--saqui {
	overflow: hidden;
	color: #fff;
	background: #37474f;
	-webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
	transition: background-color 0.3s ease-in, color 0.3s ease-in;
}
.button--saqui.button--inverted {
	background: #fff;
	color: #37474f;
}
.button--saqui::after {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1em 2em;
	color: #37474f;
	-webkit-transform-origin: -25% 50%;
	transform-origin: -25% 50%;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	-webkit-transition: -webkit-transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
}
.button--saqui.button--inverted::after {
	color: #fff;
}
.button--saqui:hover::after,
.button--saqui:hover {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.button--saqui:hover {
	background-color: #7986cb;
	color: #7986cb;
}
.button--saqui.button--inverted:hover {
	background-color: #3f51b5;
	color: #3f51b5;
}
.button--saqui:hover::after {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
}

/* Wapasha */
.button.button--wapasha {
	background: #37474f;
	color: #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.button--wapasha.button--inverted {
	background: #fff;
	color: #37474f;
}
.button--wapasha::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #3f51b5;
	z-index: -1;
	border-radius: inherit;
	opacity: 0;
	-webkit-transform: scale3d(0.6, 0.6, 1);
	transform: scale3d(0.6, 0.6, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--wapasha.button--inverted::before {
	border-color: #7986cb;
}
.button--wapasha:hover {
	background-color: #fff;
	color: #3f51b5;
}
.button--wapasha.button--inverted:hover {
	background-color: #37474f;
	color: #7986cb;
}
.button--wapasha:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
}

/* Nina */
.button--nina {
	padding: 0 2em;
	background: #7986cb;
	color: #fff;
	overflow: hidden;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.button--nina.button--inverted {
	background: #fff;
	color: #7986cb;
}
.button--nina > span {
	display: inline-block;
	padding: 1em 0;
	opacity: 0;
	color: #fff;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1em 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina:hover {
	background-color: #3f51b5;
}
.button--nina:hover::before {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--nina:hover > span {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--nina:hover > span:nth-child(1) {
	-webkit-transition-delay: 0.045s;
	transition-delay: 0.045s;
}
.button--nina:hover > span:nth-child(2) {
	-webkit-transition-delay: 0.09s;
	transition-delay: 0.09s;
}
.button--nina:hover > span:nth-child(3) {
	-webkit-transition-delay: 0.135s;
	transition-delay: 0.135s;
}
.button--nina:hover > span:nth-child(4) {
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}
.button--nina:hover > span:nth-child(5) {
	-webkit-transition-delay: 0.225s;
	transition-delay: 0.225s;
}
.button--nina:hover > span:nth-child(6) {
	-webkit-transition-delay: 0.27s;
	transition-delay: 0.27s;
}
.button--nina:hover > span:nth-child(7) {
	-webkit-transition-delay: 0.315s;
	transition-delay: 0.315s;
}
.button--nina:hover > span:nth-child(8) {
	-webkit-transition-delay: 0.36s;
	transition-delay: 0.36s;
}
.button--nina:hover > span:nth-child(9) {
	-webkit-transition-delay: 0.405s;
	transition-delay: 0.405s;
}
.button--nina:hover > span:nth-child(10) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

/* Nanuk */
.button--nanuk {
	padding: 0 2em;
	overflow: hidden;
	background: #7986cb;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.button--nanuk.button--inverted {
	background: #fff;
	color: #7986cb;
}
.button--nanuk > span {
	display: inline-block;
	padding: 1em 0;
}
.button--nanuk:hover {
	background-color: #3f51b5;
}
.button--nanuk:hover > span:nth-child(odd) {
	-webkit-animation: anim-nanuk-1 0.5s forwards;
	animation: anim-nanuk-1 0.5s forwards;
}
.button--nanuk:hover > span:nth-child(even) {
	-webkit-animation: anim-nanuk-2 0.5s forwards;
	animation: anim-nanuk-2 0.5s forwards;
}
.button--nanuk:hover > span:nth-child(odd),
.button--nanuk:hover > span:nth-child(even) {
	-webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-animation-function: cubic-bezier(0.75, 0, 0.125, 1);
}
@-webkit-keyframes anim-nanuk-1 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: #fff;
	}
	100% {
		color: #fff;
	}
}
@keyframes anim-nanuk-1 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: #fff;
	}
	100% {
		color: #fff;
	}
}
@-webkit-keyframes anim-nanuk-2 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: #fff;
	}
	100% {
		color: #fff;
	}
}
@keyframes anim-nanuk-2 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: #fff;
	}
	100% {
		color: #fff;
	}
}
.button--nanuk:hover > span:nth-child(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.button--nanuk:hover > span:nth-child(2) {
	-webkit-animation-delay: 0.05s;
	animation-delay: 0.05s;
}
.button--nanuk:hover > span:nth-child(3) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.button--nanuk:hover > span:nth-child(4) {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}
.button--nanuk:hover > span:nth-child(5) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.button--nanuk:hover > span:nth-child(6) {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
.button--nanuk:hover > span:nth-child(7) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.button--nanuk:hover > span:nth-child(8) {
	-webkit-animation-delay: 0.35s;
	animation-delay: 0.35s;
}
.button--nanuk:hover > span:nth-child(9) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.button--nanuk:hover > span:nth-child(10) {
	-webkit-animation-delay: 0.45s;
	animation-delay: 0.45s;
}
.button--nanuk:hover > span:nth-child(11) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

/* Antiman */
.button--antiman {
	background: none;
	border: none;
	height: 60px;
}
.button--antiman.button--inverted,
.button--antiman.button--inverted-alt {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--antiman > span {
	padding-left: 0.35em;
}
.button--antiman::before,
.button--antiman::after {
	content: '';
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--antiman::before {
	border: 2px solid #37474f;
	opacity: 0;
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
}
.button--antiman.button--border-thin::before {
	border-width: 1px;
}
.button--antiman.button--border-medium::before {
	border-width: 2px;
}
.button--antiman.button--border-thick::before {
	border-width: 3px;
}
.button--antiman.button--inverted::before {
	border-color: #7986cb;
}
.button--antiman.button--inverted-alt::before {
	border-color: #3f51b5;
}
.button--antiman::after {
	background: #fff;
}
.button--antiman.button--inverted::after {
	background: #7986cb;
}
.button--antiman.button--inverted-alt::after {
	background: #3f51b5;
}
.button--antiman.button--inverted:hover {
	color: #7986cb;
}
.button--antiman.button--inverted-alt:hover {
	color: #3f51b5;
}
.button--antiman:hover::before {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.button--antiman:hover::after {
	opacity: 0;
	-webkit-transform: scale3d(0.8, 0.8, 1);
	transform: scale3d(0.8, 0.8, 1);
}

/* Itzel */
.button--itzel {
	border: none;
	padding: 0px;
	overflow: hidden;
	width: 255px;
}
.button--itzel::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid;
	border-radius: inherit;
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%);
	clip-path: url(img/index.html);
	-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
	transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.button--itzel.button--border-thin::before {
	border: 1px solid;
	-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
	transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
}
.button--itzel.button--border-thick::before {
	border: 3px solid;
	-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
	transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
}

.button--itzel::before,
.button--itzel .button__icon {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--itzel .button__icon {
	position: absolute;
	top: 100%;
	left: 50%;
	padding: 20px;
	font-size: 20px;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
.button--itzel > span {
	display: block;
	padding: 20px;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.button--itzel:hover::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--itzel:hover .button__icon {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transform: translate3d(-50%, -100%, 0);
	transform: translate3d(-50%, -100%, 0);
}
.button--itzel:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

/* Naira */
.button--naira {
	padding: 0;
	overflow: hidden;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.button--naira::before {
	content: '';
	position: absolute;
	left: -50%;
	width: 200%;
	height: 200%;
	background: #37474f;
	top: -50%;
	z-index: -1;
	-webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
	transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
}
.button--naira.button--inverted::before {
	background: #7986cb;
}
.button--naira-up::before {
	-webkit-transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
	transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
}
.button--naira > span {
	display: block;
}
.button--naira .button__icon {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	color: #fff;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
.button--naira-up .button__icon {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--naira > span,
.button--naira .button__icon {
	padding: 1em 2em;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--naira:hover::before {
	-webkit-animation: anim-naira-1 0.3s forwards ease-in;
	animation: anim-naira-1 0.3s forwards ease-in;
}
.button--naira-up:hover::before {
	-webkit-animation: anim-naira-2 0.3s forwards ease-in;
	animation: anim-naira-2 0.3s forwards ease-in;
}
@-webkit-keyframes anim-naira-1 {
	50% {
		-webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
@keyframes anim-naira-1 {
	50% {
		-webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
@-webkit-keyframes anim-naira-2 {
	50% {
		-webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
@keyframes anim-naira-2 {
	50% {
		-webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
		transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
	}
}
.button--naira:hover {
	background-color: #37474f;
	-webkit-transition: background-color 0s 0.3s;
	transition: background-color 0s 0.3s;
}
.button--naira.button--inverted:hover {
	background-color: #7986cb;
}
.button--naira:hover .button__icon {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--naira:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--naira-up:hover > span {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

/* Quidel */
.button--quidel {
	background: #7986cb;
	color: #7986cb;
	overflow: hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--quidel.button--inverted {
	background: #fff;
	color: #fff;
}
.button--quidel::before,
.button--quidel::after {
	content: '';
	position: absolute;
	z-index: -1;
	border-radius: inherit;
}
.button--quidel::after {
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	background: #fff;
}
.button--quidel.button--inverted::after {
	background: #37474f;
}
.button--quidel::before {
	background: #37474f;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--quidel.button--inverted::before {
	background: #7986cb;
}
.button--round-s.button--quidel::after {
	border-radius: 3px;
}
.button--round-m.button--quidel::after {
	border-radius: 13px;
}
.button--round-l.button--quidel::after {
	border-radius: 40px;
}
.button--quidel > span {
	padding-left: 0.35em;
}
.button--quidel:hover {
	color: #37474f;
}
.button--quidel.button--inverted:hover {
	color: #7986cb;
}
.button--quidel:hover::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Sacnite */
.button.button--sacnite {
	width: 70px;
	height: 70px;
	min-width: 0;
	padding: 0;
	color: #fff;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.button--scanite.button--round-l {
	border-radius: 50%;
}
.button--sacnite.button--inverted {
	color: #37474f;
}
.button--sacnite::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	z-index: -1;
	box-shadow: inset 0 0 0 35px #37474f;
	-webkit-transform: scale3d(0.9, 0.9, 1);
	transform: scale3d(0.9, 0.9, 1);
	-webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
	transition: box-shadow 0.3s, transform 0.3s;
}
.button--sacnite.button--inverted::before {
	box-shadow: inset 0 0 0 35px #fff;
}
.button--sacnite .button__icon {
	font-size: 22px;
	width: 22px;
}
.button--sacnite > span {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.button--sacnite:hover {
	color: #37474f;
}
.button--sacnite.button--inverted:hover {
	color: #fff;
}
.button--sacnite:hover::before {
	box-shadow: inset 0 0 0 2px #37474f;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.button--sacnite.button--inverted:hover::before {
	box-shadow: inset 0 0 0 2px #fff;
}

/* Shikoba */
.button.button--shikoba {
	padding: 1em 30px 1em 50px;
	overflow: hidden;
	background: #fff;
	color: #37474f;
	border-color: #37474f;
	-webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
	transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.button--shikoba.button--inverted {
	color: #fff;
	background: #7986cb;
}
.button--shikoba > span {
	display: inline-block;
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--shikoba .button__icon {
	position: absolute;
	left: 20px;
	font-size: 18px;
	-webkit-transform: translate3d(-40px, 2.5em, 0);
	transform: translate3d(-40px, 2.5em, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--shikoba:hover .button__icon,
.button--shikoba:hover > span {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--shikoba:hover {
	background: #3f51b5;
	border-color: #3f51b5;
	color: #fff;
}

.clear{ clear:both}
#header {
	color: #fff;
	overflow: hidden;
}
#header .header_top{height: 119px;}
#header .header_top ul li{float: left;}
#header .header_top ul li .icon_logo{width: 188px;
	height: 76px;
	background: url(img/logo2.png) no-repeat; margin:20px 26px 20px 0px}
#header .header_top ul li .icon_logo1{width: 188px;
	height: 76px;
	background: url(img/logo.png) no-repeat; margin:20px 26px 20px 0px}
#header .header_top ul li .icon_logo3{width: 188px;
	height: 76px;
	background: url(img/logo3.png) no-repeat; margin:20px 26px 20px 0px}
	
#header .header_top ul li.partner_title{height:38px; margin:32px 16px 0px 12px; border-left:1px solid #e2e2e2;}
#header .header_top ul li.partner_title .icon_recommend{width: 47px; height: 48px;background:url(img/recommend.png); margin:-6px 8px 0px 12px}
#header .header_top ul.partner_desc li{float:none}
#header .header_bottom ul li{float:left; margin:20px 60px 0px 0px; }
#header .header_bottom ul li a{font-family:'Microsoft YaHei'; font-size:18px; color:#fff; text-decoration:none; cursor:pointer}



.r_1 .wrapper{background:url(img/hand.png) no-repeat;background-position:73px bottom; height: 648px; text-align:center}
.r_1_list{float:left; position:relative; left:50%;}
.r_1_list li{float:left; margin-left:42px; position:relative; right:50%;}
.r_1_list li.icon_next{margin-top:24px}
.r_1_list li dl dd{font-size:12px; color:#b5b5b5; font-family:'Microsoft YaHei'; margin-top:24px}

.r_2{background: #1d65d4; color:#fff; text-align:center}
.r_2 table { border-collapse:collapse; width:1110px; text-align: center; margin: 60px auto; }
.r_2 table td{}
.r_2 table tr td, th{border:1px solid #5e91e0;}
.r_2 table tr{height:70px;}
.r_2 table td.th1{width:260px;}
.r_2 table td.th2{width:424px;}
.r_2 table td.th3{width:424px;}
.r_2 table td.th{font-size:23px}
.r_2 table td.td1{font-size:18px; font-weight:bold; font-family:'Microsoft YaHei' ; text-align: right;}
.r_2 table td.td2{font-size:20px; text-align:left; padding-left:86px}
.r_2 table tbody tr td.table_title { font-size: 18px; line-height: 38px; width: 150px; text-align: right; }
.r_2 table tbody tr td.table_contant { font-size: 14px; text-align: left; vertical-align:top; line-height:32px;}


.r_3{ text-align:center}

.step_line{float:left; position:relative; left:50%; height:200px;}
.step_line li{float:left; margin-top:58px; position:relative; right:50%;}
.step_line li.step{background:url(img/spot.png) no-repeat; width:31px; height:31px;}
.step_line li.line{background:url(img/point_line.png) repeat-x left center; height:31px;}
.step_line .setp_text{position:relative; top:50px; width:144px; left:-60px; text-align:center; font-size:14px; font-family:'Microsoft YaHei'}
.step_line .setp_text p{margin-bottom:8px}


.r_4{ text-align:center}
.r_4 dl.leftT{color:#fff; margin:104px 280px; text-align:right;float:right; width:340px;}

.r_4 dl.rightT{color:#232323; margin:104px 280px; text-align:left;float:left; width:340px;}
.r_4 dl dt{font-size:36px; font-family:'Microsoft YaHei'; font-weight:bold; margin-bottom:36px}
.r_4 dl dd p{font-size:18px; margin-bottom:12px}
.r_4 table{width:100%; margin-top:52px}
.r_4 table tr td, th{border:none;}
.r_4 table tr{height:96px;}
.r_4 table td.td1{width:41%; font-size:18px; text-align:right}
.r_4 table td.td3{width:41%; font-size:18px; text-align:left}
.r_4 table td img.l{margin-bottom:4px;margin-left:22px;margin-right:40px;vertical-align:middle}
.r_4 table td img.r{margin-bottom:4px;margin-left:40px;margin-right:22px;vertical-align:middle}
.r_4 table td.td2{width:8%; }
.r_4 table td.td2 .c_m{width: 74px;height: 48px; background:url(img/circle.png) no-repeat; color:#2e2e2e; font-size:22px; font-family:'Microsoft YaHei'; font-weight:bold; padding-top:26px;text-align:center; margin:0px auto}
.r_4 table tr:hover .c_m{background:url(img/circle_hover.png) no-repeat; color:#fff;}

.r_5{background: #1d65d4; color:#fff; text-align:center}

.r_6{text-align:center}
.r_6 table{width:100%; margin-top:40px;border-top:1px solid #dadada;border-left:1px solid #dadada; vertical-align:middle}
.r_6 table th{background-color:#E4ECFA;font-size:18px;}
.r_6 table td{text-align:center; color:#7b7b7b}
.r_6 table th, td{font-size:16px; font-family:'Microsoft YaHei Light';}
.r_6 table .r_6_b{ text-align:center; color:#414141;font-size:18px;}
	.r_6 table tr td, th{border-right:1px solid #dadada;border-bottom:1px solid #dadada;}
.r_6 table tr{height:46px;}
.r_6 table th,td{ vertical-align:middle}
.r_6 table td.name{padding-left:32px; font-size:14px;text-align:left;}
.r_6 table td .cz{width:21px; height: 21px; position:absolute; float:left; margin-left:32px; background:url(img/yes.png) no-repeat;}
.r_6 table td .cn{width:21px; height: 21px; position:absolute; float:left; margin-left:32px; background:url(img/no.png) no-repeat;}

.r_7{background: #1d65d4; color:#fff; text-align:center}
/* focus */
.focus{width:100%;height:280px;float:left;position:relative; margin-top:70px; margin-bottom:50px}
.focus #pic{width:1200px;height:250px;overflow:hidden;}

.focus #tip{width:300px;height:14px;position:absolute;left:48%;margin:10px auto;z-index:13;}
.focus #tip ul li{width:6px;height:6px;float:left;display:inline;margin:0 5px;cursor:pointer;background:url(img/smaill_circle_2.png) no-repeat;}
.focus #tip ul li.current{background:url(img/smaill_circle_1.png) no-repeat;}
.focus .show{display:block!important;}

.focus #pic ul{float:left;  left:50%;width:4800px;}
.focus #pic ul li{float:left; margin:0 auto; right:50%;width:1200px; }
.focus #pic .photo{float:left; margin-left:100px; margin-top:14px}
.focus #pic .title{float:left; font-size:14px; font-family:'Microsoft YaHei'; margin-right:30px}
.focus #pic ul li dl dt{margin-bottom:16px;margin-left:34px}
.focus #pic ul li dl dd{ text-align:left; font-weight:normal; font-family:'Microsoft YaHei Light';font-size:14px; line-height:20px; width:812px; margin-left:34px}
.focus #pic .datetime{float:right; font-size:12px; font-family:'Microsoft YaHei Light'; margin-top:10px;}
.focus #pic .icon_star{background:url(img/star.png) no-repeat; width:14px; height: 12px; float:left;}



.r_8{text-align:center}
.r_8 ul{margin-top:46px}
.r_8 ul li{ text-align:left; clear:both; height:20px; padding:30px 0px 0px 0px}
.r_8 ul li.b_line{ border-bottom:1px dotted #cfcfcf; padding:18px 0px 30px 0px}
.r_8 ul li .icon_q{float:left; margin:0px 0px 0px 72px;background:url(img/q_icon.png) no-repeat; width: 19px;height: 19px;}
.r_8 ul li .icon_a{float:left; margin:0px 0px 0px 72px;background:url(img/a_icon.png) no-repeat; width: 19px;height: 19px;}
.r_8 ul li .q{float:left; margin:0px 0px 0px 10px;font-size:18px;}
.r_8 ul li .a{float:left; margin:2px 0px 0px 10px; font-size:14px;}
.r_8 ul li .datetime{float:right; margin:3px 24px 0px 0px; font-family:'Microsoft YaHei'; font-size:12px; color:#6f6f6f;}


.r_9{text-align:center}


.r_10{text-align:center}
.r_10 ul{float:left; position:relative; left:50%;}
.r_10 ul li{float:left; margin:66px auto 96px auto; position:relative; right:50%; width:280px; }
.r_10 ul li .r_10_l_img{border-right:1px solid #DBDBDB;padding:14px 0px; }
.r_10 ul li p{margin-top:40px}


.r_11{background: #1d65d4; color:#fff; text-align:center}
.r_11 ul{float:left; position:relative; left:50%;}
.r_11 ul li{float:left; margin:60px 80px 0px auto; position:relative; right:50%; width:292px; }
.r_11 ul li .r_10_l_img{padding:14px 0px; }
.r_11 ul li p{margin-top:50px; font-size:12px; font-family:"Microsoft YaHei"; line-height:26px;}

.footer {
    padding:58px 0px;
    background: #fff;
    text-align: center;
    font-family: 'NSimSun';
    font-size: 12px;
    color:#9c9c9c;
    line-height:24px;
}
/*!
Pure v0.5.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v1.1.3 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*csslint important:false*/

/* ==========================================================================
   Pure Base Extras
   ========================================================================== */

/**
 * Extra rules that Pure adds on top of Normalize.css
 */

/**
 * Always hide an element when it has the `hidden` HTML attribute.
 */

[hidden] {
    display: none !important;
}

/**
 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
 * aspect ratio.
 */
.pure-img {
    max-width: 100%;
    height: auto;
    display: block;
}

/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/

.pure-g {
    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */

    /*
    Sets the font stack to fonts known to work properly with the above letter
    and word spacings. See: https://github.com/yui/pure/issues/41/

    The following font stack makes Pure Grids work on all known environments.

    * FreeSans: Ships with many Linux distros, including Ubuntu

    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
      Arial to get picked up by the browser, even though neither is available
      in Chrome OS.

    * Droid Sans: Ships with all versions of Android.

    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
    */
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;

    /*
    Use flexbox when possible to avoid `letter-spacing` side-effects.

    NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
    `-moz-` prefix version is omitted.
    */

    display: -webkit-flex;
    -webkit-flex-flow: row wrap;

    /* IE10 uses display: flexbox */
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
}

/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g {
    word-spacing: -0.43em;
}

.pure-u {
    display: inline-block;
    *display: inline; /* IE < 8: fake inline-block */
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
.pure-g [class *= "pure-u"] {
    font-family: sans-serif;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-u-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
}

.pure-u-1-12,
.pure-u-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
}

.pure-u-1-8,
.pure-u-3-24 {
    width: 12.5000%;
    *width: 12.4690%;
}

.pure-u-1-6,
.pure-u-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
}

.pure-u-1-5 {
    width: 20%;
    *width: 19.9690%;
}

.pure-u-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
}

.pure-u-1-4,
.pure-u-6-24 {
    width: 25%;
    *width: 24.9690%;
}

.pure-u-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
}

.pure-u-1-3,
.pure-u-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
}

.pure-u-3-8,
.pure-u-9-24 {
    width: 37.5000%;
    *width: 37.4690%;
}

.pure-u-2-5 {
    width: 40%;
    *width: 39.9690%;
}

.pure-u-5-12,
.pure-u-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
}

.pure-u-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
}

.pure-u-1-2,
.pure-u-12-24 {
    width: 50%;
    *width: 49.9690%;
}

.pure-u-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
}

.pure-u-7-12,
.pure-u-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
}

.pure-u-3-5 {
    width: 60%;
    *width: 59.9690%;
}

.pure-u-5-8,
.pure-u-15-24 {
    width: 62.5000%;
    *width: 62.4690%;
}

.pure-u-2-3,
.pure-u-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
}

.pure-u-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
}

.pure-u-3-4,
.pure-u-18-24 {
    width: 75%;
    *width: 74.9690%;
}

.pure-u-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
}

.pure-u-4-5 {
    width: 80%;
    *width: 79.9690%;
}

.pure-u-5-6,
.pure-u-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
}

.pure-u-7-8,
.pure-u-21-24 {
    width: 87.5000%;
    *width: 87.4690%;
}

.pure-u-11-12,
.pure-u-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
}

.pure-u-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
    width: 100%;
}
.pure-button {
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*csslint outline-none:false*/

.pure-button {
    font-family: inherit;
    font-size: 100%;
    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.5em 1em;
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    *color: #444; /* IE 6 & 7 */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.pure-button:focus {
    outline: 0;
}
.pure-button-active,
.pure-button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
    border: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=40);
    -khtml-opacity: 0.40;
    -moz-opacity: 0.40;
    opacity: 0.40;
    cursor: not-allowed;
    box-shadow: none;
}

.pure-button-hidden {
    display: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner{
    padding: 0;
    border: 0;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}

.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type]) {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
/* May be able to remove this tweak as color inputs become more standardized across browsers. */
.pure-form input[type="color"] {
    padding: 0.2em 0.5em;
}


.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
    outline: 0;
    outline: thin dotted \9; /* IE6-9 */
    border-color: #129FEA;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type]):focus {
    outline: 0;
    outline: thin dotted \9; /* IE6-9 */
    border-color: #129FEA;
}

.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 1px auto #129FEA;
}
.pure-form .pure-checkbox,
.pure-form .pure-radio {
    margin: 0.5em 0;
    display: block;
}

.pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}
.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
    background: #eee; /* menu hover bg color */
    color: #777; /* menu text color */
    border-color: #ccc;
}

.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}
.pure-form input:focus:invalid:focus,
.pure-form textarea:focus:invalid:focus,
.pure-form select:focus:invalid:focus {
    border-color: #e9322d;
}
.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
    outline-color: #e9322d;
}
.pure-form select {
    border: 1px solid #ccc;
    background-color: white;
}
.pure-form select[multiple] {
    height: auto;
}
.pure-form label {
    margin: 0.5em 0 0.2em;
}
.pure-form fieldset {
    margin: 0;
    padding: 0.35em 0 0.75em;
    border: 0;
}
.pure-form legend {
    display: block;
    width: 100%;
    padding: 0.3em 0;
    margin-bottom: 0.3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}

.pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
    display: block;
    margin: 0.25em 0;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form-stacked input:not([type]) {
    display: block;
    margin: 0.25em 0;
}
.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.pure-form-aligned textarea {
    vertical-align: top;
}

/* Aligned Forms */
.pure-form-aligned .pure-control-group {
    margin-bottom: 0.5em;
}
.pure-form-aligned .pure-control-group label {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 10em;
    margin: 0 1em 0 0;
}
.pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 10em;
}

/* Rounded Inputs */
.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
    border-radius: 2em;
    padding: 0.5em 1em;
}

/* Grouped Inputs */
.pure-form .pure-group fieldset {
    margin-bottom: 10px;
}
.pure-form .pure-group input {
    display: block;
    padding: 10px;
    margin: 0;
    border-radius: 0;
    position: relative;
    top: -1px;
}
.pure-form .pure-group input:focus {
    z-index: 2;
}
.pure-form .pure-group input:first-child {
    top: 1px;
    border-radius: 4px 4px 0 0;
}
.pure-form .pure-group input:last-child {
    top: -2px;
    border-radius: 0 0 4px 4px;
}
.pure-form .pure-group button {
    margin: 0.35em 0;
}

.pure-form .pure-input-1 {
    width: 100%;
}
.pure-form .pure-input-2-3 {
    width: 66%;
}
.pure-form .pure-input-1-2 {
    width: 50%;
}
.pure-form .pure-input-1-3 {
    width: 33%;
}
.pure-form .pure-input-1-4 {
    width: 25%;
}

/* Inline help for forms */
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-form .pure-help-inline,
.pure-form-message-inline {
    display: inline-block;
    padding-left: 0.3em;
    color: #666;
    vertical-align: middle;
    font-size: 0.875em;
}

/* Block help for forms */
.pure-form-message {
    display: block;
    color: #666;
    font-size: 0.875em;
}

@media only screen and (max-width : 480px) {
    .pure-form button[type="submit"] {
        margin: 0.7em 0 0;
    }

    .pure-form input:not([type]),
    .pure-form input[type="text"],
    .pure-form input[type="password"],
    .pure-form input[type="email"],
    .pure-form input[type="url"],
    .pure-form input[type="date"],
    .pure-form input[type="month"],
    .pure-form input[type="time"],
    .pure-form input[type="datetime"],
    .pure-form input[type="datetime-local"],
    .pure-form input[type="week"],
    .pure-form input[type="number"],
    .pure-form input[type="search"],
    .pure-form input[type="tel"],
    .pure-form input[type="color"],
    .pure-form label {
        margin-bottom: 0.3em;
        display: block;
    }

    .pure-group input:not([type]),
    .pure-group input[type="text"],
    .pure-group input[type="password"],
    .pure-group input[type="email"],
    .pure-group input[type="url"],
    .pure-group input[type="date"],
    .pure-group input[type="month"],
    .pure-group input[type="time"],
    .pure-group input[type="datetime"],
    .pure-group input[type="datetime-local"],
    .pure-group input[type="week"],
    .pure-group input[type="number"],
    .pure-group input[type="search"],
    .pure-group input[type="tel"],
    .pure-group input[type="color"] {
        margin-bottom: 0;
    }

    .pure-form-aligned .pure-control-group label {
        margin-bottom: 0.3em;
        text-align: left;
        display: block;
        width: 100%;
    }

    .pure-form-aligned .pure-controls {
        margin: 1.5em 0 0 0;
    }

    /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
    .pure-form .pure-help-inline,
    .pure-form-message-inline,
    .pure-form-message {
        display: block;
        font-size: 0.75em;
        /* Increased bottom padding to make it group with its related input element. */
        padding: 0.2em 0 0.8em;
    }
}

/*csslint adjoining-classes:false, outline-none:false*/
/*TODO: Remove this lint rule override after a refactor of this code.*/

.pure-menu ul {
    position: absolute;
    visibility: hidden;
}

.pure-menu.pure-menu-open {
    visibility: visible;
    z-index: 2;
    width: 100%;
}

.pure-menu ul {
    left: -10000px;
    list-style: none;
    margin: 0;
    padding: 0;
    top: -10000px;
    z-index: 1;
}

.pure-menu > ul { position: relative; }

.pure-menu-open > ul {
    left: 0;
    top: 0;
    visibility: visible;
}

.pure-menu-open > ul:focus {
    outline: 0;
}

.pure-menu li { position: relative; }

.pure-menu a,
.pure-menu .pure-menu-heading {
    display: block;
    color: inherit;
    line-height: 1.5em;
    padding: 5px 20px;
    text-decoration: none;
    white-space: nowrap;
}

.pure-menu.pure-menu-horizontal > .pure-menu-heading {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    vertical-align: middle;
}
.pure-menu.pure-menu-horizontal > ul {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

.pure-menu li a { padding: 5px 20px; }

.pure-menu-can-have-children > .pure-menu-label:after {
    content: '\25B8';
    float: right;
    /* These specific fonts have the Unicode char we need. */
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif;
    margin-right: -20px;
    margin-top: -1px;
}

.pure-menu-can-have-children > .pure-menu-label {
    padding-right: 30px;
}

.pure-menu-separator {
    background-color: #dfdfdf;
    display: block;
    height: 1px;
    font-size: 0;
    margin: 7px 2px;
    overflow: hidden;
}

.pure-menu-hidden {
    display: none;
}

/* FIXED MENU */
.pure-menu-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}


/* HORIZONTAL MENU CODE */

/* Initial menus should be inline-block so that they are horizontal */
.pure-menu-horizontal li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

/* Submenus should still be display: block; */
.pure-menu-horizontal li li {
    display: block;
}

/* Content after should be down arrow */
.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
    content: "\25BE";
}
/*Add extra padding to elements that have the arrow so that the hover looks nice */
.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
    padding-right: 30px;
}

/* Adjusting separator for vertical menus */
.pure-menu-horizontal li.pure-menu-separator {
	height: 50%;
	width: 1px;
	margin: 0 7px;
}

/* Submenus should be horizontal separator again */
.pure-menu-horizontal li li.pure-menu-separator {
	height: 1px;
	width: auto;
	margin: 7px 2px;
}


/*csslint adjoining-classes:false*/
/*TODO: Remove this lint rule override after a refactor of this code.*/

/* MAIN MENU STYLING */

.pure-menu.pure-menu-open,
.pure-menu.pure-menu-horizontal li .pure-menu-children {
    background: #fff; /* Old browsers */
    border: 1px solid #b7b7b7;
}

/* remove borders for horizontal menus */
.pure-menu.pure-menu-horizontal,
.pure-menu.pure-menu-horizontal .pure-menu-heading {
    border: none;
}


/* LINK STYLES */

.pure-menu a {
    border: 1px solid transparent;
    border-left: none;
    border-right: none;

}

.pure-menu a,
.pure-menu .pure-menu-can-have-children > li:after {
    color: #777;
}

.pure-menu .pure-menu-can-have-children > li:hover:after {
    color: #fff;
}

/* Focus style for a dropdown menu-item when the parent has been opened */
.pure-menu .pure-menu-open {
    background: #dedede;
}


.pure-menu li a:hover,
.pure-menu li a:focus {
    background: #eee;
}

/* DISABLED STATES */
.pure-menu li.pure-menu-disabled a:hover,
.pure-menu li.pure-menu-disabled a:focus {
    background: #fff;
    color: #bfbfbf;
}

.pure-menu .pure-menu-disabled > a {
    background-image: none;
    border-color: transparent;
    cursor: default;
}

.pure-menu .pure-menu-disabled > a,
.pure-menu .pure-menu-can-have-children.pure-menu-disabled > a:after {
    color: #bfbfbf;
}

/* HEADINGS */
.pure-menu .pure-menu-heading {
    color: #565d64;
    text-transform: uppercase;
    font-size: 90%;
    margin-top: 0.5em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dfdfdf;
}

/* ACTIVE MENU ITEM */
.pure-menu .pure-menu-selected a {
    color: #000;
}

/* FIXED MENU */
.pure-menu.pure-menu-open.pure-menu-fixed {
    border: none;
    border-bottom: 1px solid #b7b7b7;
}

/*csslint box-model:false*/
/*TODO: Remove this lint rule override after a refactor of this code.*/


.pure-paginator {

    /* `pure-g` Grid styles */
    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */

    /* `pure-paginator` Specific styles */
    list-style: none;
    margin: 0;
    padding: 0;
}
.opera-only :-o-prefocus,
.pure-paginator {
    word-spacing: -0.43em;
}

/* `pure-u` Grid styles */
.pure-paginator li {
    display: inline-block;
    *display: inline; /* IE < 8: fake inline-block */
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}


.pure-paginator .pure-button {
    border-radius: 0;
    padding: 0.8em 1.4em;
    vertical-align: top;
    height: 1.1em;
}
.pure-paginator .pure-button:focus,
.pure-paginator .pure-button:active {
    outline-style: none;
}
.pure-paginator .prev,
.pure-paginator .next {
    color: #C0C1C3;
    text-shadow: 0 -1px 0 rgba(0,0,0, 0.45);
}
.pure-paginator .prev {
    border-radius: 2px 0 0 2px;
}
.pure-paginator .next {
    border-radius: 0 2px 2px 0;
}

@media (max-width: 480px) {
    .pure-menu-horizontal {
        width: 100%;
    }

    .pure-menu-children li {
        display: block;
        border-bottom: 1px solid black;
    }
}

.pure-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center;
}

.pure-table td,
.pure-table th {
    border-left: 1px solid #cbcbcb;/*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 0.5em 1em; /* cell padding */
}
.pure-table td:first-child,
.pure-table th:first-child {
    border-left-width: 0;
}

.pure-table thead {
    background: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
.pure-table td {
    background-color: transparent;
}
.pure-table-odd td {
    background-color: #f2f2f2;
}

/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

/* BORDERED TABLES */
.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody > tr:last-child td,
.pure-table-horizontal tbody > tr:last-child td {
    border-bottom-width: 0;
}


/* HORIZONTAL BORDERED TABLES */

.pure-table-horizontal td,
.pure-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-horizontal tbody > tr:last-child td {
    border-bottom-width: 0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    /* ����ջд����: */
    font-family: "Microsoft YaHei Light", Georgia, Times, "Times New Roman", serif;
}
@charset "utf-8";