@charset "utf-8";
body,button,input,select,textarea{font:12px/1.2em 微软雅黑,Tahoma, Geneva, sans-serif; background-color: rgb(249,249,249);}
body {background-color: white;}
input { background-color: none; }
body,form,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
ol,ul{list-style:none;}
img{border:none;}

/** { white-space:normal; word-break:break-all; }*/

.checkbox, .radio{ top:2px; position:relative;}

/* body { background: url("/assets/bg.png") repeat; } */

a        { text-decoration:none; outline:0;    cursor:pointer; }
a:hover  { text-decoration:none; outline:none; }
a:link   { text-decoration:none; outline:none; }
a:visited{ text-decoration:none; outline:none; }
a:active { text-decoration:none; outline:none; }

.pr3  { width: 3%; }
.pr3  { width: 4%; }
.pr5  { width: 5%; }
.pr8  { width: 8%; }
.pr9  { width: 9%; }
.pr10 { width: 10%; }
.pr11 { width: 11%; }
.pr12 { width: 12%; }
.pr13 { width: 13%; }
.pr14 { width: 14%; }
.pr15 { width: 15%; }
.pr16 { width: 16%; }
.pr17 { width: 17%; }
.pr18 { width: 18%; }
.pr19 { width: 19%; }
.pr20 { width: 20%; }
.pr21 { width: 21%; }
.pr22 { width: 22%; }
.pr23 { width: 23%; }
.pr24 { width: 24%; }
.pr25 { width: 25%; }
.pr30 { width: 30%; }
.pr35 { width: 35%; }
.pr40 { width: 40%; }
.pr45 { width: 45%; }
.pr50 { width: 50%; }
.pr55 { width: 50%; }
.pr65 { width: 65%; }
.pr80 { width: 80%; }
.pr85 { width: 85%; }

tr.tr2 { background-color: #eeffff; }
input[type=text] { color: grey; padding-left: 4px;}
/* Conpact */
.autoWidth   { width      : auto        ; }
.fullWidth   { width:100% ; *width:auto ; }
.autoHeight  { height     : auto        ; }
.fullHeight  { height     : 100%        ; }
.fixMargin   { margin     : 0           ; }
.fixPadding  { padding    : 0           ; }
.center      { margin     : 0 auto      ; }
.cscenter    { margin:0 auto;width:1200px;}
.fl          { float      : left        ; }
.fr          { float      : right       ; }
.fixFloat    { float      : none        ; }
.leftClear   { clear      : left        ; }
.rightClear  { clear      : right       ; }
.bothClear   { clear      : both        ; }
.leftText    { text-align : left        ; }
.rightText   { text-align : right       ; }
.centerText  { text-align : center      ; }
.inline      { display    : inline      ; }
.inlineBlock { display    : inline-block; }
.block       { display    : block       ; }
.none        { display    : none        ; }
.absolute    { position   : absolute    ; }
.relative    { position   : relative    ; }
.fixed       { position   : fixed       ; }
.xHidden     { overflow-x : hidden      ; }
.yHidden     { overflow-y : hidden      ; }
.noScroll    { overflow   : hidden      ; }
.autoScroll  { overflow   : auto        ; }
.nowrap      { white-space: nowrap      ; }
.bold        { font-weight: bold        ; }
.noBorder    { border     : none        ; }
.noBackground{ background : none        ; }
.hand        { cursor     : pointer     ; }
.nohand      { cursor     : default     ; }
.move        { cursor     : move        ; }
.resizeTop   { cursor     : n-resize    ; }
.resizeTopL  { cursor     : nw-resize   ; }
.resizeTopR  { cursor     : ne-resize   ; }
.resizeLow   { cursor     : s-resize    ; }
.resizeLowL  { cursor     : sw-resize   ; }
.resizeLowR  { cursor     : se-resize   ; }
.resizeMidL  { cursor     : w-resize    ; }
.resizeMidR  { cursor     : e-resize    ; }

h1{ font-size:2em  ; }
h2{ font-size:1.8em; }
h3{ font-size:1.5em; }
h4{ font-size:1.2em; }
h5{ font-size:1.1em; }
h6{ font-size:1em  ; }

.bgray { background-color: gray; }
.bgrey1 { background-color: #111; }
.bgrey2 { background-color: #222; }
.bgrey3 { background-color: #333; }
.bgrey4 { background-color: #444; }
.bgrey5 { background-color: #555; }
.bgrey6 { background-color: #666; }
.bgrey7 { background-color: #777; }
.bgrey8 { background-color: #888; }
.bgrey9 { background-color: #999; }
.bgreya { background-color: #aaa; }
.bgreyb { background-color: #bbb; }
.bgreyc { background-color: #ccc; }
.bgreyd { background-color: #ddd; }
.bgreye { background-color: #eee; }
.bgreyf { background-color: #fff; }

.byellow1 { background-color: rgb(246,244,153); }
.byellow2 { background-color: rgb(178,176,84); }

.lineheight12{ line-height: 1.2em; }
.lineheight13{ line-height: 1.3em; }
.lineheight14{ line-height: 1.4em; }
.lineheight15{ line-height: 1.5em; }
.lineheight16{ line-height: 1.6em; }
.lineheight17{ line-height: 1.7em; }
.lineheight18{ line-height: 1.8em; }
.lineheight19{ line-height: 1.9em; }
.lineheight20{ line-height: 2em; }


.font12{ font-size:12px; }
.font13{ font-size:13px; }
.font14{ font-size:14px; }
.font15{ font-size:15px; }
.font16{ font-size:16px; }
.font18{ font-size:18px; }
.font20{ font-size:20px; }
.font24{ font-size:24px; }
.font28{ font-size:28px; }
.font32{ font-size:32px; }
.font36{ font-size:36px; }
.font40{ font-size:40px; }
.font48{ font-size:48px; }

.w32 { width: 32px; }
.w48 { width: 48px; }
.w64 { width: 64px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w280 { width: 280px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w340 { width: 340px; }
.w360 { width: 360px; }
.w400 { width: 400px; }
.w440 { width: 440px; }
.w480 { width: 480px; }
.w500 { width: 500px; }
.w540 { width: 540px; }
.w600 { width: 600px; }
.w640 { width: 640px; }
.w680 { width: 680px; }
.w720 { width: 720px; }
.w780 { width: 780px; }
.w800 { width: 800px; }
.w860 { width: 860px; }
.w900 { width: 900px; }
.w960 { width: 960px; }
.w1000 { width: 1000px; }
.w1024 { width: 1024px; }
.w1120 { width: 1120px; }
.w1200 { width: 1200px; }
.w1280 { width: 1280px; }
.w1440 { width: 1440px; }
.w1680 { width: 1680px; }

.h16 { height: 16px; }
.h20 { height: 20px; }
.h24 { height: 24px; }
.h32 { height: 32px; }
.h50 { height: 50px; }
.h64 { height: 64px; }
.h96 { height: 96px; }
.h128 { height: 128px; }
.h160 { height: 160px; }
.h200 { height: 200px; }
.h320 { height: 320px; }
.h340 { height: 340px; }
.h400 { height: 400px; }

.fh24 { height: 24px; line-height: 24px; }
.fh32 { height: 32px; line-height: 32px; }
.fh48 { height: 48px; line-height: 48px; }

.ml5  { margin-left: 5px ; }
.ml10 { margin-left: 10px; }
.ml12 { margin-left: 12px; }
.ml14 { margin-left: 14px; }
.ml15 { margin-left: 15px; }
.ml16 { margin-left: 16px; }
.ml18 { margin-left: 18px; }
.ml20 { margin-left: 20px; }
.ml22 { margin-left: 22px; }
.ml24 { margin-left: 24px; }
.ml26 { margin-left: 26px; }
.ml28 { margin-left: 28px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml60 { margin-left: 60px; }
.ml80 { margin-left: 80px; }
.ml100 { margin-left: 100px; }
.ml120 { margin-left: 120px; }
.ml150 { margin-left: 150px; }


.mt1{ margin-top     : 1px ; }
.mt2{ margin-top     : 2px ; }
.mt3{ margin-top     : 3px ; }
.mt4{ margin-top     : 4px ; }
.mt5{ margin-top     : 5px ; }
.mt6{ margin-top     : 6px ; }
.mt7{ margin-top     : 7px ; }
.mt8{ margin-top     : 8px ; }
.mt10{ margin-top    : 10px; }
.mt12{ margin-top    : 12px; }
.mt14{ margin-top    : 14px; }
.mt15{ margin-top    : 15px; }
.mt20{ margin-top    : 20px; }
.mt30{ margin-top    : 30px; }
.mt40{ margin-top    : 40px; }
.mt60{ margin-top    : 60px; }
.mt80{ margin-top    : 80px; }
.mt150{ margin-top   : 150px; }
.mt200{ margin-top    : 200px; }

.mr5{ margin-right   : 5px ; }
.mr10{ margin-right  : 10px; }
.mr15{ margin-right  : 15px; }
.mr20{ margin-right  : 20px; }
.mr30{ margin-right  : 30px; }
.mr40{ margin-right  : 40px; }
.mr80{ margin-right  : 80px; }
.mr100{ margin-right  : 100px; }
.mr120{ margin-right  : 120px; }
.mr150{ margin-right  : 150px; }

.mb3{ margin-bottom  : 3px ; }
.mb5{ margin-bottom  : 5px ; }
.mb10{ margin-bottom : 10px; }
.mb15{ margin-bottom : 15px; }
.mb20{ margin-bottom : 20px; }
.mb30{ margin-bottom : 30px; }
.mb40{ margin-bottom : 40px; }

.pl0 { padding-left : 0px; }
.pl20 { padding-left: 20px; }
.pl24 { padding-left: 24px; }

.pdr6 { padding-right: 6px; }
.pdr10 { padding-right: 10px; }
.pdr15 { padding-right: 15px; }
.pdr20 { padding-right: 20px; }
.pdr30 { padding-right: 30px; }
.pdr40 { padding-right: 40px; }

.pt0 { padding-top : 0px; }

.pd2 {padding: 2px;}
.pd4 {padding: 4px;}
.pd6 {padding: 6px;}
.pd8 {padding: 8px;}
.pd10 {padding: 10px;}
.pd12 {padding: 12px;}
.pd14 {padding: 14px;}
.pd16 {padding: 16px;}
.pd18 {padding: 18px;}
.pd20 {padding: 20px;}
.pd30 {padding: 30px;}
.pd40 {padding: 40px;}

.grey1 { color: #111; }
.grey2 { color: #222; }
.grey3 { color: #333; }
.grey4 { color: #444; }
.grey5 { color: #555; }
.grey6 { color: #666; }
.grey7 { color: #777; }
.grey8 { color: #888; }
.grey9 { color: #999; }
.greya { color: #aaa; }
.greyb { color: #bbb; }
.greyc { color: #ccc; }
.greyd { color: #ddd; }
.greye { color: #eee; }

.white { color: white; }
.black { color: black; }
.blue { color: blue; }
.green { color: green; }
.red { color: red; }
.yellow { color: yellow;}
.grey {color: grey;}
.orange {color: orange;}

.border1 { border: 1px solid #999;}
.border2 { border: 2px solid #999;}

.alpha{
  -khtml-opacity : .5; /* Webkit    */
  -moz-opacity   : .5; /* Mozilla   */
  opacity        : .5; /* Except IE */
  filter         : progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
}

.alpha9{
  -khtml-opacity : .9; /* Webkit    */
  -moz-opacity   : .9; /* Mozilla   */
  opacity        : .9; /* Except IE */
  filter         : progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
}

.alpha8{
  -khtml-opacity : .8; /* Webkit    */
  -moz-opacity   : .8; /* Mozilla   */
  opacity        : .8; /* Except IE */
  filter         : progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
}

.alpha7{
  -khtml-opacity : .7; /* Webkit    */
  -moz-opacity   : .7; /* Mozilla   */
  opacity        : .7; /* Except IE */
  filter         : progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
}

.opacity8{
  opacity: 0.8;
}

.transparent{
  -khtml-opacity : 0; /* Webkit    */
  -moz-opacity   : 0; /* Mozilla   */
  opacity        : 0; /* Except IE */
  filter         : progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE */
}

.midImg  { display:table-cell;   vertical-align:middle; text-align:center; }
.midImg i{ display:inline-block; vertical-align:middle; height:100%;       }

/* Break Word */
.break{
  word-wrap:break-word;
  word-break:break-all;
}

/* Flower Number */
.special{
  font-size:1.5em;
  font-family:Constantia,Georgia;
}

/* Clear Float */
.clearfix{
  *zoom:1;
}
.clearfix:before,
.clearfix:after{
  display:table;
  content:'';
  line-height:0;
}
.clearfix:after{
  clear:both;
}

.cloosii{
  width:100%; *width:auto;
  display:inline-block;
}

.zoomii{
  overflow:hidden;
  zoom:1;
}

.shadow { background-color: white; box-shadow: 2px 2px 4px #aaa;  }

input,button,select,textarea{ outline:none;}
textarea{ resize:none;}
table{ border-collapse:collapse; width: 100%;}

nav.pagination {
  float: left; overflow: hidden; margin: 20px;
}
nav.pagination span {
  float: left; background-color: rgb(247,247,247); margin: 2px; font-size: 16px; height: 24px; line-height: 24px; padding: 0 4px;
}
nav.pagination span a {
  color: grey; font-size: 16px;
}

nav.pagination span.current {
  background-color: #333; border-color: #ccc; color: white;
}

.button.yellow {
  border: 1px solid #d2a000;
  box-shadow: 0 1px 2px #fedd71 inset,0 -1px 0 #a38b39 inset,0 -2px 3px #fedd71 inset;
  background: -webkit-linear-gradient(top,#fece34,#d8a605);
  background: -moz-linear-gradient(top,#fece34,#d8a605);
  background: linear-gradient(top,#fece34,#d8a605);
  text-decoration: none;
  color: white;
}
.button.red {
  border: 1px solid #b42323;
  box-shadow: 0 1px 2px #e99494 inset,0 -1px 0 #954b4b inset,0 -2px 3px #e99494 inset;
  background: -webkit-linear-gradient(top,#d53939,#b92929);
  background: -moz-linear-gradient(top,#d53939,#b92929);
  background: linear-gradient(top,#d53939,#b92929);
  text-decoration: none;
  color: white;
}
.button.blue {
  border: 1px solid #1e7db9;
  box-shadow: 0 1px 2px #8fcaee inset,0 -1px 0 #497897 inset,0 -2px 3px #8fcaee inset;
  background: -webkit-linear-gradient(top,#42a4e0,#2e88c0);
  background: -moz-linear-gradient(top,#42a4e0,#2e88c0);
  background: linear-gradient(top,#42a4e0,#2e88c0);
  text-decoration: none;
  color: white;
}
.button.gray {
  color: #8c96a0;
  text-shadow: 1px 1px 1px #fff;
  border: 1px solid #dce1e6;
  box-shadow: 0 1px 2px #fff inset,0 -1px 0 #a8abae inset;
  background: -webkit-linear-gradient(top,#f2f3f7,#e4e8ec);
  background: -moz-linear-gradient(top,#f2f3f7,#e4e8ec);
  background: linear-gradient(top,#f2f3f7,#e4e8ec);
  text-decoration: none;
  color: white;
}
.button.black {
  border: 1px solid #333;
  box-shadow: 0 1px 2px #8b8b8b inset,0 -1px 0 #3d3d3d inset,0 -2px 3px #8b8b8b inset;
  background: -webkit-linear-gradient(top,#656565,#4c4c4c);
  background: -moz-linear-gradient(top,#656565,#4a4a4a);
  background: linear-gradient(top,#656565,#4a4a4a);
  text-decoration: none;
  color: white;
}
.button.green {
  border: 1px solid #64c878;
  box-shadow: 0 1px 2px #b9ecc4 inset,0 -1px 0 #6c9f76 inset,0 -2px 3px #b9ecc4 inset;
  background: -webkit-linear-gradient(top,#90dfa2,#84d494);
  background: -moz-linear-gradient(top,#90dfa2,#84d494);
  background: linear-gradient(top,#90dfa2,#84d494);
  text-decoration: none;
  color: white;
}

.button {
  width: 140px;
  line-height: 38px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 1px #333;
  border-radius: 5px;
  margin: 0 20px 20px 0;
  position: relative;
  overflow: hidden;
  padding: 4px 12px;
  background-color: #333;
}

.button:hover { color: #ddd;}

.button1 { padding: 4px 16px; color: white; background: none; border: none; background-color: rgb(248,138,134);  }

.h20{ height: 20px; }
.lh20{ line-height: 20px; }

.input1 { background: none; background-color: rgb(247,247,247); padding: 4px; font-size: 16px; height: 20px; line-height: 20px; border: 1px solid #ddd; }


.text1 {
  height: 38px; line-height: 38px; width: 200px; font-size: 20px; padding-left: 12px; color: #666;
}


.table1 {
  text-align: left; margin-bottom:12px; margin-top:12px;
  width: 100%;
}

.table1 tr th {
  padding:8px 16px; @include bdfont(12px,#999);
  background-color: rgb(247,247,247);
  border: 1px solid #eee;
}
.table1 tr td { padding:4px 8px;  font-size: 12px; color: #999; border: 1px solid #eee; }
.table1 tr td a { text-decoration: none; font-size: 12px; color: #999;  }
.table1 tr td a.btn { border: 1px solid rgb(223,223,223); background-color: rgb(247,247,247); padding: 2px 8px; }

.table1 tr.cycle { background-color: rgb(247,247,247); }
.table1 tr.first { border: 1px solid rgb(234,234,234); }

/*
input,button,select,textarea{ outline:none;}
textarea{ resize:none;}
table{ border-collapse:collapse; }

ul.pagination {
  li { float: left; }
}
ul.pagination li a {
  background-color: rgb(247,247,247); color: grey;
}

ul.pagination li.active a {
  background-color: #ccc; border-color: #ccc;
}
.pagination>li:last-child>a, .pagination>li:last-child>span,
.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 0px; }
*/