.baseBtn { cursor:pointer; vertical-align:middle; background: #f0f9ff; /* Old browsers */ background: -moz-linear-gradient(top, #f0f9ff 0%, #cbebff 25%, #a1dbff 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(25%,#cbebff), color-stop(50%,#a1dbff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f0f9ff 0%,#cbebff 25%,#a1dbff 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f0f9ff 0%,#cbebff 25%,#a1dbff 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f0f9ff 0%,#cbebff 25%,#a1dbff 50%); /* IE10+ */ background: linear-gradient(to bottom, #f0f9ff 0%,#cbebff 25%,#a1dbff 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */ border-radius: 0.5em; } .title { height:50px; line-height:50px; font-size:28px; font-weight:bold; background-size:100% 100%; } .mt10 { margin-top:10px; } .mt20 { margin-top:20px; } .ml10 { margin-left:10px; } .ml20 { margin-left:20px; } .lInput { font-size:20px; height:40px; ime-mode:inactive; } .sLen { width:30%; } .mLen { width:50%; } .lLen { width:80%; } .btnH { height:50px; } .alignC { text-align:center; } .alignL { text-align:left; } .alignR { text-align:right; } .verticalM { vertical-align:middle; } .verticalT { vertical-align:top; } .verticalB { vertical-align:bottom; } .floatL { float:left; } .floatR { float:right; } .clear { clear:both; } .marginC { margin-left:auto; margin-right:auto; } .w80p { width:80%; } .w90p { width:90%; } .w100p { width:100%; }