/*
Theme Name: 最最新UE
Theme URI: //
Author: Neal
Author URI: //
Description: Specific designed style for UE website
Version: 1.0
Text Domain: uestyle
Tags: Private

Just use it, to make something cool.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
   1.1 Arrangement
   1.2 My reset
2.0 Head area
3.0 Home page
4.0 Foot area
5.0 Introduction page
6.0 Cases page
7.0 FAQ page
8.0 Detail page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
   font-family: sans-serif;
   color: #696969;
   line-height: 1.50;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

body {
   margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
   display: block;
}

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

figcaption,
figure,
main {
   display: block;
}

figure {
   margin: 1em 0;
}

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

pre {
   font-family: monospace, monospace;
   font-size: 1em;
}

a {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
}

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

abbr[title] {
   border-bottom: 1px #767676 dotted;
   text-decoration: none;
}

b,
strong {
   font-weight: inherit;
}

b,
strong {
   font-weight: 700;
}

code,
kbd,
samp {
   font-family: monospace, monospace;
   font-size: 1em;
}

dfn {
   font-style: italic;
}

mark {
   background-color: #eee;
   color: #222;
}

small {
   font-size: 80%;
}

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

sub {
   bottom: -0.25em;
}

sup {
   top: -0.5em;
}

audio,
video {
   display: inline-block;
}

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

img {
   border-style: none;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

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

.post .content {
padding:5px 0 5px 5px;
line-height:145%;
overflow:hidden;
}
.post .content p {
margin-bottom:10px;
}
.post .content .under {
height:16px;
line-height:16px;
}
.post .content .under span {
float:left;
margin-right:15px;
}
.post .content h4 {
color：#080;
margin-bottom:10px;
}
.post .content img {
max-width:600px;
}
.post .content ul，
.post .content ol {
padding-bottom:10px;
}
.post .content ul li，
.post .content ol li {
list-style-position:inside;
padding-left:20px;
}
.post .content table {
background：#FFF;
border:1px solid #CCC;
margin:5px 0 10px;
}
.post .content table tr td {
border-top:1px solid #CCC;
padding:2px 10px;
}
.post .content table tr th {
padding:1px 10px;
background：#EDEFF0;
text-align:left;
}
.post .content .boxcaption {
background-image:url（img/postbox.gif）;
border-bottom:1px solid #CCC;
}
.post .content .box {
background-image:url（img/postbox.gif）;
}

button,
input,
optgroup,
select,
textarea {
   font-family: sans-serif;
   font-size: 100%;
   line-height: 1.15;
   margin: 0;
}

button,
input {
   overflow: visible;
}

button,
select {
   text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
   -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
   border-style: none;
   padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
   outline: 1px dotted ButtonText;
}

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

legend {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: inherit;
   display: table;
   max-width: 100%;
   padding: 0;
   white-space: normal;
}

progress {
   display: inline-block;
   vertical-align: baseline;
}

textarea {
   overflow: auto;
}

[type="checkbox"],
[type="radio"] {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
   height: auto;
}

[type="search"] {
   -webkit-appearance: textfield;
   outline-offset: -2px;
}

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

::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
}

details,
menu {
   display: block;
}

summary {
   display: list-item;
}

canvas {
   display: inline-block;
}

template {
   display: none;
}

[hidden] {
   display: none;
}

/*--------------------------------------------------------------
1.1 Arrangement
--------------------------------------------------------------*/
@media (min-width: 768px){
   .container {
       width: 750px;
   }
}

@media (min-width: 992px){
   .container {
       width: 970px;
   }
}

@media (min-width: 1200px){
   .container {
       width: 1170px;
   }
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.clear{
   clear: both;
}

.clear:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.hidden{
   display: none!important;
}

.col-xs-6, .col-xs-12,
.col-3, .col-4{
   box-sizing: border-box;
   float: left;
   padding: 0 1em;
}

.col-xs-6{
   width: 50%;
}

.col-xs-12{
   width: 100%;
}

@media (max-width: 768px){
   .col-xs-hidden{
      display: none;
   }
}

@media (min-width: 768px){
   .col-3{
      width: 25%;
   }
   .col-4{
      width: 33.333%;
   }
   .col-6{
      width: 50%;
   }
   .col-8{
      width: 66.666%;
   }
   .col-9{
      width: 75%;
   }
}

/*--------------------------------------------------------------
1.2 My reset
--------------------------------------------------------------*/
ul{
   margin: 0;
   padding: 0;
}

a{
   text-decoration: none;
}

body{
   background-color: #f8f8f8;
}

/*--------------------------------------------------------------
2.0 Head area
--------------------------------------------------------------*/
.header{
   padding-top: 1em;
   position: relative;
   height: 3.75em;
   border-bottom: 1px solid #eee;
}

.header .logo{
   height: 2em;
   display: inline-block;
}

.header .logo img{
   height: 100%;
}

.header .logo .cn{
    position: absolute;
    left: 3.0em;
    top: 0.9em;
    font-size: 1.2em;
    font-weight: bold;
}

.header .logo .en{
   position: absolute;
   color: #aaa;
   left: 4.5em;
    top: 2.3em;
    font-size: 0.9em;
    font-weight: bold;
}

.header .connection{
   position: relative;
   float: right;
}

.header .connection .number{
   position: absolute;
   left: -5.5em;
   font-size: 1.5em;
   color: #0051d3;
						
}
						   
.header .connection .des{
					  
   position: absolute;
   top: 2em;
   width: 4em;
   font-size: 0.9em;
   left: -4.5em;
   color: #666;
}

.nav{
   display: none;
   height: 3.4em;
}

@media (min-width: 768px){
   .nav {
      display: block;
   }
}

.nav li{
   float: left;
   list-style-type: none;
   padding: 1em 1.875em;
}

.nav a{
   color: #555;
}

.nav li:hover{
   cursor: pointer;
   background-color: #efefef;
}

.nav a:hover{
   color: #236efb;
}

.nav li.focus{
   border-bottom: 0.3em solid #236efb
}

.nav.narrow{
   display: block;
   position: relative;
   z-index: 5;
}

.nav.narrow li{
   float: none;
   background-color: #fff;
}

.nav-btn{
   display: none;
   height: 2em;
   line-height: 2em;
}

.nav-btn span{
   float: right;
   width: 5em;
   text-align: center;
   cursor: pointer;
   position: relative;
   z-index: 10;
}

.nav-btn span:hover{
   background: #eee;
}

@media (max-width: 767px){
   .nav-btn {
      display: block;
   }
}

/*--------------------------------------------------------------
3.0 Home page
--------------------------------------------------------------*/
.section1{
   background: url(img/home1.png) center no-repeat;
   background-size: cover!important;
   height: 40em;
   text-align: center;
}

.section1 .title{
   display: block;
   color: #fff;
   font-size: 4.5em;
   padding-top: 0.3em;
}

.section1 .top{
   display: block;
   color: #01aeed;
   font-size: 1.8em;
   padding-top: 7.6em;
}

.section2{
   text-align:center;
   padding-bottom: 12em;
}

.section2 .title{
   display: block;
   padding-top: 3.45em;
   color: #555;
   font-size: 1.5em;
}

.section2 .sub{
   display: block;
   padding-top: 0.3em;
   padding-bottom: 5em;
   color: #ccc;
}

.section2 .pic1{
   background: url(img/home2-1.png) center no-repeat;
   background-size: cover!important;
   height: 16.25em;
}

.section2 .pic2{
   background: url(img/home2-2.png) center no-repeat;
   background-size: cover!important;
   height: 16.25em;
}

.section2 .pic3{
   background: url(img/home2-3.png) center no-repeat;
   background-size: cover!important;
   height: 16.25em;
}

.section2 .pic4{
   background: url(img/home2-4.png) center no-repeat;
   background-size: cover!important;
   height: 16.25em;
}

.section2 .pic5{
   background: url(img/home2-5.png) center no-repeat;
   background-size: cover!important;
   height: 16.25em;
}

.section2 .pic6{
   background: url(img/home2-6.png) center no-repeat;
   background-size: cover!important;
   height: 16.25em;
}

.section3{
   background: url(img/cook.jpg) center no-repeat;
   background-size: cover!important;
   height: 36.4em;
   margin-bottom: 20.2em;
}

.section3 .info{
   background: #fff;
   width: 62.5em;
   padding: 1.5em;
   margin: 0 auto;
   position: relative;
   top: 28.75em;
}

@media (max-width:1000px){
   .section3 .info{
      width: 80%;
   }
}

.section3 .info .info-inner{
   border: 1px solid #333;
   width: 100%;
   height: 100%;
   padding-bottom: 2em;
   text-align: center;
}

.section3 .info .title{
   display: block;
   padding-top: 1em;
   color: #555;
   font-size: 1.5em;
}

.section3 .info .sub{
   display: block;
   padding-top: 0.3em;
   padding-bottom: 2em;
   color: #ccc;
}

.section3 .info .item{
   color: #888;
   line-height: 3.3em;
}

.section4{
   text-align:center;
   padding-bottom: 4.2em;
   background-color: #edeef3;
}

.section4 .title{
   display: block;
   padding-top: 3.45em;
   color: #555;
   font-size: 1.5em;
}

.section4 .sub{
   display: block;
   padding-top: 0.3em;
   color: #ccc;
}

.section4 .des{
   display: block;
   padding-top: 1.3em;
   padding-bottom: 5em;
   color: #999;
}

.section4 .case-box{
   background-color: #fff;
   height: 28.2em;
   overflow: hidden;
}

.section4 .case{
   margin-top: 2em;
}

.section4 .case1 .pic{
   background: url(img/home4-1.png) center no-repeat;
   background-size: cover!important;
   height: 16.25em;
}

.section4 .case2 .pic{
   background: url(img/home4-2.png) center no-repeat;
   background-size: cover!important;
   height: 16.25em;
}

.section4 .case3 .pic{
   background: url(img/home4-3.png) center no-repeat;
   background-size: cover!important;
   height: 16.25em;
}

.section4 .case4 .pic{
   background: url(img/home4-4.png) center no-repeat;
   background-size: cover!important;
   height: 16.25em;
}

.section4 .case .case-title{
   display: block;
   font-size: 1.25em;
   padding: 2.28em 0.8em 1.2em 0.8em;
   border-bottom: 1px solid #eee;
   text-align: left;
   color: #555;
}

.section4 .case .case-des{
   display: block;
   overflow: hidden;
   text-align: left;
   padding: 1.5em 1em 1.5em 1em;
   color: #aaa;
}

.section4 .case .case-des a{
   color: #aaa;
}

.section4 .left-arr{
   display: inline-block;
   margin-top: 5em;
   background: url(img/home4-5.png) center no-repeat;
   background-size: cover!important;
   height: 2.8em;
   width: 9.37em;
   cursor: pointer;
}

.section5{
   text-align:center;
   padding-bottom: 4.2em;
   background-color: #353535;
}

.section5 .title{
   display: block;
   padding-top: 3.45em;
   color: #eee;
   font-size: 1.5em;
}

.section5 .sub{
   display: block;
   padding-top: 0.3em;
   color: #ccc;
}

.section5 .faq-box{
   margin-top: 5em;
}

.section5 .faq-line{
   margin-top: 1em;
}

.section5 .faq-box .pic{
   background-size: cover!important;
   height: 12.5em;
}

.section5 .faq1 .pic{
   background: url(img/home5-1.png) center no-repeat;
}

.section5 .faq2 .pic{
   background: url(img/home5-2.png) center no-repeat;
}

.section5 .faq-box .info{
   padding-top: 2.5em;
   /*height: 5em;*/
}

.section5 .faq-box .date{
   display: inline-block;
   font-size: 1.75em;
   width: 15%;
   color: #fff;
   vertical-align: top;
   white-space: nowrap;
}

.section5 .faq-box .qa{
   display: inline-block;
   text-align: left;
   padding-left: 2em;
   width: 70%;
}

.section5 .faq-box .question,
.section5 .faq-box .question>a{
   color: #fff;
}

.section5 .faq-box .answer,
.section5 .faq-box .answer>a{
   color: #aaa;
}

.section5 .left-arr{
   display: inline-block;
   margin-top: 5em;
   background: url(img/home5-3.png) center no-repeat;
   background-size: cover!important;
   height: 2.8em;
   width: 9.37em;
   cursor: pointer;
}

/*--------------------------------------------------------------
4.0 Foot area
--------------------------------------------------------------*/
.footer{
   background: #f0f0f0;
}

.footer .main-info{
   padding-top: 7.56em;
   overflow: hidden;
}

.footer .sec{
   height: 11.125em;
}

.footer .sec1 .cn{
   display: block;
   font-size: 1.7em;
   color: #555;
}

.footer .sec1 .en{
   display: block;
   margin-top: 0.3em;
   color: #aaa;
}

.footer .sec2 .title{
   display: block;
   font-size: 1.2em;
   color: #333;
   margin-bottom: 2em;
}

.footer .sec2 .bar-code{
   background: url(img/footer1.png) center no-repeat;
   background-size: cover!important;
   height: 6.875em;
   width: 6.875em;
}

.footer .sec3{
   overflow: hidden;
}

.footer .sec3 .title{
   display: block;
   font-size: 1.2em;
   color: #333;
   margin-bottom: 2em;
}

.footer .sec3 .detail{
   position: relative;
}

.footer .sec3 .detail .cont{
   font-size: 0.9em;
   color: #aaa;
   position: absolute;
}

.footer .sec3 .detail .cont1{
   top: 0;
   left: 0;
}

.footer .sec3 .detail .cont2{
   top: 0;
   left: 21em;
}

.footer .sec3 .detail .cont3{
   top: 2em;
   left: 0;
}

.footer .sec3 .detail .cont4{
   top: 2em;
   left: 21em;
}

.footer .sec3 .detail .cont5{
   top: 4em;
   left: 0;
}

@media (max-width: 1020px){
   .footer .sec{
      height: 12.5em;
   }
   
   .footer .sec3 .detail .cont2{
      top: 6em;
      left: 0;
   }

   .footer .sec3 .detail .cont4{
      top: 8em;
      left: 0;
   }
}

.footer .bot{
   border-top: 1px solid #ddd;
   margin-top: 1.6em;
   padding: 1.5em 0;
}

/*--------------------------------------------------------------
5.0 Introduction page
--------------------------------------------------------------*/
.intro-section1{
   background: url(img/study.png) center no-repeat;
   background-size: cover!important;
   height: 22.00em;
   text-align: center;
}

.intro-section2{
   text-align: center;
   border-bottom: 1px solid #ddd;
   
}

.intro-section2 .title{
   display: block;
   padding-top: 3.45em;
   color: #555;
   font-size: 1.5em;
}

.intro-section2 .sub{
   display: block;
   padding-top: 0.3em;
   color: #ccc;
}

.intro-section2 .des{
   display: block;
   color: #999;
   padding: 1.3em 20% 5em 20%;
   line-height: 1.5em;
}

.intro-section3{
   text-align: center;
   border-bottom: 1px solid #ddd;
}

.intro-section3 .title{
   display: block;
   padding-top: 3.45em;
   color: #222;
   font-size: 1.5em;
}

.intro-section3 .des{
   display: block;
   color: #555;
   padding: 1.3em 20% 5em 20%;
   line-height: 1.5em;
   font-size: 0.9em
}

.intro-section4 .intro-box{
   margin-top: 3em;
   margin-bottom: 1em;
   padding-bottom: 6em;
}

.intro-section4 .intro1 .pic{
   background: url(img/intro2-1.png) center no-repeat;
   background-size: cover!important;
   height: 13em;
}

.intro-section4 .intro2 .pic{
   background: url(img/intro2-2.png) center no-repeat;
   background-size: cover!important;
   height: 13em;
}

.intro-section4 .intro3 .pic{
   background: url(img/intro2-3.png) center no-repeat;
   background-size: cover!important;
   height: 13em;
}

.intro-section4 .intro-box .des{
   display: block;
   margin-top: 2em;
   font-size: 0.9em;
   line-height: 1.4em;
   color: #888;
}

/*--------------------------------------------------------------
6.0 Cases page
--------------------------------------------------------------*/
.case-section1{
   background: url(img/darkblue.jpg) center no-repeat;
   background-size: cover!important;
   height: 17.56em;
   text-align: center;
}

.case-section1 .title{
   display: block;
   color: #fff;
   font-size: 1.5em;
   padding-top: 0.3em;
}

.case-section1 .top{
   display: block;
   
   color: #01aeed;
   font-size: 2.5em;
   padding-top: 2em;
}

.case-section2{
   text-align:center;
   padding-bottom: 4.2em;
   background-color: #edeef3;
}

.case-section2 .title{
   display: block;
   padding-top: 3.45em;
   color: #555;
   font-size: 1.5em;
}

.case-section2 .sub{
   display: block;
   padding-top: 0.3em;
   color: #ccc;
}

.case-section2 .des{
   display: block;
   padding-top: 1.3em;
   padding-bottom: 5em;
   color: #999;
}

.case-section2 .case-box{
   background-color: #fff;
   height: 28.2em;
   overflow: hidden;
}

.case-section2 .case{
   margin-top: 2em;
}

.case-section2 .case .pic{
   background-size: cover!important;
   height: 16.25em;
}

.case-section2 .case1 .pic{
   background: url(img/cases2-1.png) center no-repeat;
}

.case-section2 .case2 .pic{
   background: url(img/cases2-2.png) center no-repeat;
}

.case-section2 .case3 .pic{
   background: url(img/cases2-3.png) center no-repeat;
}

.case-section2 .case4 .pic{
   background: url(img/cases2-4.png) center no-repeat;
}

.case-section2 .case .case-title{
   display: block;
   font-size: 1.25em;
   padding: 2.28em 0.8em 1.2em 0.8em;
   border-bottom: 1px solid #eee;
   text-align: left;
   color: #555;
}

.case-section2 .case .case-des{
   display: block;
   overflow: hidden;
   text-align: left;
   padding: 1.5em 1em 1.5em 1em;
   color: #aaa;
}

.case-section2 .case .case-des a{
   color: #aaa;
}

/*--------------------------------------------------------------
7.0 FAQ page
--------------------------------------------------------------*/
.faq-section1{
   background: url(img/faq1.png) center no-repeat;
   background-size: cover!important;
   height: 17.56em;
}

.faq-section2{
   padding-bottom: 4.2em;
}

.faq-section2 .title{
   display: block;
   padding-top: 3.45em;
   color: #555;
   font-size: 1.5em;
}

.faq-section2 .sub{
   display: block;
   padding-top: 0.3em;
   padding-bottom: 3em;
   color: #aaa;
   border-bottom: solid 1px #aaa;
}

.faq-section2 .faq-box{
   margin-top: 2em;
}

.faq-section2 .faq-line{
   padding-top: 1em;
}

.faq-section2 .faq-box .pic{
   background-size: cover!important;
   height: 8.125em;
}

.faq-section2 .faq1 .pic{
   background: url(img/home5-1.png) center no-repeat;
}

.faq-section2 .faq2 .pic{
   background: url(img/home5-2.png) center no-repeat;
}

.faq-section2 .faq-box .info{
   padding-top: 2.5em;
   height: 8.125em;
}

.faq-section2 .faq-box .date{
   display: inline-block;
   font-size: 1.75em;
   width: 15%;  
   color: #555;
   vertical-align: top;
   white-space: nowrap;
}

.faq-section2 .faq-box .qa{
   display: inline-block;
   text-align: left;
   padding-left: 2%;
   width: 70%;
}

.faq-section2 .faq-box .question,
.faq-section2 .faq-box .question>a{
   color: #555;
}

.faq-section2 .faq-box .answer,
.faq-section2 .faq-box .answer>a{
   color: #aaa;
}
/*--------------------------------------------------------------
8.0 Detail page
--------------------------------------------------------------*/
.detail-section0{
   background: url(img/cases1.png) center no-repeat;
   background-size: cover!important;
   height: 17.56em;
   text-align: center;
}

.detail-section1{
   margin-top: 0.2em;
}

.detail-section1 .pic{
   background: url(img/cases2-4.png) center no-repeat;
   background-size: cover!important;
   height: 16em;
}

.detail-section1 .abstract{
   padding: 1.5em 1.5em 0 1.5em;
   line-height: 1.5em;
}

.detail-section1 .content{
   padding: 1em;
   margin-top: 1em;
   border-top: 2px dashed #aaa;
}

/*--------------------------------------------------------------
9.0 todo
--------------------------------------------------------------*/

    /*pagenavi*/  
    .page_navi{width:100%;height: 34px;line-height: 34px;margin-top: 10px;text-align:center;overflow:hidden;padding-top: 10px;position:relative;background: #F4F4F4;border-top: 1px solid #E8E8E8;}    
    .page_navi a{display: inline-block;margin-right: 8px;height: 24px;line-height:24px;padding:0 8px;background:#e4e5e1;color: #626262;font-size:14px;}  
    .page_navi a:hover,.page_navi .current{color:#fff;background: #8c9fcc url(jb.png) no-repeat center top;text-decoration: none;}  
    .page_navi .page-numbers{position: absolute;top: 5px;left: 15px;letter-spacing: 1px;font-family: 微软雅黑;color: #424242;}  
	
/*--------------------------------------------------------------
10.0 todo
--------------------------------------------------------------*/


.buttonBack{
	    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 16px/100% 'Microsoft yahei',Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}
.bigrounded {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.medium {
	margin-top: 10px;
    font-size: 12px;
    padding: .4em 1.5em .42em;
}
.small {
    font-size: 11px;
    padding: .2em 1em .275em;
}

/* white */
.white {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top,  #ededed,  #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
｝