Halaman utama Jelajahi Bantuan
Masuk
S.H.I.E.L.D.
/
CLD-mobile
2
0
Fork 0
Berkas Masalah 0 Tarik Permintaan 0 Wiki
Pohon: 9c82056d12
Ranting Tag
CLD-mobile
/
css
/
global.css

global.css 32 KB
Riwayat Mentahan

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516 
  1. @charset "utf-8";
    2. 

  2. /*Reset 样式初始化*/
    3. 

  3. html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
    4. 

  4. br, input, button, textarea, h1, h2, h3, h4, h5,em{
    5. 

  5.   padding: 0;
    6. 

  6.   margin: 0;
    7. 

  7.   font-weight: normal;
    8. 

  8.   font-style: normal;
    9. 

  9.   font-size:1.2rem;
    10. 

  10.   font-family:"微软雅黑","Tahoma";
    11. 

  11.   vertical-align: baseline;
    12. 

  12.   text-align:justify;
    13. 

  13.   word-wrap:break-word;
    14. 

  14.   text-justify:inter-ideograph
    15. 

  15. }
    16. 

  16. body{text-align:center}
    17. 

  17. ul, ol, li, h1 {
    18. 

  18.   line-height:normal;
    19. 

  19.   list-style-image:none;
    20. 

  20.   list-style-position:outside;
    21. 

  21.   list-style-type:none
    22. 

  22. }
    23. 

  23. dl {
    24. 

  24.   margin:0
    25. 

  25. }
    26. 

  26. dd {
    27. 

  27.   margin-left:0
    28. 

  28. }
    29. 

  29. a {
    30. 

  30.   outline:none;
    31. 

  31. }
    32. 

  32. a img {
    33. 

  33.   border:0 none
    34. 

  34. }
    35. 

  35. img {
    36. 

  36.   vertical-align:middle;
    37. 

  37.   border:0px
    38. 

  38. }
    39. 

  39. table {
    40. 

  40.   border-collapse:collapse
    41. 

  41. }
    42. 

  42. .clearfix:after {
    43. 

  43.   content:".";
    44. 

  44.   display:block;
    45. 

  45.   height:0;
    46. 

  46.   clear:both;
    47. 

  47.   visibility:hidden
    48. 

  48. }
    49. 

  49. .clearfix {
    50. 

  50.   display:inline-block;
    51. 

  51.   overflow:hidden
    52. 

  52. }
    53. 

  53. .clearfix {
    54. 

  54.   display:block
    55. 

  55. }
    56. 

  56. .clearfix {
    57. 

  57.   *zoom: 1;
    58. 

  58. }
    59. 

  59. .clearfix:before,
    60. 

  60. .clearfix:after {
    61. 

  61.   display: table;
    62. 

  62.   content: "";
    63. 

  63.   line-height: 0;
    64. 

  64. }
    65. 

  65. .clearfix:after {
    66. 

  66.   clear: both;
    67. 

  67. }
    68. 

  68. body {color:#333;background:#fff}
    69. 

  69. a {color:#8E0950;text-decoration:none}
    70. 

  70. a:hover {color:#333}
    71. 

  71. .width950{width:950px;margin:0 auto}
    72. 

  72. @font-face {
    73. 

  73.   font-family: 'ZHcldSystem';
    74. 

  74.   src:url('fonts/ZHcldSystem.eot');
    75. 

  75.   src:url('fonts/ZHcldSystem.eot?#iefix') format('embedded-opentype'),
    76. 

  76.     url('fonts/ZHcldSystem.ttf') format('truetype'),
    77. 

  77.     url('fonts/ZHcldSystem.woff') format('woff'),
    78. 

  78.     url('fonts/ZHcldSystem.svg#ZHcldSystem') format('svg');
    79. 

  79.   font-weight: normal;
    80. 

  80.   font-style: normal;
    81. 

  81. }
    82. 

  82. 

  83. [class*="icon-"] {
    84. 

  84.   font-family: 'ZHcldSystem';
    85. 

  85.   speak: none;
    86. 

  86.   font-style: normal;
    87. 

  87.   font-weight: normal;
    88. 

  88.   font-variant: normal;
    89. 

  89.   text-transform: none;
    90. 

  90.   line-height:1.6rem;
    91. 

  91. 

  92.   /* Better Font Rendering =========== */
    93. 

  93.   -webkit-font-smoothing: antialiased;
    94. 

  94.   -moz-osx-font-smoothing: grayscale;
    95. 

  95. }
    96. 

  96. /**/
    97. 

  97. .clearB {clear:both}
    98. 

  98. .fL {float:left}
    99. 

  99. .fR {float:right}
    100. 

  100. :link, *:visited, *:hover, *:active, *:focus {
    101. 

  101.     -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
    102. 

  102.   -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
    103. 

  103.   transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
    104. 

  104.   -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
    105. 

  105. }
    106. 

  106. .colRed {color:#f70000}
    107. 

  107. .colOrange {color:#ed8b00}
    108. 

  108. .colYel {color:#d9a601}
    109. 

  109. .colGreen{color:#17ab0c}
    110. 

  110. .colGray{color:#999}
    111. 

  111. .colBlue{color:#3172d9}
    112. 

  112. .hide {display:none}
    113. 

  113. /*fotm*/
    114. 

  114. .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
    115. 

  115. .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    116. 

  116. form{margin:0 0 20px;}
    117. 

  117. fieldset{padding:0;margin:0;border:0;}
    118. 

  118. legend{display:block;width:100%;padding:0 0 0.5em 0;margin-bottom:20px;font-size:2rem;color:#333333;border:0;border-bottom:1px solid #E2E2E2;}legend small{font-size:15px;color:#999999;}
    119. 

  119. label,input,button,select,textarea{font-weight:normal;line-height:1.4rem;}
    120. 

  120. input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
    121. 

  121. label{display:block;margin-bottom:5px;}
    122. 

  122. select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:2rem;padding:4px 6px;margin-bottom:10px;font-size:1.2rem;line-height:2rem;color:#555555;vertical-align:middle;}
    123. 

  123. input,textarea,.uneditable-input{width:90%;}
    124. 

  124. textarea{height:auto;}
    125. 

  125. textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}
    126. 

  126. input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal;}
    127. 

  127. input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto;}
    128. 

  128. select,input[type="file"]{height:2rem;*margin-top:4px;line-height:2rem;}
    129. 

  129. select{border:1px solid #cccccc;background-color:#ffffff;}
    130. 

  130. select[multiple],select[size]{height:auto;}
    131. 

  131. select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
    132. 

  132. .uneditable-input,.uneditable-textarea{color:#999999;background-color:#fcfcfc;border-color:#cccccc;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
    133. 

  133. .uneditable-input{overflow:hidden;white-space:nowrap;}
    134. 

  134. .uneditable-textarea{width:auto;height:auto;}
    135. 

  135. input:-moz-placeholder,textarea:-moz-placeholder{color:#999999;}
    136. 

  136. input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999999;}
    137. 

  137. input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999999;}
    138. 

  138. .radio,.checkbox{min-height:20px;padding-left:16px;}
    139. 

  139. .radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-16px;}
    140. 

  140. .controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px;}
    141. 

  141. .radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;}
    142. 

  142. .radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;}
    143. 

  143. .input-mini{width:60px;}
    144. 

  144. .input-small{width:90px;}
    145. 

  145. .input-medium{width:150px;}
    146. 

  146. .input-large{width:210px;}
    147. 

  147. .input-xlarge{width:270px;}
    148. 

  148. .input-xxlarge{width:530px;}
    149. 

  149. input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0;}
    150. 

  150. .input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block;}
    151. 

  151. input,textarea,.uneditable-input{margin-left:0;}
    152. 

  152. .controls-row [class*="span"]+[class*="span"]{margin-left:20px;}
    153. 

  153. input.span12,textarea.span12,.uneditable-input.span12{width:926px;}
    154. 

  154. input.span11,textarea.span11,.uneditable-input.span11{width:846px;}
    155. 

  155. input.span10,textarea.span10,.uneditable-input.span10{width:766px;}
    156. 

  156. input.span9,textarea.span9,.uneditable-input.span9{width:686px;}
    157. 

  157. input.span8,textarea.span8,.uneditable-input.span8{width:606px;}
    158. 

  158. input.span7,textarea.span7,.uneditable-input.span7{width:526px;}
    159. 

  159. input.span6,textarea.span6,.uneditable-input.span6{width:446px;}
    160. 

  160. input.span5,textarea.span5,.uneditable-input.span5{width:366px;}
    161. 

  161. input.span4,textarea.span4,.uneditable-input.span4{width:286px;}
    162. 

  162. input.span3,textarea.span3,.uneditable-input.span3{width:206px;}
    163. 

  163. input.span2,textarea.span2,.uneditable-input.span2{width:126px;}
    164. 

  164. input.span1,textarea.span1,.uneditable-input.span1{width:46px;}
    165. 

  165. .controls-row{*zoom:1;}.controls-row:before,.controls-row:after{display:table;content:"";line-height:0;}
    166. 

  166. .controls-row:after{clear:both;}
    167. 

  167. .controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left;}
    168. 

  168. .controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px;}
    169. 

  169. input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eeeeee;}
    170. 

  170. input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent;}
    171. 

  171. .control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853;}
    172. 

  172. .control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853;}
    173. 

  173. .control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dbc59e;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #dbc59e;}
    174. 

  174. .control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853;}
    175. 

  175. .control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48;}
    176. 

  176. .control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48;}
    177. 

  177. .control-group.error input,.control-group.error select,.control-group.error textarea{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #d59392;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #d59392;}
    178. 

  178. .control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;}
    179. 

  179. .control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847;}
    180. 

  180. .control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847;}
    181. 

  181. .control-group.success input,.control-group.success select,.control-group.success textarea{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7aba7b;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7aba7b;}
    182. 

  182. .control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847;}
    183. 

  183. .control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{color:#3a87ad;}
    184. 

  184. .control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea{color:#3a87ad;}
    185. 

  185. .control-group.info input,.control-group.info select,.control-group.info textarea{border-color:#3a87ad;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);}.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus{border-color:#2d6987;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7ab5d3;-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7ab5d3;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 6px #7ab5d3;}
    186. 

  186. .control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on{color:#3a87ad;background-color:#d9edf7;border-color:#3a87ad;}
    187. 

  187. input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border-color:#ee5f5b;}input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;}
    188. 

  188. .form-actions{padding:19px 20px 20px;margin-top:20px;margin-bottom:20px;background-color:#f5f5f5;border-top:1px solid #e5e5e5;*zoom:1;}.form-actions:before,.form-actions:after{display:table;content:"";line-height:0;}
    189. 

  189. .form-actions:after{clear:both;}
    190. 

  190. .help-block,.help-inline{color:#595959;}
    191. 

  191. .help-block{display:block;margin-bottom:10px;}
    192. 

  192. .help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px;}
    193. 

  193. .input-append,.input-prepend{display:inline-block;margin-bottom:10px;vertical-align:middle;font-size:0;white-space:nowrap;}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu,.input-append .popover,.input-prepend .popover{font-size:14px;}
    194. 

  194. .input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus{z-index:2;}
    195. 

  195. .input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#eeeeee;border:1px solid #ccc;}
    196. 

  196. .input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
    197. 

  197. .input-append .active,.input-prepend .active{background-color:#a9dba9;border-color:#46a546;}
    198. 

  198. .input-prepend .add-on,.input-prepend .btn{margin-right:-1px;}
    199. 

  199. .input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
    200. 

  200. .input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}.input-append input+.btn-group .btn:last-child,.input-append select+.btn-group .btn:last-child,.input-append .uneditable-input+.btn-group .btn:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
    201. 

  201. .input-append .add-on,.input-append .btn,.input-append .btn-group{margin-left:-1px;}
    202. 

  202. .input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child>.dropdown-toggle{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
    203. 

  203. .input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn,.input-prepend.input-append .uneditable-input+.btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
    204. 

  204. .input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
    205. 

  205. .input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
    206. 

  206. .input-prepend.input-append .btn-group:first-child{margin-left:0;}
    207. 

  207. input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
    208. 

  208. .form-search .input-append .search-query,.form-search .input-prepend .search-query{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
    209. 

  209. .form-search .input-append .search-query{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px;}
    210. 

  210. .form-search .input-append .btn{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;}
    211. 

  211. .form-search .input-prepend .search-query{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;}
    212. 

  212. .form-search .input-prepend .btn{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px;}
    213. 

  213. .form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;vertical-align:middle;}
    214. 

  214. .form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none;}
    215. 

  215. .form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group{display:inline-block;}
    216. 

  216. .form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{margin-bottom:0;}
    217. 

  217. .form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle;}
    218. 

  218. .form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0;}
    219. 

  219. .control-group{margin-bottom:10px;}
    220. 

  220. legend+.control-group{margin-top:10px;-webkit-margin-top-collapse:separate;}
    221. 

  221. .form-horizontal .control-group{margin-bottom:20px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";line-height:0;}
    222. 

  222. .form-horizontal .control-group:after{clear:both;}
    223. 

  223. .form-horizontal .control-label{float:left;width:160px;padding-top:5px;text-align:right;}
    224. 

  224. .form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0;}.form-horizontal .controls:first-child{*padding-left:180px;}
    225. 

  225. .form-horizontal .help-block{margin-bottom:0;}
    226. 

  226. .form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .input-append+.help-block{margin-top:10px;}
    227. 

  227. .form-horizontal .form-actions{padding-left:180px;}
    228. 

  228. /*FONT*/
    229. 

  229. /*table*/
    230. 

  230. table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}
    231. 

  231. .table{width:100%;margin-bottom:20px;}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;}
    232. 

  232. .table th{font-weight:bold;}
    233. 

  233. .table thead th{vertical-align:bottom;}
    234. 

  234. .table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;}
    235. 

  235. .table tbody+tbody{border-top:2px solid #dddddd;}
    236. 

  236. .table .table{background-color:#ffffff;}
    237. 

  237. .table-condensed th,.table-condensed td{padding:4px 5px;}
    238. 

  238. .table-bordered{border:1px solid #dddddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;}
    239. 

  239. .table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
    240. 

  240. .table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child,.table-bordered tbody:first-child tr:first-child>th:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;}
    241. 

  241. .table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child,.table-bordered tbody:first-child tr:first-child>th:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;}
    242. 

  242. .table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tbody:last-child tr:last-child>th:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>th:first-child{-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
    243. 

  243. .table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tbody:last-child tr:last-child>th:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>th:last-child{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
    244. 

  244. .table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;}
    245. 

  245. .table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;}
    246. 

  246. .table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;}
    247. 

  247. .table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;}
    248. 

  248. .table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#E2E2E2;}
    249. 

  249. .table-striped tr:hover{border-left:1px solid #8E0950;font-weight:600}
    250. 

  250. .table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#f5f5f5;}
    251. 

  251. table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0;}
    252. 

  252. .table td.span1,.table th.span1{float:none;width:44px;margin-left:0;}
    253. 

  253. .table td.span2,.table th.span2{float:none;width:124px;margin-left:0;}
    254. 

  254. .table td.span3,.table th.span3{float:none;width:204px;margin-left:0;}
    255. 

  255. .table td.span4,.table th.span4{float:none;width:284px;margin-left:0;}
    256. 

  256. .table td.span5,.table th.span5{float:none;width:364px;margin-left:0;}
    257. 

  257. .table td.span6,.table th.span6{float:none;width:444px;margin-left:0;}
    258. 

  258. .table td.span7,.table th.span7{float:none;width:524px;margin-left:0;}
    259. 

  259. .table td.span8,.table th.span8{float:none;width:604px;margin-left:0;}
    260. 

  260. .table td.span9,.table th.span9{float:none;width:684px;margin-left:0;}
    261. 

  261. .table td.span10,.table th.span10{float:none;width:764px;margin-left:0;}
    262. 

  262. .table td.span11,.table th.span11{float:none;width:844px;margin-left:0;}
    263. 

  263. .table td.span12,.table th.span12{float:none;width:924px;margin-left:0;}
    264. 

  264. .table tbody tr.success>td{background-color:#dff0d8;}
    265. 

  265. .table tbody tr.error>td{background-color:#f2dede;}
    266. 

  266. .table tbody tr.warning>td{background-color:#fcf8e3;}
    267. 

  267. .table tbody tr.info>td{background-color:#d9edf7;}
    268. 

  268. .table-hover tbody tr.success:hover>td{background-color:#d0e9c6;}
    269. 

  269. .table-hover tbody tr.error:hover>td{background-color:#ebcccc;}
    270. 

  270. .table-hover tbody tr.warning:hover>td{background-color:#faf2cc;}
    271. 

  271. .table-hover tbody tr.info:hover>td{background-color:#c4e3f3;}
    272. 

  272. /*table*/
    273. 

  273. /*modal*/
    274. 

  274. .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:0}.modal.fade{-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out;top:-25%}.modal.fade.in{top:10%}.modal-header{padding:9px 15px;border-bottom:1px solid #eee}.modal-header .close{margin-top:2px}.modal-header h3{margin:0;line-height:30px}.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px}.modal-form{margin-bottom:0}.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff;*zoom:1}.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}
    275. 

  275. /*modal*/
    276. 

  276. body{
    277. 

  277.   background:#ebebeb
    278. 

  278. }
    279. 

  279. .button{
    280. 

  280.   float:left;
    281. 

  281.   height:1.6em;
    282. 

  282.   margin-right:10px;
    283. 

  283.   padding:0px 8px;
    284. 

  284.   line-height:1.6em;
    285. 

  285.   text-align:center;
    286. 

  286.   overflow:hidden;
    287. 

  287.   font-weight:bold;
    288. 

  288.   color:#FFF;
    289. 

  289.   border-radius:1px;
    290. 

  290.   text-shadow:0 1px rgba(0, 0, 0, 0.1);
    291. 

  291.   text-decoration:none;
    292. 

  292.   border:none;
    293. 

  293.   background:#8E0950;
    294. 

  294.   cursor:pointer
    295. 

  295. }
    296. 

  296. input.button{
    297. 

  297.   height:35px;
    298. 

  298.   line-height:35px
    299. 

  299. }
    300. 

  300. .button:hover{
    301. 

  301.   color:#fff;
    302. 

  302.   background:#b01c6b
    303. 

  303. }
    304. 

  304. .button:active{
    305. 

  305.   background-color:#840549;
    306. 

  306. }
    307. 

  307. .button.btn-gray{
    308. 

  308.   background-color:#898989
    309. 

  309. }
    310. 

  310. .button.btn-gray:hover{
    311. 

  311.   background-color:#727272;
    312. 

  312. }
    313. 

  313. .button.btn-gray:active{
    314. 

  314.   background-color:#404040;
    315. 

  315. }
    316. 

  316. .infoFlowList{
    317. 

  317.     border-left: 1px solid #BEBEBE;
    318. 

  318.     margin-left: 31px;
    319. 

  319.     padding-bottom: 33px;
    320. 

  320.     padding-left: 43px;
    321. 

  321.     position: relative;
    322. 

  322.     margin-right:10px
    323. 

  323. }
    324. 

  324. .iconGenerate,.iconReceive,.iconBorrow,.iconSell,.iconUpdate,.iconReplace,.iconRecycle,.iconContacts,.iconLock,.iconService,.iconPhone,.iconOther{
    325. 

  325.   background:url(infocentericon.png) no-repeat 0 0
    326. 

  326. }
    327. 

  327. .iconGenerate{
    328. 

  328.   background-position:0 0
    329. 

  329. }
    330. 

  330. .iconReceive{
    331. 

  331.   background-position:0 -32px
    332. 

  332. }
    333. 

  333. .iconBorrow{
    334. 

  334.   background-position:0 -64px
    335. 

  335. }
    336. 

  336. .iconSell{
    337. 

  337.   background-position:0 -96px
    338. 

  338. }
    339. 

  339. .iconUpdate{
    340. 

  340.   background-position:0 -128px
    341. 

  341. }
    342. 

  342. .iconReplace{
    343. 

  343.   background-position:0 -160px
    344. 

  344. }
    345. 

  345. .iconRecycle{
    346. 

  346.   background-position:0 -192px
    347. 

  347. }
    348. 

  348. .iconContacts{
    349. 

  349.   background-position:0 -224px
    350. 

  350. }
    351. 

  351. .iconLock{
    352. 

  352.   background-position:0 -256px
    353. 

  353. }
    354. 

  354. .iconService{
    355. 

  355.   background-position:0 -288px
    356. 

  356. }
    357. 

  357. .iconPhone{
    358. 

  358.   background-position:0 -320px
    359. 

  359. }
    360. 

  360. .iconOther{
    361. 

  361.   background-position:0 -352px
    362. 

  362. }
    363. 

  363. .pageNav a,.pageNav span{
    364. 

  364.   padding:0 3px
    365. 

  365. }
    366. 

  366. .pageNav a.current{
    367. 

  367.   background:#8E0950;
    368. 

  368.   color:#fff
    369. 

  369. }
    370. 

  370. /**/
    371. 

  371. .warpContent{
    372. 

  372.   padding:10px
    373. 

  373. }
    374. 

  374. .indexNav{
    375. 

  375.   margin-top:20px
    376. 

  376. }
    377. 

  377. .indexNav a{
    378. 

  378.   display:block;
    379. 

  379.   color:#8E0950;
    380. 

  380.   border:.1em solid #8E0950;
    381. 

  381.   padding:1em 0;
    382. 

  382.   text-align:center;
    383. 

  383.   margin:0 0 1em 0
    384. 

  384. }
    385. 

  385. .clientEntry{
    386. 

  386.   background:#fff;
    387. 

  387.   margin:0 0 1em 0;
    388. 

  388.   padding:5px;
    389. 

  389.   border-radius:3px;
    390. 

  390.   box-shadow:0 0px 0.3em -0.1em #999
    391. 

  391. }
    392. 

  392. .searchResult p{
    393. 

  393.   padding:5px 0;
    394. 

  394.   border-bottom:1px dashed #e2e2e2
    395. 

  395. }
    396. 

  396. .clientEntry th{
    397. 

  397.   padding:5px 5px 5px 0;
    398. 

  398.   width:3em
    399. 

  399. }
    400. 

  400. .clientEntry td{
    401. 

  401.   padding:5px 0
    402. 

  402. }
    403. 

  403. .clientEntry table{
    404. 

  404.   width:100%
    405. 

  405. }
    406. 

  406. .clientEntry table td,.clientEntry table th {
    407. 

  407.   border-bottom: 1px dashed #EBEBEB;
    408. 

  408.   text-align: left;
    409. 

  409.   vertical-align: baseline;
    410. 

  410. }
    411. 

  411. .clientEntry table tr:last-child td,.clientEntry table tr:last-child th {
    412. 

  412.   border-bottom:none
    413. 

  413. }
    414. 

  414. .clientEntry table td label {
    415. 

  415.     display: inline-block;
    416. 

  416. }
    417. 

  417. .clientEntry.header{
    418. 

  418.   background:none;
    419. 

  419.   box-shadow:none
    420. 

  420. }
    421. 

  421. .contactsTag{
    422. 

  422.   border-radius: 2px 2px 2px 2px;
    423. 

  423.   color: #FFFFFF;
    424. 

  424.   margin: 0 1px;
    425. 

  425.   padding: 0 3px;
    426. 

  426.   overflow:hidden; 
    427. 

  427.   text-overflow:ellipsis;
    428. 

  428.   white-space:nowrap;
    429. 

  429.   display:inline-block;
    430. 

  430.   font-style:normal
    431. 

  431. }
    432. 

  432. .contactsMark{
    433. 

  433.   border-radius: 2px;
    434. 

  434.   border:1px solid #ccc;
    435. 

  435.   margin: 0 1px;
    436. 

  436.   padding: 0 3px;
    437. 

  437.   overflow:hidden; 
    438. 

  438.   text-overflow:ellipsis;
    439. 

  439.   white-space:nowrap;
    440. 

  440.   display:inline-block;
    441. 

  441.   font-style:normal;
    442. 

  442.   color:#333;
    443. 

  443. }
    444. 

  444. td.cType label{
    445. 

  445.   border-radius: 2px;
    446. 

  446.   display: inline-block;
    447. 

  447.   font-style: normal;
    448. 

  448.   height: 1.4em;
    449. 

  449.   line-height: 1.4em;
    450. 

  450.   margin:1px;
    451. 

  451.   overflow: hidden;
    452. 

  452.   padding: 0 3px;
    453. 

  453.   text-overflow: ellipsis;
    454. 

  454.   white-space: nowrap;
    455. 

  455.   background:#eee;
    456. 

  456.   border-bottom:0.2em solid #fff;
    457. 

  457.   vertical-align:middle
    458. 

  458. }
    459. 

  459. .contactsTag.tagCol-01{
    460. 

  460.   background-color:#16A085
    461. 

  461. }
    462. 

  462. .contactsTag.tagCol-02{
    463. 

  463.   background-color:#2980B9
    464. 

  464. }
    465. 

  465. .contactsTag.tagCol-03{
    466. 

  466.   background-color:#8E44AD
    467. 

  467. }
    468. 

  468. .contactsTag.tagCol-04{
    469. 

  469.   background-color:#f90000
    470. 

  470. }
    471. 

  471. .contactsTag.tagCol-05{
    472. 

  472.   background-color:#B8651B
    473. 

  473. }
    474. 

  474. .contactsTag.tagCol-06{
    475. 

  475.   background-color:#2C3E50
    476. 

  476. }
    477. 

  477. .contactsTag.tagCol-07{
    478. 

  478.   background-color:#efd200
    479. 

  479. }
    480. 

  480. .recordEntry{
    481. 

  481.   background:#fff;
    482. 

  482.   margin:0 0 1em 0;
    483. 

  483.   padding:5px;
    484. 

  484.   border-radius:3px;
    485. 

  485.   box-shadow:0 0px 3px -1px #999
    486. 

  486. }
    487. 

  487. .recordEntry li{
    488. 

  488.   border-bottom: 1px dashed #E2E2E2;
    489. 

  489.   overflow: hidden;
    490. 

  490.   padding: 5px 5px
    491. 

  491. }
    492. 

  492. .recordEntry li i.icon{
    493. 

  493.   width:32px;
    494. 

  494.   height:32px;
    495. 

  495.   float:left
    496. 

  496. }
    497. 

  497. .tabList{
    498. 

  498.   margin:0 0 1em 0;
    499. 

  499.   border-bottom:1px solid #8E0950
    500. 

  500. }
    501. 

  501. .tabList a{
    502. 

  502.   padding:3px 5px;
    503. 

  503.   display:inline-block;
    504. 

  504.   color:#999;
    505. 

  505.   background:#191818;
    506. 

  506.   margin:0 1px 0 0;
    507. 

  507.   border-bottom:1px solid #ebebeb
    508. 

  508. }
    509. 

  509. .tabList a.now{
    510. 

  510.   background:#8E0950;
    511. 

  511.   color:#fff;
    512. 

  512.   border-bottom:1px solid #8E0950
    513. 

  513. }
    514. 

  514. .tabContent input,.tabContent select{
    515. 

  515.   margin-bottom:0
    516. 

  516. }
    517.