body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
img {border-style:none;}
ul,li {list-style-type:none;}
body,html { overflow-x:hidden}
form {margin:0;padding:0;}
body {font-size:14px;font-family:"微软雅黑",Arial, Verdana,  Helvetica, sans-serif;color:#fbe9a7;line-height:24px;background:#362e2b;}
input {font-size:12px;font-family:"微软雅黑", Verdana, Arial, Helvetica, sans-serif;color:#333;line-height: 17px;}
select {border: 1px solid #744219;font-size: 12px;color: #333;}
.clearboth {line-height:0px;height:0px;clear:both;*display:inline; font-size:0px;}
a:visited,a:link {color:#f31c07;text-decoration:none;border-style:none;}
a:hover {color:#fco;text-decoration:none;border-style:none;}
.fl {float:left;}
.fr {float:right;}
i,em { font-style:normal}
.margin_auto {margin-right:auto;margin-left:auto;}
.mgT20{ margin-top:20px}
.txtL {text-align:left;}
.txtC {text-align:center;}
.txtR {text-align:right;}
.wrapout {background: url(../image/bgWrap63.jpg) no-repeat center top;}
.wrapinner {background: url(../image/bgWrap63.jpg) no-repeat center top;width:1080px; min-height:100px; _height:100px; padding-bottom:50px}
.header { height:480px; position:relative}
.navIndex dd a,.nav a,.logo a,.pageTit,.subNav dd a,.contentPage03_tab dd a,.contentPage03_con_tab dd a,.btnTf a,.floatNav dd a  { background:url(../image/png50.png) no-repeat}
.menu,.logo,.btnRule,.note{ position:absolute}
.menu {height:20px;top:15px; right:180px;}
.menu a {width:50px; height:16px; display:block; text-align:center; line-height:16px;outline:none; color:#45301b; float:left; border-right:1px solid #45301b;}
.menu a.last { border:none}
.logo { width:260px; height:100px;top:0; left:10px; top:0; z-index:10}
.logo a { height:90px; display:block; text-indent:-9999px; outline:none;background-position:-390px -804px}
.navIndex { width:1200px;position:absolute;top: 50%; left:50%; margin-left:-558px; z-index:10}
.navIndex dd{ width:182px; float:left; margin-left:-20px}
.navIndex dd.n2,.navIndex dd.n4,.navIndex dd.n6 { margin-top:90px;}
.navIndex dd a { height:182px; display:block; text-indent:-9999px; outline:none}
.navIndex dd.n1 a { background-position:0 0}
.navIndex dd.n2 a { background-position:-185px 0}
.navIndex dd.n3 a { background-position:-370px 0}
.navIndex dd.n4 a { background-position:-555px 0}
.navIndex dd.n5 a { background-position:-740px 0}
.navIndex dd.n6 a { background-position:-925px 0}
.navIndex dd.n7 a { background-position:-1110px 0}
.navIndex dd.n1 a:hover { background-position:0 -184px}
.navIndex dd.n2 a:hover { background-position:-185px -184px}
.navIndex dd.n3 a:hover { background-position:-370px -184px}
.navIndex dd.n4 a:hover { background-position:-555px -184px}
.navIndex dd.n5 a:hover { background-position:-740px -184px}
.navIndex dd.n6 a:hover { background-position:-925px -184px}
.navIndex dd.n7 a:hover { background-position:-1110px -184px}

.runArr{ width:73px; height:198px; background:url(../image/arr1.png) no-repeat; position:absolute; bottom:20px; left:50%; margin-left:-36px; text-indent:-9999px; z-index:9;-webkit-animation: arrShow 0.8s ease-out infinite;animation: arrShow 0.8s ease-out infinite;}

.function { width:1090px; height:600px;position:absolute;top: 50%; left:50%; margin:-300px 0 0 -545px; z-index:10}
.function dd { float:left; margin-bottom:10px; width:270px; height:276px; background:#7e6b5a; position:relative}
.function dd.n5 { width:274px;}
.function dd.n1,.function dd.n1 i{ width:544px; background:url(../image/p1_f.jpg) no-repeat}
.function dd a { height:276px; display:block;}
.function dd i { width:100%; height:100%; position:absolute; z-index:1;opacity:0;transform:scale(1.1);transition:opacity ease 1s,transform ease 1s; background:url(../image/p12.jpg) no-repeat}
.function dd a.current i {opacity:1;transform:scale(1);}
.function dd a.current .functionIntro {transform:translateY(-10px);}
.function dd.n1 i { background-position:0 -276px}
.function dd.n2 i { background-position:-544px 0}
.function dd.n3 i { background-position:-814px 0}
.function dd.n4 i { background-position:0 -286px}
.function dd.n5 i { background-position:-270px -286px}
.function dd.n6 i { background-position:-544px -286px}
.function dd.n7 i { background-position:-815px -286px}
.function dd.n2,.function dd.n4,.function dd.n6{ background:#553325}
.functionIntro { width:100%; position:absolute; top:20px; left:20px; z-index:11; color:#fff; font-size:24px;transform:translateY(0px);transition:all ease .5s;}
.function dd.n1 .functionIntro { top:auto; bottom:20px}
.functionIntro span { display:block;line-height:30px; background:url(../image/p1_l.png) no-repeat left bottom; padding:0 0 8px 12px; margin-bottom:5px}
.functionIntro span::before{content:" "; width:3px; height:25px; background:#fff; position:absolute; top:3px; left:0;}
.functionIntro p { font-size:30px; color:#fcec95; font-weight:bold; line-height:40px; background:url(../image/arr2.png) no-repeat 150px center}
.function dd.n1 .functionIntro p { background:none}

.pageTit { width:360px; height:165px; position:absolute; top:245px; left:0}
.pageTit.t1 { background-position:0 -411px}
.pageTit.t2 { background-position:0 -597px}
.pageTit.t3 { background-position:0 -780px}
.pageTit.t4 { background-position:0 -964px}
.pageTit.t5 { background-position:0 -1144px}
.pageTit.t6 { background-position:0 -1329px}
.pageTit.t7 { background-position:0 -1515px}

.subNav{ width:175px;}
.subNav dd { /*height:90px;*/ height:63px; background:url(../image/arr12.png) no-repeat center 65px}
.subNav dd:last-child{ background:none}
.subNav dd a,.subNav dd span { height:58px; display:block; text-align:center; line-height:58px; background-position:-388px -424px; font-size:22px; font-weight:bold}
.subNav dd a span {background-image:-webkit-linear-gradient(bottom,#fbeaa7,#bb956f,#fbeaa7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.subNav dd.n4 span,.subNav dd.n11 span { font-size:20px}
.subNav dd a:hover,.subNav dd a.current { background-position:-388px -511px; color:#32241d}
.subNav dd a:hover span,.subNav dd a.current span {background-image:-webkit-linear-gradient(top,#32241d,#32241d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.contentPage01 {width:820px; min-height:780px; }
.contentPage01Show {border:2px solid #fbe9a7; padding:50px 40px 40px; position:relative; margin-bottom:50px}
.contentPage01Show span { color:#FC3}
.contentPage01Tit { height:80px; background:#362e2b; line-height:80px; padding:0 20px; position:absolute; top:-40px; left:30px; font-size:60px; font-weight:bold; color:#fbe9a7}

.contentPage02 { background:#211c1a; padding:40px; position:relative}
.contentPage02_1 { width:360px;color:#fbeaa7; position:relative}
.contentPage02_1 h2 { font-size:60px;font-family:"宋体"; line-height:80px; height:90px;}
.contentPage02_1 h3 { font-size:21px; font-weight:normal; height:35px; border-bottom:2px solid #fbeaa7; position:relative; margin-bottom:20px}
.contentPage02_1 h3::before { width:15px; height:15px; content:" "; position:absolute; top:25px; right:0; background:#27211f; border-radius:50%; border:3px solid #fbeaa7}
.contentPage02_2 { width:auto;}
.contentPage02_2_tab { height:50px; position:relative; z-index:10}
.contentPage02_2_tab dd,.contentPage02_3_tab dd { width:171px; float:left; margin:0 8px;border:2px solid #fbeaa7;}
.contentPage02_2_tab dd.current,.contentPage02_3_tab dd.current {background-image: linear-gradient(#fbeaa7, #bb956f);} 
.contentPage02_2_tab dd a,.contentPage02_3_tab dd a { height:40px; display:block; text-align:center; font-size:20px; color:#fbeaa7; line-height:40px;  font-weight:bold;background-image:-webkit-linear-gradient(top,#fbeaa7,#bb956f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.contentPage02_2_tab dd.current a,.contentPage02_3_tab dd.current a {color:#332b27;background-image:-webkit-linear-gradient(top,#59493f,#27211f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.contentPage02_2_con { width:591px; height:425px; background:url(../image/p2_1.jpg) no-repeat; position:relative}
.contentPage02_2_con img { margin:31px 0 0 29px}
.contentPage02_2_con dd {position:absolute; z-index:1;transform:translateY(-20px);opacity:0;transition:all ease .5s}
.contentPage02_2_con dd a { font-size:15px;color:#fff; text-shadow:0px 2px 2px #000; font-weight:bold}
.contentPage02_2_con dd i { width:31px; height:37px; background:url(../image/img_point.png) no-repeat; position:absolute; top:0; left:50%; margin-left:-15px;-webkit-animation: loader-animation 0.8s ease-out infinite;animation: loader-animation 0.8s ease-out infinite;}
.contentPage02_2_con dd.n1{ top:210px; left:80px;}
.contentPage02_2_con dd.n2{ top:230px; left:125px;}
.contentPage02_2_con dd.n3{ top:120px; left:140px;}
.contentPage02_2_con dd.n4{ top:290px; left:170px;}
.contentPage02_2_con dd.n5{ top:180px; left:125px;}
.contentPage02_2_con dd.n6{ top:110px; left:230px;}
.contentPage02_2_con dd.n7{ top:210px; left:230px;}
.contentPage02_2_con dd.n8{ top:295px; left:240px;}
.contentPage02_2_con dd.n9{ top:275px; left:300px;}
.contentPage02_2_con dd.n10{ top:45px; left:350px;}
.contentPage02_2_con dd.n11{ top:100px; left:365px;}
.contentPage02_2_con dd.n12{ top:35px; left:440px;}
.contentPage02_2_con dd.n13{ top:150px; left:470px;}
.contentPage02_2_con dd.n14{ top:220px; left:400px;}
.contentPage02_2_con dl.current dd { z-index:2;opacity:1;transform:translateX(0px);}
.contentPage02_2_tabCon {transform:translateX(-50px);opacity:0;transition:all ease 1s; position:absolute;}
.contentPage02_2_tabCon.current {opacity:1;transform:translateY(0px);}
.contentPage02_3_tab { height:150px; padding-left:150px}
.contentPage02_3_tab dd { width:195px; float:left; margin:0 15px;}
.contentPage02_3_tab dd a { height:72px; padding-top:13px; line-height:28px; font-size:28px;}
.contentPage02_3_tab dd a span { font-size:20px;}
.contentPage02_3_con { display:none}
.contentPage02_3_con dd{ width:250px; height:530px; background:#4b3e35; float:left; margin:0 6px; position:relative}
.contentPage02_3_conTop { background:#6f5e4f; padding:15px 15px 0px;}
.contentPage02_3_conTopInner { height:180px;border:2px solid #483b33; border-bottom:none;}
.contentPage02_3_conTopInnerIco { width:156px; height:156px; position:absolute; top:-30px; left:50%; margin-left:-78px; background:none; border:2px solid #FC3; border-radius:50%; overflow:hidden}
.contentPage02_3_conTopInnerIco img { margin-top:-30px}
.contentPage02_3_conTopInnerName {margin:120px auto 0;}
.btnBase { width:230px; height:40px; line-height:40px; color:#fbeaa7; font-size:22px; text-align:center; background:#362e2b;
	background: linear-gradient(135deg, transparent 46px, #362e2b 0) top left,linear-gradient(-135deg, transparent 46px, #362e2b 0) top right,linear-gradient(-45deg, transparent 45px, #362e2b 0) bottom right,linear-gradient(45deg, transparent 45px, #362e2b 0) bottom left;background-size: 51% 51%;background-repeat: no-repeat;}
.contentPage02_3_conBot { padding:20px; line-height:24px;}
.btnCk { width:90px; height:35px; display:block; text-align:center; line-height:35px;background-image: linear-gradient(#a08a57, #fcdc6c, #a08a57);box-shadow:1px 1px 5px #000; position:absolute; bottom:15px; left:50%; margin-left:-45px}
.btnCk:link,.btnCk:visited { color:#000; font-weight:bold}

.contentPage03_tab { height:190px;}
.contentPage03_tab dd { width:351px; float:left;}
.contentPage03_tab dd.n2{ margin:0 13px}
.contentPage03_tab dd a { height:172px; display:block; font-size:50px; color:#fceba8; font-weight:bold; line-height:160px; text-indent:7px; text-align:center; background-position:-579px -418px}
.contentPage03_tab dd a:hover,.contentPage03_tab dd a.current{ background-position:-929px -418px}
.contentPage03_con,.contentPage03_con_subCon { height:762px; position:relative; display:none}
.contentPage03_con_tab { position:absolute; bottom:31px; left:20px; z-index:5}
.contentPage03_con_tab dd { width:107px; float:left; margin-left:29px}
.contentPage03_con_tab dd a { height:90px; padding-top:20px; display:block; text-align:center; line-height:32px; font-size:31px; color:#362e2b; background-position:-1061px -631px; font-weight:bold}
.contentPage03_con_tab dd a:hover,.contentPage03_con_tab dd a.current { background-position:-1180px -631px; color:#e3d8c4}
#contentPage03_con1_1 { background:url(../image/p3_1.jpg) no-repeat}
#contentPage03_con1_2 { background:url(../image/p3_2.jpg) no-repeat}
#contentPage03_con1_3 { background:url(../image/p3_3.jpg) no-repeat}
.contentPage03_con_subCon { padding:20px 0 0 35px; color:#362e2b}
.contentPage03_con_subCon .btnBase { margin-left:-50px; color:#e3d8c4; margin-bottom:10px}
.contentPage03_con_subCon_tit {font-size:80px; color:#726965; line-height:120px; height:140px; font-weight:bold}
.contentPage03_con_subCon_intro { padding-left:20px;}
.contentPage03_con_subCon_intro a { width:120px; height:35px; line-height:35px; display:block; text-align:center; font-size:19px; border:1px solid #362e2b; margin-top:10px; color:#362e2b; font-weight:bold}
.contentPage03_con_subCon_intro a:hover { color:#F30; border:1px solid #F30;}
#contentPage03_con2 { background:url(../image/p3_4.jpg) no-repeat}
.contentPage03_con_life { padding:110px 0 0 330px}
.contentPage03_con_life dd { width:345px; float:left; margin:10px;}
.contentPage03_con_life dd a { height:170px; padding-top:50px; display:block; text-align:center; font-size:50px; line-height:60px; color:#ffff00; font-weight:bold; background:url(../image/p3_6.jpg) no-repeat}
.contentPage03_con_life dd a.spe{ font-size:30px;}
.contentPage03_con_life dd a:hover { background-position:0 -224px}
.contentPage03_con_life dd i {width:90px; height:35px;  line-height:35px; margin:10px auto 0;font-weight:bold; font-size:18px; color:#3a2d26; display:block;background-image: linear-gradient(#a08a57, #fcdc6c, #a08a57);box-shadow:1px 1px 5px #000;display:none;}
.contentPage03_con_life dd.n1 a { font-size:40px}
.contentPage03_con_life dd.n3 a,.contentPage03_con_life dd.n4 a { padding-top:80px; height:140px}
#contentPage03_con3 {background:url(../image/p3_5.jpg) no-repeat;}
.contentPage03_con_vip{ padding:30px 0 0 15px}
.contentPage03_con_vip dd { width:252px;float:left; margin:15px 5px;} 
.contentPage03_con_vip dd a { height:213px; display:block;  text-align:center; background:url(../image/p3_7.jpg) no-repeat}
.contentPage03_con_vip dd.n1 a { background-position:0 0}
.contentPage03_con_vip dd.n2 a { background-position:-259px 0}
.contentPage03_con_vip dd.n3 a { background-position:-519px 0}
.contentPage03_con_vip dd.n4 a { background-position:-778px 0}
.contentPage03_con_vip dd.n5 a { background-position:-1039px 0}
.contentPage03_con_vip dd.n6 a { background-position:-1299px 0}
.contentPage03_con_vip dd.n7 a { background-position:-1559px 0}
.contentPage03_con_vip dd.n1 a:hover { background-position:0 -221px}
.contentPage03_con_vip dd.n2 a:hover { background-position:-259px -221px}
.contentPage03_con_vip dd.n3 a:hover { background-position:-519px -221px}
.contentPage03_con_vip dd.n4 a:hover { background-position:-778px -221px}
.contentPage03_con_vip dd.n5 a:hover { background-position:-1039px -221px}
.contentPage03_con_vip dd.n6 a:hover { background-position:-1299px -221px}
.contentPage03_con_vip dd.n7 a:hover { background-position:-1559px -221px}
.contentPage03_con_vip dd span {font-size:57px; line-height:75px; font-weight:bold; display:block;background-image:-webkit-linear-gradient(top,#faf7f3,#fee88f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.contentPage03_con_vip dd i { font-size:30px;color:#fbeaa7}
.contentPage03_con_note { width:550px;height:35px; line-height:35px; background:#3b2b20; border-radius:10px; margin:50px auto 0; text-align:center}

.contentPage04_con { width:450px; }
.contentPage04_con span { color:#fb9d2d}
.contentPage04_con_tit { width:240px; height:50px; line-height:50px; margin-bottom:20px; color:#fcf4ac; font-size:25px; text-indent:40px; margin-left:-40px;background:#903807;
	background: linear-gradient(135deg, transparent 0px, #903807 0) top left,linear-gradient(-135deg, transparent 46px, #903807 0) top right,linear-gradient(-45deg, transparent 45px, #903807 0) bottom right,linear-gradient(45deg, transparent 0px, #903807 0) bottom left;background-size: 51% 51%;background-repeat: no-repeat;}
.contentPage04_con_subCon { display:none;}
.contentPage04_con_tab { height:70px;}
.contentPage04_con_tab dd{ float:left; margin-right:10px}
.contentPage04_con_tab dd a { width:160px; height:35px; display:block; line-height:35px; text-align:center; color:#f8b551; background:#211c1a; border:1px solid #f8b551; font-size:18px;}
.contentPage04_con_tab dd a.hover,.contentPage04_con_tab dd a.current{ background:#f8b551; color:#211c1a}
.contentPage04_conImg img { width:500px;}

.contentPage05_con,.contentPage05_subCon { display:none}
.contentPage05_con_note { position:absolute; top:200px; left:50px;}
.contentPage05_con_subCon { background:#59493f; border:1px solid #1a1413; margin-top:10px; padding:20px 0}
.contentPage05_con_subCon_inner { background:#392c25; padding:20px 0; position:relative}
.contentPage05_subTab { position:absolute; top:80px; left:50px;}
.contentPage05_subTab dd { float:left; margin-right:10px}
.contentPage05_subTab dd a { width:90px; height:30px; line-height:30px; display:block; text-align:center; border:1px solid #f8b551; background:#392c25; font-size:15px; color:#f8b551; font-weight:bold}
.contentPage05_subTab dd a:hover,.contentPage05_subTab dd a.current { background:#f8b551; color:#8e3d0d}
.btnTf { width:214px; margin:30px auto}
.btnTf a { height:58px; display:block; text-indent:-9999px; outline:none; background-position:-388px -939px}
.btnTf a:hover { background-position:-388px -997px}

.contentPage06_con { display:none}
.contentPage06_tab dd a{ font-size:42px}
.contentPage06_con_inner { padding:20px 40px; background:#211c1a; margin-top:15px; position:relative}
.contentPage06_con .btnBase { margin:0 0 15px -50px; color:#fcc783; width:auto; padding:0 80px; display:inline-block;}
.contentPage06_con span { color:#fa8f1c}

.contentPage07_tab { height:140px}
.contentPage07_tab dd { width:251px;}
.contentPage07_tab dd.n2 { margin:0 22px}
.contentPage07_tab dd.n3{ margin-right:22px}
.contentPage07_tab dd a { height:122px; line-height:112px; font-size:34px; background-position:-690px -806px;}
.contentPage07_tab dd.n4 a { font-size:26px;}
.contentPage07_tab dd a:hover,.contentPage07_tab dd a.current {background-position:-945px -806px;}
.buyPeople {border:1px solid #7e6b5a; padding:10px 20px;  position:absolute; top:20px; right:50px; line-height:30px}
.buyPeople a{ background:#362e2b; color:#fcf4ac; padding:0 10px; display:block; position:absolute; bottom:-36px; left:73px}
hr{ height:0px; border-bottom:1px solid #fcf4ac; margin:50px 0 20px}

.subTitle {height:125px; padding-top:35px; margin:0 auto; font-size:55px; font-weight:bold; text-align:center; line-height:80px;background-image:-webkit-linear-gradient(#5e4229,#5e4229,#000000,#000000,#030000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.alertBox {width:1080px; height:610px;position:fixed;z-index:1000;display:none;top:50%; left:50%; margin:-305px 0 0 -540px; background:url(../image/bgPop2.jpg) no-repeat;}
.ajaxConIn {color:#100e0d; padding:0 80px; font-size:15px;}
.ajaxConIn span { color:#fbe9a7;}
.ajaxConIn span.blue { color:#00F;}
.subCon { line-height:28px; height:425px; overflow-x:hidden; overflow-y:auto}
#dialog-overlay {width:0;height:0;opacity: 0.5;position:absolute;background:#000;top:0; left:0;z-index:500;display:none;}
.close { width:34px; height:30px; background:url(../image/close9.png) no-repeat;position:absolute; top:14px; right:12px; cursor:pointer;transform:rotate(0deg);transition:all .5s ease;}
.close:hover {transform:rotate(360deg)}

.floatNav { width:202px;position:absolute;top:430px; right:50%; margin:0 -780px 0 0;z-index:500}
.floatNav dd { margin-bottom:10px}
.floatNav dd a {height:81px; display:block; text-indent:-9999px; outline:none;}
.floatNav dd.n1 a { background-position:-636px -939px}
.floatNav dd.n2 a { background-position:-636px -1032px}
.floatNav dd.n3 a { background-position:-636px -1125px}
.floatNav dd.n4 a { background-position:-636px -1218px  }
.floatNav dd.n5 a { background-position:-636px -1311px}
.floatNav dd.n6 a { background-position:-636px -1404px}
.floatNav dd.n7 a { background-position:-636px -1497px}
.floatNav dd.n8 a { background-position:-636px -1590px}
.floatNav dd.n1 a:hover,.floatNav dd.n1 a.current { background-position:-844px -939px}
.floatNav dd.n2 a:hover,.floatNav dd.n2 a.current { background-position:-844px -1032px}
.floatNav dd.n3 a:hover,.floatNav dd.n3 a.current { background-position:-844px -1125px}
.floatNav dd.n4 a:hover,.floatNav dd.n4 a.current { background-position:-844px -1218px}
.floatNav dd.n5 a:hover,.floatNav dd.n5 a.current { background-position:-844px -1311px}
.floatNav dd.n6 a:hover,.floatNav dd.n6 a.current { background-position:-844px -1404px}
.floatNav dd.n7 a:hover,.floatNav dd.n7 a.current { background-position:-844px -1497px}
.floatNav dd.n8 a:hover,.floatNav dd.n8 a.current { background-position:-844px -1590px}

.contentPage01Show h3 {height:30px; line-height:30px; text-indent:5px;cursor:pointer;border-bottom:1px dashed #FC3; font-size:22px;color:#FC3;margin-top:10px;}
.contentPage01Show h3:hover,.contentPage01Show h3.current {color:#F93;border-bottom:1px dashed #F93; }
.subTabCon{ display:none; height:auto; padding:10px 20px}
.subTabCon img { max-width:700px}

.eventNote { width:600px; height:50px; line-height:50px; background:#7E6B5A; border:2px solid #333; text-align:center;font-size:18px; color:##fbe9a7; margin:30px auto; border-radius:10px}

@keyframes loader-animation {
    0% {
        top: -35px;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    35% {
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50% {
        top: -25px;
        -moz-transform: scale(1.2, 0.8);
        -o-transform: scale(1.2, 0.8);
        -ms-transform: scale(1.2, 0.8);
        -webkit-transform: scale(1.2, 0.8);
        transform: scale(1.2, 0.8);
    }
    75% {
        -moz-transform: scale(0.8, 1.2);
        -o-transform: scale(0.8, 1.2);
        -ms-transform: scale(0.8, 1.2);
        -webkit-transform: scale(0.8, 1.2);
        transform: scale(0.8, 1.2);
    }
    100% {
        top: -35px;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}
@keyframes arrShow {
    0% {
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
	100% {
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


.run { position:fixed; top:20px}
#videobox {min-height:1080px; position:absolute; top:0; left:0; z-index:0}