* { margin: 0; padding: 0;}
body { font: 14px/1.6 "Microsoft Yahei,arial,sans-serif";}
.inner { position: relative; width: 1080px; margin: 0 auto;}
.relative {position: relative;}
.absolute {position: absolute;}
.clear{clear: both}
#dowebok { margin-top: 0px;}
#dowebok .section { background: url(/Public/Home/images/section_bg.jpg) 0 0 repeat-x;}
#dowebok .inner { width: 960px; height: 100%;}
#dowebok .section1 { background-image: none;}
#dowebok .section1 #lang {position: absolute;  color:#ffffff;left:180px;top: 80%; font:50px/1.5 微软雅黑; text-align:center; margin: 20px auto;text-shadow: #000 0 3px 8px;}
#dowebok .section1 #lang ul{list-style-type:none;text-align: center}
#dowebok .section1 #lang ul li{float: left;padding: 15px}
#dowebok .section1 #lang ul li a{color:#FFFFFF;}

#dowebok .section1 #demo {position: absolute; width:768px;  color:#333333;  overflow:hidden; left: 400px; top: 3%; font:14px/1.5 微软雅黑; text-align:center; }
#dowebok .section1 #demo #icons {background: no-repeat top left; display:inline-block; height:128px; line-height:128px; margin:0 auto 20px auto; font-size:70px; padding-left:150px; font-style:normal; text-align:center; font-weight:bold; }
#dowebok .section1 #demo #icons.icon-xiaoyu { background-image:url(/Public/Home/images/xiaoyu1.png); }
#dowebok .section1 #demo #icons.icon-zhongyu { background-image:url(/Public/Home/images/zhongyu1.png); }
#dowebok .section1 #demo #icons.icon-dayu { background-image:url(/Public/Home/images/dayu1.png); }
#dowebok .section1 #demo #icons.icon-qing { background-image:url(/Public/Home/images/qing1.png); }
#dowebok .section1 #demo #icons.icon-duoyun { background-image:url(/Public/Home/images/duoyun1.png); }
#dowebok .section1 #demo #icons.icon-yin { background-image:url(/Public/Home/images/yin1.png); }
#dowebok .section1 #demo #icons.icon-leizhenyu { background-image:url(/Public/Home/images/leizhengyu1.png); }
#dowebok .section1 #demo #icons.icon-baoyu { background-image:url(/Public/Home/images/baoyu1.png); }
#dowebok .section1 #demo #icons.icon-zhenyu { background-image:url(/Public/Home/images/zhenyu1.png); }
#dowebok .section1 #demo p { background:rgba(0,0,0,.3); margin:0 200px; padding:20px; border-radius:1000px; font-size:16px; }
#dowebok .section1 #demo p span { margin:0 15px; }

#dowebok .section2 { background-image: none;}
#dowebok .section2 #texts {width:950px;position: absolute;  left:80px;top: 20%;   margin: 20px auto;}

#dowebok .section3 { background-image: none;}
#dowebok .section3 #texts {width:950px;position: absolute;  left:80px;top: 20%; margin: 20px auto;}

#dowebok .section4 { background-image: none;}
#dowebok .section4 #texts {width:950px;position: absolute;  left:80px;top: 20%; margin: 20px auto;}


#dowebok .section5 { background-image: none;}
#dowebok .section5 #texts {width:950px;position: absolute;  left:60px;top: 15%; margin: 20px auto;}

#dowebok .section6 { background-image: none;}
#dowebok .section6 #texts {width:950px;position: absolute;  left:60px;top: 15%; margin: 20px auto;}
#dowebok .section6 .gzlist{position: absolute;left: 60px; top: 20%;font-size:30pt}
#dowebok .section6 .gzlist ul{list-style-type:none}
#dowebok .section6 .gzlist ul li{float: left; margin: 0 8px 10px 0}
#dowebok .section6 .gzlist ul li #imgname{ position: absolute;z-index: 1}
#dowebok .section6 .gzlist ul li a img{width:470px; height: 318px; -moz-border-radius: 15px;-webkit-border-radius: 15px; border-radius:15px;   }
#dowebok .section6 .gzlist #page{width:960px;  display: block; text-align: center;font-size: 60px}


#dowebok .section7 { background-image: none;}
#dowebok .section7 #texts {width:950px;position: absolute;  left:80px;top: 20%; margin: 20px auto;}
#dowebok .section7 .gzlist{position: absolute;left: 60px; top: 20%;font-size:30pt}
#dowebok .section7 .gzlist ul{list-style-type:none}
#dowebok .section7 .gzlist ul li{float: left; margin: 0 8px 10px 0}
#dowebok .section7 .gzlist ul li #imgname{ position: absolute;z-index: 1}
#dowebok .section7 .gzlist ul li a img{width:470px; height: 318px; -moz-border-radius: 15px;-webkit-border-radius: 15px; border-radius:15px;   }
#dowebok .section7 .gzlist #page{width:960px;  display: block; text-align: center;font-size: 60px}
#dowebok .section8 { background-image: none;}
#dowebok .section8 #texts {width:950px;position: absolute;  left:60px;top: 15%; margin: 20px auto;}

#dowebok .section9 { background-image: none;}
#dowebok .section9 #texts {width:950px;position: absolute;  left:60px;top: 15%; margin: 20px auto;}
#dowebok .section9 .wlslist{position: absolute;left: 60px; top: 19%;font-size:30pt}
#dowebok .section9 .wlslist ul{list-style-type:none}
#dowebok .section9 .wlslist ul li{float: left;margin: 0 8px 10px 0}
#dowebok .section9 .wlslist ul li a img{width:470px;height: 318px;-moz-border-radius: 15px;-webkit-border-radius: 15px; border-radius:15px;   }
#dowebok .section9 .wlslist #wpage{width:960px;  display: block; text-align: center;font-size: 60px}


#dowebok .section10 { background-image: none;}
#dowebok .section10 #texts {width:950px;position: absolute;  left:60px;top: 15%; margin: 20px auto;}
/* #dowebok .section10 .eatlist{ position: absolute;left: 160px; top: 50%;font-size:30pt}
#dowebok .section10 .eatlist ul{list-style-type:none}
#dowebok .section10 .eatlist ul li{float: left;padding:0 35px 10px 0}
#dowebok .section10 .eatlist ul li a img{width:350px;height:350px;-moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius:50%;   }
#dowebok .section10 .eatlist ul li span{display: block;text-align: center} */
#dowebok .section10 .wlslist{position: absolute;left: 60px; top: 19%;font-size:30pt}
#dowebok .section10 .wlslist ul{list-style-type:none}
#dowebok .section10 .wlslist ul li{float: left;margin: 0 8px 10px 0}
#dowebok .section10 .wlslist ul li a img{width:470px;height: 318px;-moz-border-radius: 15px;-webkit-border-radius: 15px; border-radius:15px;   }
#dowebok .section10 .wlslist #wpage{width:960px;  display: block; text-align: center;font-size: 60px}

#dowebok .section11 { background-image: none;}
#dowebok .section11 #texts {width:950px;position: absolute;  left:60px;top: 15%; margin: 20px auto;}
#dowebok .section11 .eatlist{ position: absolute;left: 160px; top: 50%;font-size:30pt}
#dowebok .section11 .eatlist ul{list-style-type:none}
#dowebok .section11 .eatlist ul li{float: left;padding:0 35px 10px 0}
#dowebok .section11 .eatlist ul li a img{width:350px;height:350px;-moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius:50%;   }
#dowebok .section11 .eatlist ul li span{display: block;text-align: center}
#dowebok .section11 .livelist{ position: absolute;left: 160px; top: 50%;font-size:30pt}
#dowebok .section11 .livelist ul{list-style-type:none}
#dowebok .section11 .livelist ul li{float: left;padding:0 35px 10px 0}
#dowebok .section11 .livelist ul li a img{width:350px;height:350px;-moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius:50%;   }
#dowebok .section11 .livelist ul li span{display: block;text-align: center}
#dowebok .section12 { background-image: none;}
#dowebok .section12 #texts {width:950px;position: absolute;  left:60px;top: 15%; margin: 20px auto;}
#dowebok .section12 .livelist{ position: absolute;left: 160px; top: 50%;font-size:30pt}
#dowebok .section12 .livelist ul{list-style-type:none}
#dowebok .section12 .livelist ul li{float: left;padding:0 35px 10px 0}
#dowebok .section12 .livelist ul li a img{width:350px;height:350px;-moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius:50%;   }
#dowebok .section12 .livelist ul li span{display: block;text-align: center}


#dowebok .ft { position: absolute; left: 0; bottom: 64px; width: 960px; background-color: rgba(255, 255, 255, 0.7);}
#dowebok .ft-link { padding: 10px 0; overflow: hidden; zoom: 1;}
#dowebok .more-links { float: left; padding: 0 60px; border-right: 1px solid #e7e8e8;}
#dowebok .ft-link .first { padding-left: 100px;}
#dowebok .more-links h3 { font-size: 14px; color: #7d7d7d;}
#dowebok .more-links ul { list-style-type: none;}
#dowebok .more-links a { color: #676767; text-decoration: none;}
#dowebok .service { float: right; padding-right: 100px; background: url(../images/phone.png) 10px 10px no-repeat;}
#dowebok .service ul { padding: 0 15px 0 56px; background-color: rgba(255, 255, 255, 0.5); list-style-type: none;}
#dowebok .service .phone { padding: 7px 0 0 10px; border-left: 1px solid #fff; font-size: 22px;}
#dowebok .service .time { border-left: 1px solid #fff; font-size: 16px; color: #adb0b4;}
#dowebok .copy { height: 50px;}
#dowebok .copy p { width: 100%; padding: 0; line-height: 18px; font-size: 12px; text-align: center; color: #a1a1a1;}

#fp-nav span, .fp-slidesNav span { border: 1px solid #999;}
#fp-nav li .active span, .fp-slidesNav.active span { background-color: #4ec200;}

.zui.button,
input[type="submit"],
input[type="button"] {
    padding: 8px 18px;
    font-size: 14px;
    position: relative;
    display: inline-block;
    margin: 6px 3px 3px 0;
    background: #ffffff;
    color: #626262;
    border: 0 solid #d9d9d9;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 400;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
}
.zui.button.link,
input[type="submit"].link,
input[type="button"].link {
    border-color: transparent;
    background: transparent;
    color: inherit;
    text-shadow: none;
}
.zui.button.nobg,
input[type="submit"].nobg,
input[type="button"].nobg {
    background: transparent;
    border-color: transparent;
    text-shadow: none;
}
.zui.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: #fcfcfc;
    color: #555555;
    border-color: #bfbfbf;
}
.zui.button.current,
input[type="submit"].current,
input[type="button"].current,
.zui.button.current:hover,
input[type="submit"].current:hover,
input[type="button"].current:hover {
    z-index: 2;
    -webkit-box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.2);
}
.zui.button:before,
input[type="submit"]:before,
input[type="button"]:before {
    line-height: 1.5;
}
.zui.button,
input[type="submit"],
input[type="button"],
.zui.button.primary,
input[type="submit"].primary,
input[type="button"].primary {
    /*----------------------------------------------------------*/
    background: #e74c3c;
    border-color: #bf2718;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.zui.button.nobg,
input[type="submit"].nobg,
input[type="button"].nobg,
.zui.button.primary.nobg,
input[type="submit"].primary.nobg,
input[type="button"].primary.nobg {
    background: transparent;
    border-color: transparent;
    color: #e74c3c;
    text-shadow: none;
}
.zui.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.zui.button.primary:hover,
input[type="submit"].primary:hover,
input[type="button"].primary:hover {
    background: #e43725;
    border-color: #bf2718;
    color: #ffffff;
}
.zui.button.current,
input[type="submit"].current,
input[type="button"].current,
.zui.button.primary.current,
input[type="submit"].primary.current,
input[type="button"].primary.current,
.zui.button.current:hover,
input[type="submit"].current:hover,
input[type="button"].current:hover,
.zui.button.primary.current:hover,
input[type="submit"].primary.current:hover,
input[type="button"].primary.current:hover {
    background: #d61c1a;
    border-color: #a81615;
    color: #ffffff;
}
.zui.button.white,
input[type="submit"].white,
input[type="button"].white {
    /*----------------------------------------------------------*/
    background: #fff;
    border-color: #d9d9d9;
    color: #595959;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.zui.button.white.nobg,
input[type="submit"].white.nobg,
input[type="button"].white.nobg {
    background: transparent;
    border-color: transparent;
    color: #fff;
    text-shadow: none;
}
.zui.button.white:hover,
input[type="submit"].white:hover,
input[type="button"].white:hover {
    background: #f2f2f2;
    border-color: #d9d9d9;
    color: #595959;
}
.zui.button.white.current,
input[type="submit"].white.current,
input[type="button"].white.current,
.zui.button.white.current:hover,
input[type="submit"].white.current:hover,
input[type="button"].white.current:hover {
    background: #e6e6e6;
    border-color: #cccccc;
    color: #808080;
}
.zui.button.black,
input[type="submit"].black,
input[type="button"].black {
    /*----------------------------------------------------------*/
    background: #222222;
    border-color: #000000;
    color: #c8c8c8;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.zui.button.black.nobg,
input[type="submit"].black.nobg,
input[type="button"].black.nobg {
    background: transparent;
    border-color: transparent;
    color: #222222;
    text-shadow: none;
}
.zui.button.black:hover,
input[type="submit"].black:hover,
input[type="button"].black:hover {
    background: #151515;
    border-color: #000000;
    color: #c8c8c8;
}
.zui.button.black.current,
input[type="submit"].black.current,
input[type="button"].black.current,
.zui.button.black.current:hover,
input[type="submit"].black.current:hover,
input[type="button"].black.current:hover {
    background: #080808;
    border-color: #000000;
    color: #a2a2a2;
}
.zui.button.red,
input[type="submit"].red,
input[type="button"].red {
    /*----------------------------------------------------------*/
    background: #EB5858;
    border-color: #dc1a1a;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.zui.button.red.nobg,
input[type="submit"].red.nobg,
input[type="button"].red.nobg {
    background: transparent;
    border-color: transparent;
    color: #EB5858;
    text-shadow: none;
}
.zui.button.red:hover,
input[type="submit"].red:hover,
input[type="button"].red:hover {
    background: #e84141;
    border-color: #dc1a1a;
    color: #ffffff;
}
.zui.button.red.current,
input[type="submit"].red.current,
input[type="button"].red.current,
.zui.button.red.current:hover,
input[type="submit"].red.current:hover,
input[type="button"].red.current:hover {
    background: #e64a2a;
    border-color: #c53518;
    color: #ffffff;
}
.zui.button.green,
input[type="submit"].green,
input[type="button"].green {
    /*----------------------------------------------------------*/
    background: #89C245;
    border-color: #618c2e;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.zui.button.green.nobg,
input[type="submit"].green.nobg,
input[type="button"].green.nobg {
    background: transparent;
    border-color: transparent;
    color: #89C245;
    text-shadow: none;
}
.zui.button.green:hover,
input[type="submit"].green:hover,
input[type="button"].green:hover {
    background: #7cb33b;
    border-color: #618c2e;
    color: #ffffff;
}
.zui.button.green.current,
input[type="submit"].green.current,
input[type="button"].green.current,
.zui.button.green.current:hover,
input[type="submit"].green.current:hover,
input[type="button"].green.current:hover {
    background: #5da034;
    border-color: #477928;
    color: #ffffff;
}
.zui.button.blue,
input[type="submit"].blue,
input[type="button"].blue {
    /*----------------------------------------------------------*/
    background: #58BDE7;
    border-color: #1e9fd4;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.zui.button.blue.nobg,
input[type="submit"].blue.nobg,
input[type="button"].blue.nobg {
    background: transparent;
    border-color: transparent;
    color: #58BDE7;
    text-shadow: none;
}
.zui.button.blue:hover,
input[type="submit"].blue:hover,
input[type="button"].blue:hover {
    background: #42b4e4;
    border-color: #1e9fd4;
    color: #ffffff;
}
.zui.button.blue.current,
input[type="submit"].blue.current,
input[type="button"].blue.current,
.zui.button.blue.current:hover,
input[type="submit"].blue.current:hover,
input[type="button"].blue.current:hover {
    background: #2b8de1;
    border-color: #1b73be;
    color: #ffffff;
}
.zui.button.orange,
input[type="submit"].orange,
input[type="button"].orange {
    /*----------------------------------------------------------*/
    background: #F6A856;
    border-color: #f2830d;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.zui.button.orange.nobg,
input[type="submit"].orange.nobg,
input[type="button"].orange.nobg {
    background: transparent;
    border-color: transparent;
    color: #F6A856;
    text-shadow: none;
}
.zui.button.orange:hover,
input[type="submit"].orange:hover,
input[type="button"].orange:hover {
    background: #f59c3e;
    border-color: #f2830d;
    color: #ffffff;
}
.zui.button.orange.current,
input[type="submit"].orange.current,
input[type="button"].orange.current,
.zui.button.orange.current:hover,
input[type="submit"].orange.current:hover,
input[type="button"].orange.current:hover {
    background: #f36d26;
    border-color: #da530c;
    color: #ffffff;
}
.zui.button.yellow,
input[type="submit"].yellow,
input[type="button"].yellow {
    /*----------------------------------------------------------*/
    background: #F5D554;
    border-color: #efc20e;
    color: #000000;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.zui.button.yellow.nobg,
input[type="submit"].yellow.nobg,
input[type="button"].yellow.nobg {
    background: transparent;
    border-color: transparent;
    color: #F5D554;
    text-shadow: none;
}
.zui.button.yellow:hover,
input[type="submit"].yellow:hover,
input[type="button"].yellow:hover {
    background: #f4cf3c;
    border-color: #efc20e;
    color: #000000;
}
.zui.button.yellow.current,
input[type="submit"].yellow.current,
input[type="button"].yellow.current,
.zui.button.yellow.current:hover,
input[type="submit"].yellow.current:hover,
input[type="button"].yellow.current:hover {
    background: #f2a724;
    border-color: #d68d0d;
    color: #463904;
}
.zui.button.pink,
input[type="submit"].pink,
input[type="button"].pink {
    /*----------------------------------------------------------*/
    background: #F15274;
    border-color: #e4123f;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.zui.button.pink.nobg,
input[type="submit"].pink.nobg,
input[type="button"].pink.nobg {
    background: transparent;
    border-color: transparent;
    color: #F15274;
    text-shadow: none;
}
.zui.button.pink:hover,
input[type="submit"].pink:hover,
input[type="button"].pink:hover {
    background: #ef3a61;
    border-color: #e4123f;
    color: #ffffff;
}
.zui.button.pink.current,
input[type="submit"].pink.current,
input[type="button"].pink.current,
.zui.button.pink.current:hover,
input[type="submit"].pink.current:hover,
input[type="button"].pink.current:hover {
    background: #ed2370;
    border-color: #cc1158;
    color: #ffffff;
}
.zui.button.purple,
input[type="submit"].purple,
input[type="button"].purple {
    /*----------------------------------------------------------*/
    background: #9462A4;
    border-color: #694475;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.zui.button.purple.nobg,
input[type="submit"].purple.nobg,
input[type="button"].purple.nobg {
    background: transparent;
    border-color: transparent;
    color: #9462A4;
    text-shadow: none;
}
.zui.button.purple:hover,
input[type="submit"].purple:hover,
input[type="button"].purple:hover {
    background: #865796;
    border-color: #694475;
    color: #ffffff;
}
.zui.button.purple.current,
input[type="submit"].purple.current,
input[type="button"].purple.current,
.zui.button.purple.current:hover,
input[type="submit"].purple.current:hover,
input[type="button"].purple.current:hover {
    background: #814d86;
    border-color: #623b65;
    color: #ffffff;
}
.zui.button.teal,
input[type="submit"].teal,
input[type="button"].teal {
    /*----------------------------------------------------------*/
    background: #39CAB5;
    border-color: #279081;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.zui.button.teal.nobg,
input[type="submit"].teal.nobg,
input[type="button"].teal.nobg {
    background: transparent;
    border-color: transparent;
    color: #39CAB5;
    text-shadow: none;
}
.zui.button.teal:hover,
input[type="submit"].teal:hover,
input[type="button"].teal:hover {
    background: #31b8a5;
    border-color: #279081;
    color: #ffffff;
}
.zui.button.teal.current,
input[type="submit"].teal.current,
input[type="button"].teal.current,
.zui.button.teal.current:hover,
input[type="submit"].teal.current:hover,
input[type="button"].teal.current:hover {
    background: #2ca1a4;
    border-color: #217a7c;
    color: #ffffff;
}
.zui.button.olive,
input[type="submit"].olive,
input[type="button"].olive {
    /*----------------------------------------------------------*/
    background: #A1B809;
    border-color: #616f05;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.zui.button.olive.nobg,
input[type="submit"].olive.nobg,
input[type="button"].olive.nobg {
    background: transparent;
    border-color: transparent;
    color: #A1B809;
    text-shadow: none;
}
.zui.button.olive:hover,
input[type="submit"].olive:hover,
input[type="button"].olive:hover {
    background: #8ca008;
    border-color: #616f05;
    color: #ffffff;
}
.zui.button.olive.current,
input[type="submit"].olive.current,
input[type="button"].olive.current,
.zui.button.olive.current:hover,
input[type="submit"].olive.current:hover,
input[type="button"].olive.current:hover {
    background: #618707;
    border-color: #3e5704;
    color: #f5fcc4;
}
.zui.button.gray,
input[type="submit"].gray,
input[type="button"].gray {
    /*----------------------------------------------------------*/
    background: #a2a2a2;
    border-color: #7b7b7b;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.zui.button.gray.nobg,
input[type="submit"].gray.nobg,
input[type="button"].gray.nobg {
    background: transparent;
    border-color: transparent;
    color: #a2a2a2;
    text-shadow: none;
}
.zui.button.gray:hover,
input[type="submit"].gray:hover,
input[type="button"].gray:hover {
    background: #959595;
    border-color: #7b7b7b;
    color: #ffffff;
}
.zui.button.gray.current,
input[type="submit"].gray.current,
input[type="button"].gray.current,
.zui.button.gray.current:hover,
input[type="submit"].gray.current:hover,
input[type="button"].gray.current:hover {
    background: #888888;
    border-color: #6e6e6e;
    color: #ffffff;
}
.zui.button.small,
input[type="submit"].small,
input[type="button"].small {
    padding: 5px 11px;
    font-size: 12px;
}
.zui.button.form-size,
input[type="submit"].form-size,
input[type="button"].form-size {
    padding: 9px 10px;
    margin: 5px 0 0 0;
}
.zui.button.big,
input[type="submit"].big,
input[type="button"].big {
    padding: 13px 26px;
    font-size: 22px;
}
.zui.button.huge,
input[type="submit"].huge,
input[type="button"].huge {
    padding: 19px 40px;
    font-size: 34px;
}
.zui.button.mini,
input[type="submit"].mini,
input[type="button"].mini {
    padding: 0 7px;
    font-size: 14px;
}
.zui.button.mini:hover:not(.current),
input[type="submit"].mini:hover:not(.current),
input[type="button"].mini:hover:not(.current) {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.zui.button.square,
input[type="submit"].square,
input[type="button"].square {
    border-radius: 0;
}
.zui.button.rounded,
input[type="submit"].rounded,
input[type="button"].rounded {
    border-radius: 100px;
}
.zui.button.left,
input[type="submit"].left,
input[type="button"].left {
    float: left;
    margin-right: 3px;
    margin-left: 0;
}
.zui.button.right,
input[type="submit"].right,
input[type="button"].right {
    float: right;
    margin-left: 3px;
    margin-right: 0;
}
.zui.button[disabled],
input[type="submit"][disabled],
input[type="button"][disabled],
.zui.button[disabled]:hover,
input[type="submit"][disabled]:hover,
input[type="button"][disabled]:hover {
    background: #CDCDCD;
    color: #fff;
    border-color: #b4b4b4;
}
.zui.button.loading,
input[type="submit"].loading,
input[type="button"].loading,
.zui.button.loading:hover,
input[type="submit"].loading:hover,
input[type="button"].loading:hover,
.zui.button.loading.current,
input[type="submit"].loading.current,
input[type="button"].loading.current,
.zui.button.loading.current:hover,
input[type="submit"].loading.current:hover,
input[type="button"].loading.current:hover {
    border-color: #93A2A2;
    background: #9faeae;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9InJnYigyMDEsMjE2LDIxNikiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSJyZ2IoMTU5LDE3NCwxNzQpIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0icmdiKDE1OSwxNzQsMTc0KSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9InJnYigyMDEsMjE2LDIxNikiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSJyZ2IoMjAxLDIxNiwyMTYpIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0icmdiKDE1OSwxNzQsMTc0KSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9InJnYigxNTksMTc0LDE3NCkiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
    background-image: -webkit-linear-gradient(45deg, rgb(201,216,216) 25%, rgb(159,174,174) 25%, rgb(159,174,174) 50%, rgb(201,216,216) 50%, rgb(201,216,216) 75%, rgb(159,174,174) 75%, rgb(159,174,174));
    background-image: -moz-linear-gradient(45deg, rgb(201,216,216) 25%, rgb(159,174,174) 25%, rgb(159,174,174) 50%, rgb(201,216,216) 50%, rgb(201,216,216) 75%, rgb(159,174,174) 75%, rgb(159,174,174));
    background-image: -o-linear-gradient(45deg, rgb(201,216,216) 25%, rgb(159,174,174) 25%, rgb(159,174,174) 50%, rgb(201,216,216) 50%, rgb(201,216,216) 75%, rgb(159,174,174) 75%, rgb(159,174,174));
    background-image: linear-gradient(45deg, rgb(201,216,216) 25%, rgb(159,174,174) 25%, rgb(159,174,174) 50%, rgb(201,216,216) 50%, rgb(201,216,216) 75%, rgb(159,174,174) 75%, rgb(159,174,174));
    background-size: 30px 30px;
    -webkit-animation: loadingbutton 0.7s linear infinite;
    -moz-animation: loadingbutton 0.7s linear infinite;
    -o-animation: loadingbutton 0.7s linear infinite;
    animation: loadingbutton 0.7s linear infinite;
}
.zui.button.active,
input[type="submit"].active,
input[type="button"].active,
.zui.button:active,
input[type="submit"]:active,
input[type="button"]:active {
    -webkit-box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.2);
}
.zui.button.activated,
input[type="submit"].activated,
input[type="button"].activated {
    -webkit-box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.4);
}