@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

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

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

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

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

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                       http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
       * Don't show links that are fragment identifiers,
       * or use the `javascript:` pseudo protocol
       */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
       * Printing Tables:
       * http://css-discuss.incutio.com/wiki/Printing_Tables
       */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/**
* Dufe - v1.0.0
* Mason Wu
* Copyright 2014 - 2024 Dongbei University Of Finance & Economics
*/
/* ======================================================== *
 *                                                          *
 * html5 boilerplate style                                  *
 *                                                          *
 * ======================================================== */
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/* ======================================================== *
 *                                                          *
 * 项目自定义样式                                            *
 *                                                          *
 * ======================================================== */
body {
  font: 12px/1.5 arial;
  /*默认字体样式*/
  background-color: #fff;
  /*添加默认背景颜色防止用户自行修改*/
}

/*清除链接下划线仅当鼠标滑过是显示*/
a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/*默认字体颜色*/
body,
button,
input,
select,
textarea {
  color: #000;
}

/*默认链接颜色*/
a,
a:visited,
a:hover,
a:active {
  color: #333;
}

.strong,
.strong:visited,
.strong:hover,
.strong:active {
  color: #333 !important;
}

/*清楚有序、无序列表默认样式*/
ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

/*使图片可以随父元素等比缩放*/
img {
  max-width: 100%;
  _width: 100%;
  /*for ie6*/
}

/*清除输入框获得焦点时边线*/
a:focus,
input:focus,
textarea:focus,
button:focus {
  outline: none;
}

.row_margin {
  margin-top: 32px;
}

.footer {
  margin-top: 40px;
}

button {
  filter: chroma(color=#000000);
}

* {
  -webkit-tap-highlight-color: transparent;
}

input::-moz-placeholder {
  color: #ccc;
}

input:-ms-input-placeholder {
  color: #ccc;
}

input::placeholder {
  color: #ccc;
}

/* 文本相关 */
.dot {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  _width: 100%;
}

.h6 {
  font-size: 12px;
}

.h5 {
  font-size: 14px;
}

.h4 {
  font-size: 18px;
}

.h3 {
  font-size: 24px;
}

.h2 {
  font-size: 30px;
}

.h1 {
  font-size: 36px;
}

.line-height-15 {
  line-height: 1.5;
}

.line-height-20 {
  line-height: 2.0;
}

.line-height-30 {
  line-height: 3.0;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-indent {
  text-indent: 2em;
}

.bold {
  font-weight: bold;
}

/* 定位相关 */
.clearfix, .row, .container {
  zoom: 1;
}

.clearfix:after, .row:after, .container:after, .clearfix:before, .row:before, .container:before {
  content: " ";
  clear: both;
  display: table;
}

.clear {
  clear: both;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.nooverflow {
  overflow: hidden;
}

.normallink {
  background: url(img/dot.png) 0 center no-repeat;
  padding-left: 10px;
}

.normallink:hover {
  color: #00a5f3;
  text-decoration: none;
}

.normallink:hover > span {
  color: #00a5f3;
  text-decoration: none;
}

.normallink .time {
  color: #666;
}

/* 表格相关 */
.ue_content table {
  width: 100%;
  max-width: 100%;
}

.ue_content img {
  _width: auto;
}

.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
  white-space: nowrap;
}

/*50%宽度*/
.half {
  float: left;
  width: 50%;
}

.lt-ie8 .half {
  width: 49%;
}

/*图片鼠标滑过遮罩*/
.coverbox:hover .cover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.ie8 .coverbox:hover .cover {
  display: block;
}

.coverbox .boxcontainer {
  position: relative;
}

.coverbox .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2854a1;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  transition: opacity 0.5s;
  _display: none;
}

.ie8 .coverbox .cover {
  display: none;
}

.coverbox .cover span {
  border: 2px #fff solid;
  padding: 3px 20px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -34px;
}

/*更多链接*/
.more {
  font-family: 'simsun';
}

.more:hover {
  color: #00a5f3;
  text-decoration: none;
}

.more:hover > span {
  color: #00a5f3;
  text-decoration: none;
}

/*首页栏目块标题样式*/
/* 内容页标题 */
.xyjs-menu i {
  padding-left: 30px;
  height: 36px;
  line-height: 36px;
  background: url(img/liststyle.png) 0 -55px no-repeat;
}

.float-left, .bc1-1, .cc1-1, .c1-1, .bc1-2, .cc1-2, .c1-2, .bc1-3, .cc1-3, .c1-3, .bc1-4, .cc1-4, .c1-4, .bc1-5, .cc1-5, .c1-5, .bc1-6, .cc1-6, .c1-6, .bc1-7, .cc1-7, .c1-7, .bc1-8, .cc1-8, .c1-8, .bc1-9, .cc1-9, .c1-9, .bc1-10, .cc1-10, .c1-10, .bc1-11, .cc1-11, .c1-11, .bc1-12, .cc1-12, .c1-12, .bc2-1, .cc2-1, .c2-1, .bc2-2, .cc2-2, .c2-2, .bc2-3, .cc2-3, .c2-3, .bc2-4, .cc2-4, .c2-4, .bc2-5, .cc2-5, .c2-5, .bc2-6, .cc2-6, .c2-6, .bc2-7, .cc2-7, .c2-7, .bc2-8, .cc2-8, .c2-8, .bc2-9, .cc2-9, .c2-9, .bc2-10, .cc2-10, .c2-10, .bc2-11, .cc2-11, .c2-11, .bc2-12, .cc2-12, .c2-12, .bc3-1, .cc3-1, .c3-1, .bc3-2, .cc3-2, .c3-2, .bc3-3, .cc3-3, .c3-3, .bc3-4, .cc3-4, .c3-4, .bc3-5, .cc3-5, .c3-5, .bc3-6, .cc3-6, .c3-6, .bc3-7, .cc3-7, .c3-7, .bc3-8, .cc3-8, .c3-8, .bc3-9, .cc3-9, .c3-9, .bc3-10, .cc3-10, .c3-10, .bc3-11, .cc3-11, .c3-11, .bc3-12, .cc3-12, .c3-12, .bc4-1, .cc4-1, .c4-1, .bc4-2, .cc4-2, .c4-2, .bc4-3, .cc4-3, .c4-3, .bc4-4, .cc4-4, .c4-4, .bc4-5, .cc4-5, .c4-5, .bc4-6, .cc4-6, .c4-6, .bc4-7, .cc4-7, .c4-7, .bc4-8, .cc4-8, .c4-8, .bc4-9, .cc4-9, .c4-9, .bc4-10, .cc4-10, .c4-10, .bc4-11, .cc4-11, .c4-11, .bc4-12, .cc4-12, .c4-12, .bc5-1, .cc5-1, .c5-1, .bc5-2, .cc5-2, .c5-2, .bc5-3, .cc5-3, .c5-3, .bc5-4, .cc5-4, .c5-4, .bc5-5, .cc5-5, .c5-5, .bc5-6, .cc5-6, .c5-6, .bc5-7, .cc5-7, .c5-7, .bc5-8, .cc5-8, .c5-8, .bc5-9, .cc5-9, .c5-9, .bc5-10, .cc5-10, .c5-10, .bc5-11, .cc5-11, .c5-11, .bc5-12, .cc5-12, .c5-12 {
  float: left;
}

.min-height-1, .bc1-1, .cc1-1, .c1-1, .bc1-2, .cc1-2, .c1-2, .bc1-3, .cc1-3, .c1-3, .bc1-4, .cc1-4, .c1-4, .bc1-5, .cc1-5, .c1-5, .bc1-6, .cc1-6, .c1-6, .bc1-7, .cc1-7, .c1-7, .bc1-8, .cc1-8, .c1-8, .bc1-9, .cc1-9, .c1-9, .bc1-10, .cc1-10, .c1-10, .bc1-11, .cc1-11, .c1-11, .bc1-12, .cc1-12, .c1-12, .bc2-1, .cc2-1, .c2-1, .bc2-2, .cc2-2, .c2-2, .bc2-3, .cc2-3, .c2-3, .bc2-4, .cc2-4, .c2-4, .bc2-5, .cc2-5, .c2-5, .bc2-6, .cc2-6, .c2-6, .bc2-7, .cc2-7, .c2-7, .bc2-8, .cc2-8, .c2-8, .bc2-9, .cc2-9, .c2-9, .bc2-10, .cc2-10, .c2-10, .bc2-11, .cc2-11, .c2-11, .bc2-12, .cc2-12, .c2-12, .bc3-1, .cc3-1, .c3-1, .bc3-2, .cc3-2, .c3-2, .bc3-3, .cc3-3, .c3-3, .bc3-4, .cc3-4, .c3-4, .bc3-5, .cc3-5, .c3-5, .bc3-6, .cc3-6, .c3-6, .bc3-7, .cc3-7, .c3-7, .bc3-8, .cc3-8, .c3-8, .bc3-9, .cc3-9, .c3-9, .bc3-10, .cc3-10, .c3-10, .bc3-11, .cc3-11, .c3-11, .bc3-12, .cc3-12, .c3-12, .bc4-1, .cc4-1, .c4-1, .bc4-2, .cc4-2, .c4-2, .bc4-3, .cc4-3, .c4-3, .bc4-4, .cc4-4, .c4-4, .bc4-5, .cc4-5, .c4-5, .bc4-6, .cc4-6, .c4-6, .bc4-7, .cc4-7, .c4-7, .bc4-8, .cc4-8, .c4-8, .bc4-9, .cc4-9, .c4-9, .bc4-10, .cc4-10, .c4-10, .bc4-11, .cc4-11, .c4-11, .bc4-12, .cc4-12, .c4-12, .bc5-1, .cc5-1, .c5-1, .bc5-2, .cc5-2, .c5-2, .bc5-3, .cc5-3, .c5-3, .bc5-4, .cc5-4, .c5-4, .bc5-5, .cc5-5, .c5-5, .bc5-6, .cc5-6, .c5-6, .bc5-7, .cc5-7, .c5-7, .bc5-8, .cc5-8, .c5-8, .bc5-9, .cc5-9, .c5-9, .bc5-10, .cc5-10, .c5-10, .bc5-11, .cc5-11, .c5-11, .bc5-12, .cc5-12, .c5-12 {
  min-height: 1px;
}

.container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.screendev {
  position: fixed;
  top: 0;
  left: 0;
  color: #ff0000;
  padding: 5px;
  background-color: #fff;
}

.no-spaceing {
  margin-left: 0 !important;
}

.ie6 .no-spaceing {
  margin-left: 0;
}

.bc1-1 {
  _display: inline;
}

.cc1-1 {
  _display: inline;
}

.c1-1 {
  _display: inline;
}

.bc1-2 {
  _display: inline;
}

.cc1-2 {
  _display: inline;
}

.c1-2 {
  _display: inline;
}

.bc1-3 {
  _display: inline;
}

.cc1-3 {
  _display: inline;
}

.c1-3 {
  _display: inline;
}

.bc1-4 {
  _display: inline;
}

.cc1-4 {
  _display: inline;
}

.c1-4 {
  _display: inline;
}

.bc1-5 {
  _display: inline;
}

.cc1-5 {
  _display: inline;
}

.c1-5 {
  _display: inline;
}

.bc1-6 {
  _display: inline;
}

.cc1-6 {
  _display: inline;
}

.c1-6 {
  _display: inline;
}

.bc1-7 {
  _display: inline;
}

.cc1-7 {
  _display: inline;
}

.c1-7 {
  _display: inline;
}

.bc1-8 {
  _display: inline;
}

.cc1-8 {
  _display: inline;
}

.c1-8 {
  _display: inline;
}

.bc1-9 {
  _display: inline;
}

.cc1-9 {
  _display: inline;
}

.c1-9 {
  _display: inline;
}

.bc1-10 {
  _display: inline;
}

.cc1-10 {
  _display: inline;
}

.c1-10 {
  _display: inline;
}

.bc1-11 {
  _display: inline;
}

.cc1-11 {
  _display: inline;
}

.c1-11 {
  _display: inline;
}

.bc1-12 {
  _display: inline;
}

.cc1-12 {
  _display: inline;
}

.c1-12 {
  _display: inline;
}

.bc2-1 {
  _display: inline;
}

.cc2-1 {
  _display: inline;
}

.c2-1 {
  _display: inline;
}

.bc2-2 {
  _display: inline;
}

.cc2-2 {
  _display: inline;
}

.c2-2 {
  _display: inline;
}

.bc2-3 {
  _display: inline;
}

.cc2-3 {
  _display: inline;
}

.c2-3 {
  _display: inline;
}

.bc2-4 {
  _display: inline;
}

.cc2-4 {
  _display: inline;
}

.c2-4 {
  _display: inline;
}

.bc2-5 {
  _display: inline;
}

.cc2-5 {
  _display: inline;
}

.c2-5 {
  _display: inline;
}

.bc2-6 {
  _display: inline;
}

.cc2-6 {
  _display: inline;
}

.c2-6 {
  _display: inline;
}

.bc2-7 {
  _display: inline;
}

.cc2-7 {
  _display: inline;
}

.c2-7 {
  _display: inline;
}

.bc2-8 {
  _display: inline;
}

.cc2-8 {
  _display: inline;
}

.c2-8 {
  _display: inline;
}

.bc2-9 {
  _display: inline;
}

.cc2-9 {
  _display: inline;
}

.c2-9 {
  _display: inline;
}

.bc2-10 {
  _display: inline;
}

.cc2-10 {
  _display: inline;
}

.c2-10 {
  _display: inline;
}

.bc2-11 {
  _display: inline;
}

.cc2-11 {
  _display: inline;
}

.c2-11 {
  _display: inline;
}

.bc2-12 {
  _display: inline;
}

.cc2-12 {
  _display: inline;
}

.c2-12 {
  _display: inline;
}

.bc3-1 {
  _display: inline;
}

.cc3-1 {
  _display: inline;
}

.c3-1 {
  _display: inline;
}

.bc3-2 {
  _display: inline;
}

.cc3-2 {
  _display: inline;
}

.c3-2 {
  _display: inline;
}

.bc3-3 {
  _display: inline;
}

.cc3-3 {
  _display: inline;
}

.c3-3 {
  _display: inline;
}

.bc3-4 {
  _display: inline;
}

.cc3-4 {
  _display: inline;
}

.c3-4 {
  _display: inline;
}

.bc3-5 {
  _display: inline;
}

.cc3-5 {
  _display: inline;
}

.c3-5 {
  _display: inline;
}

.bc3-6 {
  _display: inline;
}

.cc3-6 {
  _display: inline;
}

.c3-6 {
  _display: inline;
}

.bc3-7 {
  _display: inline;
}

.cc3-7 {
  _display: inline;
}

.c3-7 {
  _display: inline;
}

.bc3-8 {
  _display: inline;
}

.cc3-8 {
  _display: inline;
}

.c3-8 {
  _display: inline;
}

.bc3-9 {
  _display: inline;
}

.cc3-9 {
  _display: inline;
}

.c3-9 {
  _display: inline;
}

.bc3-10 {
  _display: inline;
}

.cc3-10 {
  _display: inline;
}

.c3-10 {
  _display: inline;
}

.bc3-11 {
  _display: inline;
}

.cc3-11 {
  _display: inline;
}

.c3-11 {
  _display: inline;
}

.bc3-12 {
  _display: inline;
}

.cc3-12 {
  _display: inline;
}

.c3-12 {
  _display: inline;
}

.bc4-1 {
  _display: inline;
}

.cc4-1 {
  _display: inline;
}

.c4-1 {
  _display: inline;
}

.bc4-2 {
  _display: inline;
}

.cc4-2 {
  _display: inline;
}

.c4-2 {
  _display: inline;
}

.bc4-3 {
  _display: inline;
}

.cc4-3 {
  _display: inline;
}

.c4-3 {
  _display: inline;
}

.bc4-4 {
  _display: inline;
}

.cc4-4 {
  _display: inline;
}

.c4-4 {
  _display: inline;
}

.bc4-5 {
  _display: inline;
}

.cc4-5 {
  _display: inline;
}

.c4-5 {
  _display: inline;
}

.bc4-6 {
  _display: inline;
}

.cc4-6 {
  _display: inline;
}

.c4-6 {
  _display: inline;
}

.bc4-7 {
  _display: inline;
}

.cc4-7 {
  _display: inline;
}

.c4-7 {
  _display: inline;
}

.bc4-8 {
  _display: inline;
}

.cc4-8 {
  _display: inline;
}

.c4-8 {
  _display: inline;
}

.bc4-9 {
  _display: inline;
}

.cc4-9 {
  _display: inline;
}

.c4-9 {
  _display: inline;
}

.bc4-10 {
  _display: inline;
}

.cc4-10 {
  _display: inline;
}

.c4-10 {
  _display: inline;
}

.bc4-11 {
  _display: inline;
}

.cc4-11 {
  _display: inline;
}

.c4-11 {
  _display: inline;
}

.bc4-12 {
  _display: inline;
}

.cc4-12 {
  _display: inline;
}

.c4-12 {
  _display: inline;
}

.bc5-1 {
  _display: inline;
}

.cc5-1 {
  _display: inline;
}

.c5-1 {
  _display: inline;
}

.bc5-2 {
  _display: inline;
}

.cc5-2 {
  _display: inline;
}

.c5-2 {
  _display: inline;
}

.bc5-3 {
  _display: inline;
}

.cc5-3 {
  _display: inline;
}

.c5-3 {
  _display: inline;
}

.bc5-4 {
  _display: inline;
}

.cc5-4 {
  _display: inline;
}

.c5-4 {
  _display: inline;
}

.bc5-5 {
  _display: inline;
}

.cc5-5 {
  _display: inline;
}

.c5-5 {
  _display: inline;
}

.bc5-6 {
  _display: inline;
}

.cc5-6 {
  _display: inline;
}

.c5-6 {
  _display: inline;
}

.bc5-7 {
  _display: inline;
}

.cc5-7 {
  _display: inline;
}

.c5-7 {
  _display: inline;
}

.bc5-8 {
  _display: inline;
}

.cc5-8 {
  _display: inline;
}

.c5-8 {
  _display: inline;
}

.bc5-9 {
  _display: inline;
}

.cc5-9 {
  _display: inline;
}

.c5-9 {
  _display: inline;
}

.bc5-10 {
  _display: inline;
}

.cc5-10 {
  _display: inline;
}

.c5-10 {
  _display: inline;
}

.bc5-11 {
  _display: inline;
}

.cc5-11 {
  _display: inline;
}

.c5-11 {
  _display: inline;
}

.bc5-12 {
  _display: inline;
}

.cc5-12 {
  _display: inline;
}

.c5-12 {
  _display: inline;
}

@media (min-width: 480px) {
  .container {
    width: 465px;
  }
  .row {
    margin-left: -15px;
  }
  .screendev:before {
    content: "C5>480px ";
  }
  .screendev span:before {
    content: "Width:40px Spacing:15px";
  }
  .bc1-1 {
    width: 40px;
    margin-left: 15px;
  }
  .cc1-1 {
    width: 25px;
    margin-left: 0;
  }
  .c1-1 {
    width: 25px;
    margin-left: 15px;
  }
  .c1-pull1 {
    position: relative;
    left: 40px;
  }
  .bc1-2 {
    width: 80px;
    margin-left: 15px;
  }
  .cc1-2 {
    width: 65px;
    margin-left: 0;
  }
  .c1-2 {
    width: 65px;
    margin-left: 15px;
  }
  .c1-pull2 {
    position: relative;
    left: 80px;
  }
  .bc1-3 {
    width: 120px;
    margin-left: 15px;
  }
  .cc1-3 {
    width: 105px;
    margin-left: 0;
  }
  .c1-3 {
    width: 105px;
    margin-left: 15px;
  }
  .c1-pull3 {
    position: relative;
    left: 120px;
  }
  .bc1-4 {
    width: 160px;
    margin-left: 15px;
  }
  .cc1-4 {
    width: 145px;
    margin-left: 0;
  }
  .c1-4 {
    width: 145px;
    margin-left: 15px;
  }
  .c1-pull4 {
    position: relative;
    left: 160px;
  }
  .bc1-5 {
    width: 200px;
    margin-left: 15px;
  }
  .cc1-5 {
    width: 185px;
    margin-left: 0;
  }
  .c1-5 {
    width: 185px;
    margin-left: 15px;
  }
  .c1-pull5 {
    position: relative;
    left: 200px;
  }
  .bc1-6 {
    width: 240px;
    margin-left: 15px;
  }
  .cc1-6 {
    width: 225px;
    margin-left: 0;
  }
  .c1-6 {
    width: 225px;
    margin-left: 15px;
  }
  .c1-pull6 {
    position: relative;
    left: 240px;
  }
  .bc1-7 {
    width: 280px;
    margin-left: 15px;
  }
  .cc1-7 {
    width: 265px;
    margin-left: 0;
  }
  .c1-7 {
    width: 265px;
    margin-left: 15px;
  }
  .c1-pull7 {
    position: relative;
    left: 280px;
  }
  .bc1-8 {
    width: 320px;
    margin-left: 15px;
  }
  .cc1-8 {
    width: 305px;
    margin-left: 0;
  }
  .c1-8 {
    width: 305px;
    margin-left: 15px;
  }
  .c1-pull8 {
    position: relative;
    left: 320px;
  }
  .bc1-9 {
    width: 360px;
    margin-left: 15px;
  }
  .cc1-9 {
    width: 345px;
    margin-left: 0;
  }
  .c1-9 {
    width: 345px;
    margin-left: 15px;
  }
  .c1-pull9 {
    position: relative;
    left: 360px;
  }
  .bc1-10 {
    width: 400px;
    margin-left: 15px;
  }
  .cc1-10 {
    width: 385px;
    margin-left: 0;
  }
  .c1-10 {
    width: 385px;
    margin-left: 15px;
  }
  .c1-pull10 {
    position: relative;
    left: 400px;
  }
  .bc1-11 {
    width: 440px;
    margin-left: 15px;
  }
  .cc1-11 {
    width: 425px;
    margin-left: 0;
  }
  .c1-11 {
    width: 425px;
    margin-left: 15px;
  }
  .c1-pull11 {
    position: relative;
    left: 440px;
  }
  .bc1-12 {
    width: 480px;
    margin-left: 15px;
  }
  .cc1-12 {
    width: 465px;
    margin-left: 0;
  }
  .c1-12 {
    width: 465px;
    margin-left: 15px;
  }
  .c1-pull12 {
    position: relative;
    left: 480px;
  }
  .bc2-1 {
    width: 40px;
    margin-left: 15px;
  }
  .cc2-1 {
    width: 25px;
    margin-left: 0;
  }
  .c2-1 {
    width: 25px;
    margin-left: 15px;
  }
  .c2-pull1 {
    position: relative;
    left: 40px;
  }
  .bc2-2 {
    width: 80px;
    margin-left: 15px;
  }
  .cc2-2 {
    width: 65px;
    margin-left: 0;
  }
  .c2-2 {
    width: 65px;
    margin-left: 15px;
  }
  .c2-pull2 {
    position: relative;
    left: 80px;
  }
  .bc2-3 {
    width: 120px;
    margin-left: 15px;
  }
  .cc2-3 {
    width: 105px;
    margin-left: 0;
  }
  .c2-3 {
    width: 105px;
    margin-left: 15px;
  }
  .c2-pull3 {
    position: relative;
    left: 120px;
  }
  .bc2-4 {
    width: 160px;
    margin-left: 15px;
  }
  .cc2-4 {
    width: 145px;
    margin-left: 0;
  }
  .c2-4 {
    width: 145px;
    margin-left: 15px;
  }
  .c2-pull4 {
    position: relative;
    left: 160px;
  }
  .bc2-5 {
    width: 200px;
    margin-left: 15px;
  }
  .cc2-5 {
    width: 185px;
    margin-left: 0;
  }
  .c2-5 {
    width: 185px;
    margin-left: 15px;
  }
  .c2-pull5 {
    position: relative;
    left: 200px;
  }
  .bc2-6 {
    width: 240px;
    margin-left: 15px;
  }
  .cc2-6 {
    width: 225px;
    margin-left: 0;
  }
  .c2-6 {
    width: 225px;
    margin-left: 15px;
  }
  .c2-pull6 {
    position: relative;
    left: 240px;
  }
  .bc2-7 {
    width: 280px;
    margin-left: 15px;
  }
  .cc2-7 {
    width: 265px;
    margin-left: 0;
  }
  .c2-7 {
    width: 265px;
    margin-left: 15px;
  }
  .c2-pull7 {
    position: relative;
    left: 280px;
  }
  .bc2-8 {
    width: 320px;
    margin-left: 15px;
  }
  .cc2-8 {
    width: 305px;
    margin-left: 0;
  }
  .c2-8 {
    width: 305px;
    margin-left: 15px;
  }
  .c2-pull8 {
    position: relative;
    left: 320px;
  }
  .bc2-9 {
    width: 360px;
    margin-left: 15px;
  }
  .cc2-9 {
    width: 345px;
    margin-left: 0;
  }
  .c2-9 {
    width: 345px;
    margin-left: 15px;
  }
  .c2-pull9 {
    position: relative;
    left: 360px;
  }
  .bc2-10 {
    width: 400px;
    margin-left: 15px;
  }
  .cc2-10 {
    width: 385px;
    margin-left: 0;
  }
  .c2-10 {
    width: 385px;
    margin-left: 15px;
  }
  .c2-pull10 {
    position: relative;
    left: 400px;
  }
  .bc2-11 {
    width: 440px;
    margin-left: 15px;
  }
  .cc2-11 {
    width: 425px;
    margin-left: 0;
  }
  .c2-11 {
    width: 425px;
    margin-left: 15px;
  }
  .c2-pull11 {
    position: relative;
    left: 440px;
  }
  .bc2-12 {
    width: 480px;
    margin-left: 15px;
  }
  .cc2-12 {
    width: 465px;
    margin-left: 0;
  }
  .c2-12 {
    width: 465px;
    margin-left: 15px;
  }
  .c2-pull12 {
    position: relative;
    left: 480px;
  }
  .bc3-1 {
    width: 40px;
    margin-left: 15px;
  }
  .cc3-1 {
    width: 25px;
    margin-left: 0;
  }
  .c3-1 {
    width: 25px;
    margin-left: 15px;
  }
  .c3-pull1 {
    position: relative;
    left: 40px;
  }
  .bc3-2 {
    width: 80px;
    margin-left: 15px;
  }
  .cc3-2 {
    width: 65px;
    margin-left: 0;
  }
  .c3-2 {
    width: 65px;
    margin-left: 15px;
  }
  .c3-pull2 {
    position: relative;
    left: 80px;
  }
  .bc3-3 {
    width: 120px;
    margin-left: 15px;
  }
  .cc3-3 {
    width: 105px;
    margin-left: 0;
  }
  .c3-3 {
    width: 105px;
    margin-left: 15px;
  }
  .c3-pull3 {
    position: relative;
    left: 120px;
  }
  .bc3-4 {
    width: 160px;
    margin-left: 15px;
  }
  .cc3-4 {
    width: 145px;
    margin-left: 0;
  }
  .c3-4 {
    width: 145px;
    margin-left: 15px;
  }
  .c3-pull4 {
    position: relative;
    left: 160px;
  }
  .bc3-5 {
    width: 200px;
    margin-left: 15px;
  }
  .cc3-5 {
    width: 185px;
    margin-left: 0;
  }
  .c3-5 {
    width: 185px;
    margin-left: 15px;
  }
  .c3-pull5 {
    position: relative;
    left: 200px;
  }
  .bc3-6 {
    width: 240px;
    margin-left: 15px;
  }
  .cc3-6 {
    width: 225px;
    margin-left: 0;
  }
  .c3-6 {
    width: 225px;
    margin-left: 15px;
  }
  .c3-pull6 {
    position: relative;
    left: 240px;
  }
  .bc3-7 {
    width: 280px;
    margin-left: 15px;
  }
  .cc3-7 {
    width: 265px;
    margin-left: 0;
  }
  .c3-7 {
    width: 265px;
    margin-left: 15px;
  }
  .c3-pull7 {
    position: relative;
    left: 280px;
  }
  .bc3-8 {
    width: 320px;
    margin-left: 15px;
  }
  .cc3-8 {
    width: 305px;
    margin-left: 0;
  }
  .c3-8 {
    width: 305px;
    margin-left: 15px;
  }
  .c3-pull8 {
    position: relative;
    left: 320px;
  }
  .bc3-9 {
    width: 360px;
    margin-left: 15px;
  }
  .cc3-9 {
    width: 345px;
    margin-left: 0;
  }
  .c3-9 {
    width: 345px;
    margin-left: 15px;
  }
  .c3-pull9 {
    position: relative;
    left: 360px;
  }
  .bc3-10 {
    width: 400px;
    margin-left: 15px;
  }
  .cc3-10 {
    width: 385px;
    margin-left: 0;
  }
  .c3-10 {
    width: 385px;
    margin-left: 15px;
  }
  .c3-pull10 {
    position: relative;
    left: 400px;
  }
  .bc3-11 {
    width: 440px;
    margin-left: 15px;
  }
  .cc3-11 {
    width: 425px;
    margin-left: 0;
  }
  .c3-11 {
    width: 425px;
    margin-left: 15px;
  }
  .c3-pull11 {
    position: relative;
    left: 440px;
  }
  .bc3-12 {
    width: 480px;
    margin-left: 15px;
  }
  .cc3-12 {
    width: 465px;
    margin-left: 0;
  }
  .c3-12 {
    width: 465px;
    margin-left: 15px;
  }
  .c3-pull12 {
    position: relative;
    left: 480px;
  }
  .bc4-1 {
    width: 40px;
    margin-left: 15px;
  }
  .cc4-1 {
    width: 25px;
    margin-left: 0;
  }
  .c4-1 {
    width: 25px;
    margin-left: 15px;
  }
  .c4-pull1 {
    position: relative;
    left: 40px;
  }
  .bc4-2 {
    width: 80px;
    margin-left: 15px;
  }
  .cc4-2 {
    width: 65px;
    margin-left: 0;
  }
  .c4-2 {
    width: 65px;
    margin-left: 15px;
  }
  .c4-pull2 {
    position: relative;
    left: 80px;
  }
  .bc4-3 {
    width: 120px;
    margin-left: 15px;
  }
  .cc4-3 {
    width: 105px;
    margin-left: 0;
  }
  .c4-3 {
    width: 105px;
    margin-left: 15px;
  }
  .c4-pull3 {
    position: relative;
    left: 120px;
  }
  .bc4-4 {
    width: 160px;
    margin-left: 15px;
  }
  .cc4-4 {
    width: 145px;
    margin-left: 0;
  }
  .c4-4 {
    width: 145px;
    margin-left: 15px;
  }
  .c4-pull4 {
    position: relative;
    left: 160px;
  }
  .bc4-5 {
    width: 200px;
    margin-left: 15px;
  }
  .cc4-5 {
    width: 185px;
    margin-left: 0;
  }
  .c4-5 {
    width: 185px;
    margin-left: 15px;
  }
  .c4-pull5 {
    position: relative;
    left: 200px;
  }
  .bc4-6 {
    width: 240px;
    margin-left: 15px;
  }
  .cc4-6 {
    width: 225px;
    margin-left: 0;
  }
  .c4-6 {
    width: 225px;
    margin-left: 15px;
  }
  .c4-pull6 {
    position: relative;
    left: 240px;
  }
  .bc4-7 {
    width: 280px;
    margin-left: 15px;
  }
  .cc4-7 {
    width: 265px;
    margin-left: 0;
  }
  .c4-7 {
    width: 265px;
    margin-left: 15px;
  }
  .c4-pull7 {
    position: relative;
    left: 280px;
  }
  .bc4-8 {
    width: 320px;
    margin-left: 15px;
  }
  .cc4-8 {
    width: 305px;
    margin-left: 0;
  }
  .c4-8 {
    width: 305px;
    margin-left: 15px;
  }
  .c4-pull8 {
    position: relative;
    left: 320px;
  }
  .bc4-9 {
    width: 360px;
    margin-left: 15px;
  }
  .cc4-9 {
    width: 345px;
    margin-left: 0;
  }
  .c4-9 {
    width: 345px;
    margin-left: 15px;
  }
  .c4-pull9 {
    position: relative;
    left: 360px;
  }
  .bc4-10 {
    width: 400px;
    margin-left: 15px;
  }
  .cc4-10 {
    width: 385px;
    margin-left: 0;
  }
  .c4-10 {
    width: 385px;
    margin-left: 15px;
  }
  .c4-pull10 {
    position: relative;
    left: 400px;
  }
  .bc4-11 {
    width: 440px;
    margin-left: 15px;
  }
  .cc4-11 {
    width: 425px;
    margin-left: 0;
  }
  .c4-11 {
    width: 425px;
    margin-left: 15px;
  }
  .c4-pull11 {
    position: relative;
    left: 440px;
  }
  .bc4-12 {
    width: 480px;
    margin-left: 15px;
  }
  .cc4-12 {
    width: 465px;
    margin-left: 0;
  }
  .c4-12 {
    width: 465px;
    margin-left: 15px;
  }
  .c4-pull12 {
    position: relative;
    left: 480px;
  }
  .bc5-1 {
    width: 40px;
    margin-left: 15px;
  }
  .cc5-1 {
    width: 25px;
    margin-left: 0;
  }
  .c5-1 {
    width: 25px;
    margin-left: 15px;
  }
  .c5-pull1 {
    position: relative;
    left: 40px;
  }
  .bc5-2 {
    width: 80px;
    margin-left: 15px;
  }
  .cc5-2 {
    width: 65px;
    margin-left: 0;
  }
  .c5-2 {
    width: 65px;
    margin-left: 15px;
  }
  .c5-pull2 {
    position: relative;
    left: 80px;
  }
  .bc5-3 {
    width: 120px;
    margin-left: 15px;
  }
  .cc5-3 {
    width: 105px;
    margin-left: 0;
  }
  .c5-3 {
    width: 105px;
    margin-left: 15px;
  }
  .c5-pull3 {
    position: relative;
    left: 120px;
  }
  .bc5-4 {
    width: 160px;
    margin-left: 15px;
  }
  .cc5-4 {
    width: 145px;
    margin-left: 0;
  }
  .c5-4 {
    width: 145px;
    margin-left: 15px;
  }
  .c5-pull4 {
    position: relative;
    left: 160px;
  }
  .bc5-5 {
    width: 200px;
    margin-left: 15px;
  }
  .cc5-5 {
    width: 185px;
    margin-left: 0;
  }
  .c5-5 {
    width: 185px;
    margin-left: 15px;
  }
  .c5-pull5 {
    position: relative;
    left: 200px;
  }
  .bc5-6 {
    width: 240px;
    margin-left: 15px;
  }
  .cc5-6 {
    width: 225px;
    margin-left: 0;
  }
  .c5-6 {
    width: 225px;
    margin-left: 15px;
  }
  .c5-pull6 {
    position: relative;
    left: 240px;
  }
  .bc5-7 {
    width: 280px;
    margin-left: 15px;
  }
  .cc5-7 {
    width: 265px;
    margin-left: 0;
  }
  .c5-7 {
    width: 265px;
    margin-left: 15px;
  }
  .c5-pull7 {
    position: relative;
    left: 280px;
  }
  .bc5-8 {
    width: 320px;
    margin-left: 15px;
  }
  .cc5-8 {
    width: 305px;
    margin-left: 0;
  }
  .c5-8 {
    width: 305px;
    margin-left: 15px;
  }
  .c5-pull8 {
    position: relative;
    left: 320px;
  }
  .bc5-9 {
    width: 360px;
    margin-left: 15px;
  }
  .cc5-9 {
    width: 345px;
    margin-left: 0;
  }
  .c5-9 {
    width: 345px;
    margin-left: 15px;
  }
  .c5-pull9 {
    position: relative;
    left: 360px;
  }
  .bc5-10 {
    width: 400px;
    margin-left: 15px;
  }
  .cc5-10 {
    width: 385px;
    margin-left: 0;
  }
  .c5-10 {
    width: 385px;
    margin-left: 15px;
  }
  .c5-pull10 {
    position: relative;
    left: 400px;
  }
  .bc5-11 {
    width: 440px;
    margin-left: 15px;
  }
  .cc5-11 {
    width: 425px;
    margin-left: 0;
  }
  .c5-11 {
    width: 425px;
    margin-left: 15px;
  }
  .c5-pull11 {
    position: relative;
    left: 440px;
  }
  .bc5-12 {
    width: 480px;
    margin-left: 15px;
  }
  .cc5-12 {
    width: 465px;
    margin-left: 0;
  }
  .c5-12 {
    width: 465px;
    margin-left: 15px;
  }
  .c5-pull12 {
    position: relative;
    left: 480px;
  }
}

@media (min-width: 768px) {
  .container {
    width: 728px;
  }
  .row {
    margin-left: -40px;
  }
  .screendev:before {
    content: "C4>768px ";
  }
  .screendev span:before {
    content: "Width:64px Spacing:40px";
  }
  .bc1-1 {
    width: 64px;
    margin-left: 40px;
  }
  .cc1-1 {
    width: 24px;
    margin-left: 0;
  }
  .c1-1 {
    width: 24px;
    margin-left: 40px;
  }
  .c1-pull1 {
    position: relative;
    left: 64px;
  }
  .bc1-2 {
    width: 128px;
    margin-left: 40px;
  }
  .cc1-2 {
    width: 88px;
    margin-left: 0;
  }
  .c1-2 {
    width: 88px;
    margin-left: 40px;
  }
  .c1-pull2 {
    position: relative;
    left: 128px;
  }
  .bc1-3 {
    width: 192px;
    margin-left: 40px;
  }
  .cc1-3 {
    width: 152px;
    margin-left: 0;
  }
  .c1-3 {
    width: 152px;
    margin-left: 40px;
  }
  .c1-pull3 {
    position: relative;
    left: 192px;
  }
  .bc1-4 {
    width: 256px;
    margin-left: 40px;
  }
  .cc1-4 {
    width: 216px;
    margin-left: 0;
  }
  .c1-4 {
    width: 216px;
    margin-left: 40px;
  }
  .c1-pull4 {
    position: relative;
    left: 256px;
  }
  .bc1-5 {
    width: 320px;
    margin-left: 40px;
  }
  .cc1-5 {
    width: 280px;
    margin-left: 0;
  }
  .c1-5 {
    width: 280px;
    margin-left: 40px;
  }
  .c1-pull5 {
    position: relative;
    left: 320px;
  }
  .bc1-6 {
    width: 384px;
    margin-left: 40px;
  }
  .cc1-6 {
    width: 344px;
    margin-left: 0;
  }
  .c1-6 {
    width: 344px;
    margin-left: 40px;
  }
  .c1-pull6 {
    position: relative;
    left: 384px;
  }
  .bc1-7 {
    width: 448px;
    margin-left: 40px;
  }
  .cc1-7 {
    width: 408px;
    margin-left: 0;
  }
  .c1-7 {
    width: 408px;
    margin-left: 40px;
  }
  .c1-pull7 {
    position: relative;
    left: 448px;
  }
  .bc1-8 {
    width: 512px;
    margin-left: 40px;
  }
  .cc1-8 {
    width: 472px;
    margin-left: 0;
  }
  .c1-8 {
    width: 472px;
    margin-left: 40px;
  }
  .c1-pull8 {
    position: relative;
    left: 512px;
  }
  .bc1-9 {
    width: 576px;
    margin-left: 40px;
  }
  .cc1-9 {
    width: 536px;
    margin-left: 0;
  }
  .c1-9 {
    width: 536px;
    margin-left: 40px;
  }
  .c1-pull9 {
    position: relative;
    left: 576px;
  }
  .bc1-10 {
    width: 640px;
    margin-left: 40px;
  }
  .cc1-10 {
    width: 600px;
    margin-left: 0;
  }
  .c1-10 {
    width: 600px;
    margin-left: 40px;
  }
  .c1-pull10 {
    position: relative;
    left: 640px;
  }
  .bc1-11 {
    width: 704px;
    margin-left: 40px;
  }
  .cc1-11 {
    width: 664px;
    margin-left: 0;
  }
  .c1-11 {
    width: 664px;
    margin-left: 40px;
  }
  .c1-pull11 {
    position: relative;
    left: 704px;
  }
  .bc1-12 {
    width: 768px;
    margin-left: 40px;
  }
  .cc1-12 {
    width: 728px;
    margin-left: 0;
  }
  .c1-12 {
    width: 728px;
    margin-left: 40px;
  }
  .c1-pull12 {
    position: relative;
    left: 768px;
  }
  .bc2-1 {
    width: 64px;
    margin-left: 40px;
  }
  .cc2-1 {
    width: 24px;
    margin-left: 0;
  }
  .c2-1 {
    width: 24px;
    margin-left: 40px;
  }
  .c2-pull1 {
    position: relative;
    left: 64px;
  }
  .bc2-2 {
    width: 128px;
    margin-left: 40px;
  }
  .cc2-2 {
    width: 88px;
    margin-left: 0;
  }
  .c2-2 {
    width: 88px;
    margin-left: 40px;
  }
  .c2-pull2 {
    position: relative;
    left: 128px;
  }
  .bc2-3 {
    width: 192px;
    margin-left: 40px;
  }
  .cc2-3 {
    width: 152px;
    margin-left: 0;
  }
  .c2-3 {
    width: 152px;
    margin-left: 40px;
  }
  .c2-pull3 {
    position: relative;
    left: 192px;
  }
  .bc2-4 {
    width: 256px;
    margin-left: 40px;
  }
  .cc2-4 {
    width: 216px;
    margin-left: 0;
  }
  .c2-4 {
    width: 216px;
    margin-left: 40px;
  }
  .c2-pull4 {
    position: relative;
    left: 256px;
  }
  .bc2-5 {
    width: 320px;
    margin-left: 40px;
  }
  .cc2-5 {
    width: 280px;
    margin-left: 0;
  }
  .c2-5 {
    width: 280px;
    margin-left: 40px;
  }
  .c2-pull5 {
    position: relative;
    left: 320px;
  }
  .bc2-6 {
    width: 384px;
    margin-left: 40px;
  }
  .cc2-6 {
    width: 344px;
    margin-left: 0;
  }
  .c2-6 {
    width: 344px;
    margin-left: 40px;
  }
  .c2-pull6 {
    position: relative;
    left: 384px;
  }
  .bc2-7 {
    width: 448px;
    margin-left: 40px;
  }
  .cc2-7 {
    width: 408px;
    margin-left: 0;
  }
  .c2-7 {
    width: 408px;
    margin-left: 40px;
  }
  .c2-pull7 {
    position: relative;
    left: 448px;
  }
  .bc2-8 {
    width: 512px;
    margin-left: 40px;
  }
  .cc2-8 {
    width: 472px;
    margin-left: 0;
  }
  .c2-8 {
    width: 472px;
    margin-left: 40px;
  }
  .c2-pull8 {
    position: relative;
    left: 512px;
  }
  .bc2-9 {
    width: 576px;
    margin-left: 40px;
  }
  .cc2-9 {
    width: 536px;
    margin-left: 0;
  }
  .c2-9 {
    width: 536px;
    margin-left: 40px;
  }
  .c2-pull9 {
    position: relative;
    left: 576px;
  }
  .bc2-10 {
    width: 640px;
    margin-left: 40px;
  }
  .cc2-10 {
    width: 600px;
    margin-left: 0;
  }
  .c2-10 {
    width: 600px;
    margin-left: 40px;
  }
  .c2-pull10 {
    position: relative;
    left: 640px;
  }
  .bc2-11 {
    width: 704px;
    margin-left: 40px;
  }
  .cc2-11 {
    width: 664px;
    margin-left: 0;
  }
  .c2-11 {
    width: 664px;
    margin-left: 40px;
  }
  .c2-pull11 {
    position: relative;
    left: 704px;
  }
  .bc2-12 {
    width: 768px;
    margin-left: 40px;
  }
  .cc2-12 {
    width: 728px;
    margin-left: 0;
  }
  .c2-12 {
    width: 728px;
    margin-left: 40px;
  }
  .c2-pull12 {
    position: relative;
    left: 768px;
  }
  .bc3-1 {
    width: 64px;
    margin-left: 40px;
  }
  .cc3-1 {
    width: 24px;
    margin-left: 0;
  }
  .c3-1 {
    width: 24px;
    margin-left: 40px;
  }
  .c3-pull1 {
    position: relative;
    left: 64px;
  }
  .bc3-2 {
    width: 128px;
    margin-left: 40px;
  }
  .cc3-2 {
    width: 88px;
    margin-left: 0;
  }
  .c3-2 {
    width: 88px;
    margin-left: 40px;
  }
  .c3-pull2 {
    position: relative;
    left: 128px;
  }
  .bc3-3 {
    width: 192px;
    margin-left: 40px;
  }
  .cc3-3 {
    width: 152px;
    margin-left: 0;
  }
  .c3-3 {
    width: 152px;
    margin-left: 40px;
  }
  .c3-pull3 {
    position: relative;
    left: 192px;
  }
  .bc3-4 {
    width: 256px;
    margin-left: 40px;
  }
  .cc3-4 {
    width: 216px;
    margin-left: 0;
  }
  .c3-4 {
    width: 216px;
    margin-left: 40px;
  }
  .c3-pull4 {
    position: relative;
    left: 256px;
  }
  .bc3-5 {
    width: 320px;
    margin-left: 40px;
  }
  .cc3-5 {
    width: 280px;
    margin-left: 0;
  }
  .c3-5 {
    width: 280px;
    margin-left: 40px;
  }
  .c3-pull5 {
    position: relative;
    left: 320px;
  }
  .bc3-6 {
    width: 384px;
    margin-left: 40px;
  }
  .cc3-6 {
    width: 344px;
    margin-left: 0;
  }
  .c3-6 {
    width: 344px;
    margin-left: 40px;
  }
  .c3-pull6 {
    position: relative;
    left: 384px;
  }
  .bc3-7 {
    width: 448px;
    margin-left: 40px;
  }
  .cc3-7 {
    width: 408px;
    margin-left: 0;
  }
  .c3-7 {
    width: 408px;
    margin-left: 40px;
  }
  .c3-pull7 {
    position: relative;
    left: 448px;
  }
  .bc3-8 {
    width: 512px;
    margin-left: 40px;
  }
  .cc3-8 {
    width: 472px;
    margin-left: 0;
  }
  .c3-8 {
    width: 472px;
    margin-left: 40px;
  }
  .c3-pull8 {
    position: relative;
    left: 512px;
  }
  .bc3-9 {
    width: 576px;
    margin-left: 40px;
  }
  .cc3-9 {
    width: 536px;
    margin-left: 0;
  }
  .c3-9 {
    width: 536px;
    margin-left: 40px;
  }
  .c3-pull9 {
    position: relative;
    left: 576px;
  }
  .bc3-10 {
    width: 640px;
    margin-left: 40px;
  }
  .cc3-10 {
    width: 600px;
    margin-left: 0;
  }
  .c3-10 {
    width: 600px;
    margin-left: 40px;
  }
  .c3-pull10 {
    position: relative;
    left: 640px;
  }
  .bc3-11 {
    width: 704px;
    margin-left: 40px;
  }
  .cc3-11 {
    width: 664px;
    margin-left: 0;
  }
  .c3-11 {
    width: 664px;
    margin-left: 40px;
  }
  .c3-pull11 {
    position: relative;
    left: 704px;
  }
  .bc3-12 {
    width: 768px;
    margin-left: 40px;
  }
  .cc3-12 {
    width: 728px;
    margin-left: 0;
  }
  .c3-12 {
    width: 728px;
    margin-left: 40px;
  }
  .c3-pull12 {
    position: relative;
    left: 768px;
  }
  .bc4-1 {
    width: 64px;
    margin-left: 40px;
  }
  .cc4-1 {
    width: 24px;
    margin-left: 0;
  }
  .c4-1 {
    width: 24px;
    margin-left: 40px;
  }
  .c4-pull1 {
    position: relative;
    left: 64px;
  }
  .bc4-2 {
    width: 128px;
    margin-left: 40px;
  }
  .cc4-2 {
    width: 88px;
    margin-left: 0;
  }
  .c4-2 {
    width: 88px;
    margin-left: 40px;
  }
  .c4-pull2 {
    position: relative;
    left: 128px;
  }
  .bc4-3 {
    width: 192px;
    margin-left: 40px;
  }
  .cc4-3 {
    width: 152px;
    margin-left: 0;
  }
  .c4-3 {
    width: 152px;
    margin-left: 40px;
  }
  .c4-pull3 {
    position: relative;
    left: 192px;
  }
  .bc4-4 {
    width: 256px;
    margin-left: 40px;
  }
  .cc4-4 {
    width: 216px;
    margin-left: 0;
  }
  .c4-4 {
    width: 216px;
    margin-left: 40px;
  }
  .c4-pull4 {
    position: relative;
    left: 256px;
  }
  .bc4-5 {
    width: 320px;
    margin-left: 40px;
  }
  .cc4-5 {
    width: 280px;
    margin-left: 0;
  }
  .c4-5 {
    width: 280px;
    margin-left: 40px;
  }
  .c4-pull5 {
    position: relative;
    left: 320px;
  }
  .bc4-6 {
    width: 384px;
    margin-left: 40px;
  }
  .cc4-6 {
    width: 344px;
    margin-left: 0;
  }
  .c4-6 {
    width: 344px;
    margin-left: 40px;
  }
  .c4-pull6 {
    position: relative;
    left: 384px;
  }
  .bc4-7 {
    width: 448px;
    margin-left: 40px;
  }
  .cc4-7 {
    width: 408px;
    margin-left: 0;
  }
  .c4-7 {
    width: 408px;
    margin-left: 40px;
  }
  .c4-pull7 {
    position: relative;
    left: 448px;
  }
  .bc4-8 {
    width: 512px;
    margin-left: 40px;
  }
  .cc4-8 {
    width: 472px;
    margin-left: 0;
  }
  .c4-8 {
    width: 472px;
    margin-left: 40px;
  }
  .c4-pull8 {
    position: relative;
    left: 512px;
  }
  .bc4-9 {
    width: 576px;
    margin-left: 40px;
  }
  .cc4-9 {
    width: 536px;
    margin-left: 0;
  }
  .c4-9 {
    width: 536px;
    margin-left: 40px;
  }
  .c4-pull9 {
    position: relative;
    left: 576px;
  }
  .bc4-10 {
    width: 640px;
    margin-left: 40px;
  }
  .cc4-10 {
    width: 600px;
    margin-left: 0;
  }
  .c4-10 {
    width: 600px;
    margin-left: 40px;
  }
  .c4-pull10 {
    position: relative;
    left: 640px;
  }
  .bc4-11 {
    width: 704px;
    margin-left: 40px;
  }
  .cc4-11 {
    width: 664px;
    margin-left: 0;
  }
  .c4-11 {
    width: 664px;
    margin-left: 40px;
  }
  .c4-pull11 {
    position: relative;
    left: 704px;
  }
  .bc4-12 {
    width: 768px;
    margin-left: 40px;
  }
  .cc4-12 {
    width: 728px;
    margin-left: 0;
  }
  .c4-12 {
    width: 728px;
    margin-left: 40px;
  }
  .c4-pull12 {
    position: relative;
    left: 768px;
  }
}

@media (min-width: 960px) {
  .container {
    width: 940px;
  }
  .row {
    margin-left: -20px;
  }
  .screendev:before {
    content: "C3>960px ";
  }
  .screendev span:before {
    content: "Width:80px Spacing:20px";
  }
  .bc1-1 {
    width: 80px;
    margin-left: 20px;
  }
  .cc1-1 {
    width: 60px;
    margin-left: 0;
  }
  .c1-1 {
    width: 60px;
    margin-left: 20px;
  }
  .c1-pull1 {
    position: relative;
    left: 80px;
  }
  .bc1-2 {
    width: 160px;
    margin-left: 20px;
  }
  .cc1-2 {
    width: 140px;
    margin-left: 0;
  }
  .c1-2 {
    width: 140px;
    margin-left: 20px;
  }
  .c1-pull2 {
    position: relative;
    left: 160px;
  }
  .bc1-3 {
    width: 240px;
    margin-left: 20px;
  }
  .cc1-3 {
    width: 220px;
    margin-left: 0;
  }
  .c1-3 {
    width: 220px;
    margin-left: 20px;
  }
  .c1-pull3 {
    position: relative;
    left: 240px;
  }
  .bc1-4 {
    width: 320px;
    margin-left: 20px;
  }
  .cc1-4 {
    width: 300px;
    margin-left: 0;
  }
  .c1-4 {
    width: 300px;
    margin-left: 20px;
  }
  .c1-pull4 {
    position: relative;
    left: 320px;
  }
  .bc1-5 {
    width: 400px;
    margin-left: 20px;
  }
  .cc1-5 {
    width: 380px;
    margin-left: 0;
  }
  .c1-5 {
    width: 380px;
    margin-left: 20px;
  }
  .c1-pull5 {
    position: relative;
    left: 400px;
  }
  .bc1-6 {
    width: 480px;
    margin-left: 20px;
  }
  .cc1-6 {
    width: 460px;
    margin-left: 0;
  }
  .c1-6 {
    width: 460px;
    margin-left: 20px;
  }
  .c1-pull6 {
    position: relative;
    left: 480px;
  }
  .bc1-7 {
    width: 560px;
    margin-left: 20px;
  }
  .cc1-7 {
    width: 540px;
    margin-left: 0;
  }
  .c1-7 {
    width: 540px;
    margin-left: 20px;
  }
  .c1-pull7 {
    position: relative;
    left: 560px;
  }
  .bc1-8 {
    width: 640px;
    margin-left: 20px;
  }
  .cc1-8 {
    width: 620px;
    margin-left: 0;
  }
  .c1-8 {
    width: 620px;
    margin-left: 20px;
  }
  .c1-pull8 {
    position: relative;
    left: 640px;
  }
  .bc1-9 {
    width: 720px;
    margin-left: 20px;
  }
  .cc1-9 {
    width: 700px;
    margin-left: 0;
  }
  .c1-9 {
    width: 700px;
    margin-left: 20px;
  }
  .c1-pull9 {
    position: relative;
    left: 720px;
  }
  .bc1-10 {
    width: 800px;
    margin-left: 20px;
  }
  .cc1-10 {
    width: 780px;
    margin-left: 0;
  }
  .c1-10 {
    width: 780px;
    margin-left: 20px;
  }
  .c1-pull10 {
    position: relative;
    left: 800px;
  }
  .bc1-11 {
    width: 880px;
    margin-left: 20px;
  }
  .cc1-11 {
    width: 860px;
    margin-left: 0;
  }
  .c1-11 {
    width: 860px;
    margin-left: 20px;
  }
  .c1-pull11 {
    position: relative;
    left: 880px;
  }
  .bc1-12 {
    width: 960px;
    margin-left: 20px;
  }
  .cc1-12 {
    width: 940px;
    margin-left: 0;
  }
  .c1-12 {
    width: 940px;
    margin-left: 20px;
  }
  .c1-pull12 {
    position: relative;
    left: 960px;
  }
  .bc2-1 {
    width: 80px;
    margin-left: 20px;
  }
  .cc2-1 {
    width: 60px;
    margin-left: 0;
  }
  .c2-1 {
    width: 60px;
    margin-left: 20px;
  }
  .c2-pull1 {
    position: relative;
    left: 80px;
  }
  .bc2-2 {
    width: 160px;
    margin-left: 20px;
  }
  .cc2-2 {
    width: 140px;
    margin-left: 0;
  }
  .c2-2 {
    width: 140px;
    margin-left: 20px;
  }
  .c2-pull2 {
    position: relative;
    left: 160px;
  }
  .bc2-3 {
    width: 240px;
    margin-left: 20px;
  }
  .cc2-3 {
    width: 220px;
    margin-left: 0;
  }
  .c2-3 {
    width: 220px;
    margin-left: 20px;
  }
  .c2-pull3 {
    position: relative;
    left: 240px;
  }
  .bc2-4 {
    width: 320px;
    margin-left: 20px;
  }
  .cc2-4 {
    width: 300px;
    margin-left: 0;
  }
  .c2-4 {
    width: 300px;
    margin-left: 20px;
  }
  .c2-pull4 {
    position: relative;
    left: 320px;
  }
  .bc2-5 {
    width: 400px;
    margin-left: 20px;
  }
  .cc2-5 {
    width: 380px;
    margin-left: 0;
  }
  .c2-5 {
    width: 380px;
    margin-left: 20px;
  }
  .c2-pull5 {
    position: relative;
    left: 400px;
  }
  .bc2-6 {
    width: 480px;
    margin-left: 20px;
  }
  .cc2-6 {
    width: 460px;
    margin-left: 0;
  }
  .c2-6 {
    width: 460px;
    margin-left: 20px;
  }
  .c2-pull6 {
    position: relative;
    left: 480px;
  }
  .bc2-7 {
    width: 560px;
    margin-left: 20px;
  }
  .cc2-7 {
    width: 540px;
    margin-left: 0;
  }
  .c2-7 {
    width: 540px;
    margin-left: 20px;
  }
  .c2-pull7 {
    position: relative;
    left: 560px;
  }
  .bc2-8 {
    width: 640px;
    margin-left: 20px;
  }
  .cc2-8 {
    width: 620px;
    margin-left: 0;
  }
  .c2-8 {
    width: 620px;
    margin-left: 20px;
  }
  .c2-pull8 {
    position: relative;
    left: 640px;
  }
  .bc2-9 {
    width: 720px;
    margin-left: 20px;
  }
  .cc2-9 {
    width: 700px;
    margin-left: 0;
  }
  .c2-9 {
    width: 700px;
    margin-left: 20px;
  }
  .c2-pull9 {
    position: relative;
    left: 720px;
  }
  .bc2-10 {
    width: 800px;
    margin-left: 20px;
  }
  .cc2-10 {
    width: 780px;
    margin-left: 0;
  }
  .c2-10 {
    width: 780px;
    margin-left: 20px;
  }
  .c2-pull10 {
    position: relative;
    left: 800px;
  }
  .bc2-11 {
    width: 880px;
    margin-left: 20px;
  }
  .cc2-11 {
    width: 860px;
    margin-left: 0;
  }
  .c2-11 {
    width: 860px;
    margin-left: 20px;
  }
  .c2-pull11 {
    position: relative;
    left: 880px;
  }
  .bc2-12 {
    width: 960px;
    margin-left: 20px;
  }
  .cc2-12 {
    width: 940px;
    margin-left: 0;
  }
  .c2-12 {
    width: 940px;
    margin-left: 20px;
  }
  .c2-pull12 {
    position: relative;
    left: 960px;
  }
  .bc3-1 {
    width: 80px;
    margin-left: 20px;
  }
  .cc3-1 {
    width: 60px;
    margin-left: 0;
  }
  .c3-1 {
    width: 60px;
    margin-left: 20px;
  }
  .c3-pull1 {
    position: relative;
    left: 80px;
  }
  .bc3-2 {
    width: 160px;
    margin-left: 20px;
  }
  .cc3-2 {
    width: 140px;
    margin-left: 0;
  }
  .c3-2 {
    width: 140px;
    margin-left: 20px;
  }
  .c3-pull2 {
    position: relative;
    left: 160px;
  }
  .bc3-3 {
    width: 240px;
    margin-left: 20px;
  }
  .cc3-3 {
    width: 220px;
    margin-left: 0;
  }
  .c3-3 {
    width: 220px;
    margin-left: 20px;
  }
  .c3-pull3 {
    position: relative;
    left: 240px;
  }
  .bc3-4 {
    width: 320px;
    margin-left: 20px;
  }
  .cc3-4 {
    width: 300px;
    margin-left: 0;
  }
  .c3-4 {
    width: 300px;
    margin-left: 20px;
  }
  .c3-pull4 {
    position: relative;
    left: 320px;
  }
  .bc3-5 {
    width: 400px;
    margin-left: 20px;
  }
  .cc3-5 {
    width: 380px;
    margin-left: 0;
  }
  .c3-5 {
    width: 380px;
    margin-left: 20px;
  }
  .c3-pull5 {
    position: relative;
    left: 400px;
  }
  .bc3-6 {
    width: 480px;
    margin-left: 20px;
  }
  .cc3-6 {
    width: 460px;
    margin-left: 0;
  }
  .c3-6 {
    width: 460px;
    margin-left: 20px;
  }
  .c3-pull6 {
    position: relative;
    left: 480px;
  }
  .bc3-7 {
    width: 560px;
    margin-left: 20px;
  }
  .cc3-7 {
    width: 540px;
    margin-left: 0;
  }
  .c3-7 {
    width: 540px;
    margin-left: 20px;
  }
  .c3-pull7 {
    position: relative;
    left: 560px;
  }
  .bc3-8 {
    width: 640px;
    margin-left: 20px;
  }
  .cc3-8 {
    width: 620px;
    margin-left: 0;
  }
  .c3-8 {
    width: 620px;
    margin-left: 20px;
  }
  .c3-pull8 {
    position: relative;
    left: 640px;
  }
  .bc3-9 {
    width: 720px;
    margin-left: 20px;
  }
  .cc3-9 {
    width: 700px;
    margin-left: 0;
  }
  .c3-9 {
    width: 700px;
    margin-left: 20px;
  }
  .c3-pull9 {
    position: relative;
    left: 720px;
  }
  .bc3-10 {
    width: 800px;
    margin-left: 20px;
  }
  .cc3-10 {
    width: 780px;
    margin-left: 0;
  }
  .c3-10 {
    width: 780px;
    margin-left: 20px;
  }
  .c3-pull10 {
    position: relative;
    left: 800px;
  }
  .bc3-11 {
    width: 880px;
    margin-left: 20px;
  }
  .cc3-11 {
    width: 860px;
    margin-left: 0;
  }
  .c3-11 {
    width: 860px;
    margin-left: 20px;
  }
  .c3-pull11 {
    position: relative;
    left: 880px;
  }
  .bc3-12 {
    width: 960px;
    margin-left: 20px;
  }
  .cc3-12 {
    width: 940px;
    margin-left: 0;
  }
  .c3-12 {
    width: 940px;
    margin-left: 20px;
  }
  .c3-pull12 {
    position: relative;
    left: 960px;
  }
}

@media (min-width: 1320px) {
  .container {
    width: 1280px;
  }
  .row {
    margin-left: -40px;
  }
  .screendev:before {
    content: "C2>1320px ";
  }
  .screendev span:before {
    content: "Width:110px Spacing:40px";
  }
  .bc1-1 {
    width: 110px;
    margin-left: 40px;
  }
  .cc1-1 {
    width: 70px;
    margin-left: 0;
  }
  .c1-1 {
    width: 70px;
    margin-left: 40px;
  }
  .c1-pull1 {
    position: relative;
    left: 110px;
  }
  .bc1-2 {
    width: 220px;
    margin-left: 40px;
  }
  .cc1-2 {
    width: 180px;
    margin-left: 0;
  }
  .c1-2 {
    width: 180px;
    margin-left: 40px;
  }
  .c1-pull2 {
    position: relative;
    left: 220px;
  }
  .bc1-3 {
    width: 330px;
    margin-left: 40px;
  }
  .cc1-3 {
    width: 290px;
    margin-left: 0;
  }
  .c1-3 {
    width: 290px;
    margin-left: 40px;
  }
  .c1-pull3 {
    position: relative;
    left: 330px;
  }
  .bc1-4 {
    width: 440px;
    margin-left: 40px;
  }
  .cc1-4 {
    width: 400px;
    margin-left: 0;
  }
  .c1-4 {
    width: 400px;
    margin-left: 40px;
  }
  .c1-pull4 {
    position: relative;
    left: 440px;
  }
  .bc1-5 {
    width: 550px;
    margin-left: 40px;
  }
  .cc1-5 {
    width: 510px;
    margin-left: 0;
  }
  .c1-5 {
    width: 510px;
    margin-left: 40px;
  }
  .c1-pull5 {
    position: relative;
    left: 550px;
  }
  .bc1-6 {
    width: 660px;
    margin-left: 40px;
  }
  .cc1-6 {
    width: 620px;
    margin-left: 0;
  }
  .c1-6 {
    width: 620px;
    margin-left: 40px;
  }
  .c1-pull6 {
    position: relative;
    left: 660px;
  }
  .bc1-7 {
    width: 770px;
    margin-left: 40px;
  }
  .cc1-7 {
    width: 730px;
    margin-left: 0;
  }
  .c1-7 {
    width: 730px;
    margin-left: 40px;
  }
  .c1-pull7 {
    position: relative;
    left: 770px;
  }
  .bc1-8 {
    width: 880px;
    margin-left: 40px;
  }
  .cc1-8 {
    width: 840px;
    margin-left: 0;
  }
  .c1-8 {
    width: 840px;
    margin-left: 40px;
  }
  .c1-pull8 {
    position: relative;
    left: 880px;
  }
  .bc1-9 {
    width: 990px;
    margin-left: 40px;
  }
  .cc1-9 {
    width: 950px;
    margin-left: 0;
  }
  .c1-9 {
    width: 950px;
    margin-left: 40px;
  }
  .c1-pull9 {
    position: relative;
    left: 990px;
  }
  .bc1-10 {
    width: 1100px;
    margin-left: 40px;
  }
  .cc1-10 {
    width: 1060px;
    margin-left: 0;
  }
  .c1-10 {
    width: 1060px;
    margin-left: 40px;
  }
  .c1-pull10 {
    position: relative;
    left: 1100px;
  }
  .bc1-11 {
    width: 1210px;
    margin-left: 40px;
  }
  .cc1-11 {
    width: 1170px;
    margin-left: 0;
  }
  .c1-11 {
    width: 1170px;
    margin-left: 40px;
  }
  .c1-pull11 {
    position: relative;
    left: 1210px;
  }
  .bc1-12 {
    width: 1320px;
    margin-left: 40px;
  }
  .cc1-12 {
    width: 1280px;
    margin-left: 0;
  }
  .c1-12 {
    width: 1280px;
    margin-left: 40px;
  }
  .c1-pull12 {
    position: relative;
    left: 1320px;
  }
  .bc2-1 {
    width: 110px;
    margin-left: 40px;
  }
  .cc2-1 {
    width: 70px;
    margin-left: 0;
  }
  .c2-1 {
    width: 70px;
    margin-left: 40px;
  }
  .c2-pull1 {
    position: relative;
    left: 110px;
  }
  .bc2-2 {
    width: 220px;
    margin-left: 40px;
  }
  .cc2-2 {
    width: 180px;
    margin-left: 0;
  }
  .c2-2 {
    width: 180px;
    margin-left: 40px;
  }
  .c2-pull2 {
    position: relative;
    left: 220px;
  }
  .bc2-3 {
    width: 330px;
    margin-left: 40px;
  }
  .cc2-3 {
    width: 290px;
    margin-left: 0;
  }
  .c2-3 {
    width: 290px;
    margin-left: 40px;
  }
  .c2-pull3 {
    position: relative;
    left: 330px;
  }
  .bc2-4 {
    width: 440px;
    margin-left: 40px;
  }
  .cc2-4 {
    width: 400px;
    margin-left: 0;
  }
  .c2-4 {
    width: 400px;
    margin-left: 40px;
  }
  .c2-pull4 {
    position: relative;
    left: 440px;
  }
  .bc2-5 {
    width: 550px;
    margin-left: 40px;
  }
  .cc2-5 {
    width: 510px;
    margin-left: 0;
  }
  .c2-5 {
    width: 510px;
    margin-left: 40px;
  }
  .c2-pull5 {
    position: relative;
    left: 550px;
  }
  .bc2-6 {
    width: 660px;
    margin-left: 40px;
  }
  .cc2-6 {
    width: 620px;
    margin-left: 0;
  }
  .c2-6 {
    width: 620px;
    margin-left: 40px;
  }
  .c2-pull6 {
    position: relative;
    left: 660px;
  }
  .bc2-7 {
    width: 770px;
    margin-left: 40px;
  }
  .cc2-7 {
    width: 730px;
    margin-left: 0;
  }
  .c2-7 {
    width: 730px;
    margin-left: 40px;
  }
  .c2-pull7 {
    position: relative;
    left: 770px;
  }
  .bc2-8 {
    width: 880px;
    margin-left: 40px;
  }
  .cc2-8 {
    width: 840px;
    margin-left: 0;
  }
  .c2-8 {
    width: 840px;
    margin-left: 40px;
  }
  .c2-pull8 {
    position: relative;
    left: 880px;
  }
  .bc2-9 {
    width: 990px;
    margin-left: 40px;
  }
  .cc2-9 {
    width: 950px;
    margin-left: 0;
  }
  .c2-9 {
    width: 950px;
    margin-left: 40px;
  }
  .c2-pull9 {
    position: relative;
    left: 990px;
  }
  .bc2-10 {
    width: 1100px;
    margin-left: 40px;
  }
  .cc2-10 {
    width: 1060px;
    margin-left: 0;
  }
  .c2-10 {
    width: 1060px;
    margin-left: 40px;
  }
  .c2-pull10 {
    position: relative;
    left: 1100px;
  }
  .bc2-11 {
    width: 1210px;
    margin-left: 40px;
  }
  .cc2-11 {
    width: 1170px;
    margin-left: 0;
  }
  .c2-11 {
    width: 1170px;
    margin-left: 40px;
  }
  .c2-pull11 {
    position: relative;
    left: 1210px;
  }
  .bc2-12 {
    width: 1320px;
    margin-left: 40px;
  }
  .cc2-12 {
    width: 1280px;
    margin-left: 0;
  }
  .c2-12 {
    width: 1280px;
    margin-left: 40px;
  }
  .c2-pull12 {
    position: relative;
    left: 1320px;
  }
}

@media (min-width: 1560px) {
  .container {
    width: 1520px;
  }
  .row {
    margin-left: -40px;
  }
  .screendev:before {
    content: "C1>1560px ";
  }
  .screendev span:before {
    content: "Width:130px Spacing:40px";
  }
  .bc1-1 {
    width: 130px;
    margin-left: 40px;
  }
  .cc1-1 {
    width: 90px;
    margin-left: 0;
  }
  .c1-1 {
    width: 90px;
    margin-left: 40px;
  }
  .c1-pull1 {
    position: relative;
    left: 130px;
  }
  .bc1-2 {
    width: 260px;
    margin-left: 40px;
  }
  .cc1-2 {
    width: 220px;
    margin-left: 0;
  }
  .c1-2 {
    width: 220px;
    margin-left: 40px;
  }
  .c1-pull2 {
    position: relative;
    left: 260px;
  }
  .bc1-3 {
    width: 390px;
    margin-left: 40px;
  }
  .cc1-3 {
    width: 350px;
    margin-left: 0;
  }
  .c1-3 {
    width: 350px;
    margin-left: 40px;
  }
  .c1-pull3 {
    position: relative;
    left: 390px;
  }
  .bc1-4 {
    width: 520px;
    margin-left: 40px;
  }
  .cc1-4 {
    width: 480px;
    margin-left: 0;
  }
  .c1-4 {
    width: 480px;
    margin-left: 40px;
  }
  .c1-pull4 {
    position: relative;
    left: 520px;
  }
  .bc1-5 {
    width: 650px;
    margin-left: 40px;
  }
  .cc1-5 {
    width: 610px;
    margin-left: 0;
  }
  .c1-5 {
    width: 610px;
    margin-left: 40px;
  }
  .c1-pull5 {
    position: relative;
    left: 650px;
  }
  .bc1-6 {
    width: 780px;
    margin-left: 40px;
  }
  .cc1-6 {
    width: 740px;
    margin-left: 0;
  }
  .c1-6 {
    width: 740px;
    margin-left: 40px;
  }
  .c1-pull6 {
    position: relative;
    left: 780px;
  }
  .bc1-7 {
    width: 910px;
    margin-left: 40px;
  }
  .cc1-7 {
    width: 870px;
    margin-left: 0;
  }
  .c1-7 {
    width: 870px;
    margin-left: 40px;
  }
  .c1-pull7 {
    position: relative;
    left: 910px;
  }
  .bc1-8 {
    width: 1040px;
    margin-left: 40px;
  }
  .cc1-8 {
    width: 1000px;
    margin-left: 0;
  }
  .c1-8 {
    width: 1000px;
    margin-left: 40px;
  }
  .c1-pull8 {
    position: relative;
    left: 1040px;
  }
  .bc1-9 {
    width: 1170px;
    margin-left: 40px;
  }
  .cc1-9 {
    width: 1130px;
    margin-left: 0;
  }
  .c1-9 {
    width: 1130px;
    margin-left: 40px;
  }
  .c1-pull9 {
    position: relative;
    left: 1170px;
  }
  .bc1-10 {
    width: 1300px;
    margin-left: 40px;
  }
  .cc1-10 {
    width: 1260px;
    margin-left: 0;
  }
  .c1-10 {
    width: 1260px;
    margin-left: 40px;
  }
  .c1-pull10 {
    position: relative;
    left: 1300px;
  }
  .bc1-11 {
    width: 1430px;
    margin-left: 40px;
  }
  .cc1-11 {
    width: 1390px;
    margin-left: 0;
  }
  .c1-11 {
    width: 1390px;
    margin-left: 40px;
  }
  .c1-pull11 {
    position: relative;
    left: 1430px;
  }
  .bc1-12 {
    width: 1560px;
    margin-left: 40px;
  }
  .cc1-12 {
    width: 1520px;
    margin-left: 0;
  }
  .c1-12 {
    width: 1520px;
    margin-left: 40px;
  }
  .c1-pull12 {
    position: relative;
    left: 1560px;
  }
}

@media (max-width: 479px) {
  .container {
    margin-left: 15px;
    margin-right: 15px;
  }
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .no-spaceing {
    padding-left: 0;
    padding-right: 0;
  }
  .screendev:before {
    content: "C6 < 480px";
  }
  .screendev span:before {
    content: "Width:40px Spacing:15px";
  }
  .c1-1, .bc1-1, .cc1-1 {
    width: 8.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c1-pull1 {
    position: relative;
    left: 8.33333%;
  }
  .c1-2, .bc1-2, .cc1-2 {
    width: 16.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c1-pull2 {
    position: relative;
    left: 16.66667%;
  }
  .c1-3, .bc1-3, .cc1-3 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c1-pull3 {
    position: relative;
    left: 25%;
  }
  .c1-4, .bc1-4, .cc1-4 {
    width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c1-pull4 {
    position: relative;
    left: 33.33333%;
  }
  .c1-5, .bc1-5, .cc1-5 {
    width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c1-pull5 {
    position: relative;
    left: 41.66667%;
  }
  .c1-6, .bc1-6, .cc1-6 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c1-pull6 {
    position: relative;
    left: 50%;
  }
  .c1-7, .bc1-7, .cc1-7 {
    width: 58.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c1-pull7 {
    position: relative;
    left: 58.33333%;
  }
  .c1-8, .bc1-8, .cc1-8 {
    width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c1-pull8 {
    position: relative;
    left: 66.66667%;
  }
  .c1-9, .bc1-9, .cc1-9 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c1-pull9 {
    position: relative;
    left: 75%;
  }
  .c1-10, .bc1-10, .cc1-10 {
    width: 83.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c1-pull10 {
    position: relative;
    left: 83.33333%;
  }
  .c1-11, .bc1-11, .cc1-11 {
    width: 91.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c1-pull11 {
    position: relative;
    left: 91.66667%;
  }
  .c1-12, .bc1-12, .cc1-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c1-pull12 {
    position: relative;
    left: 100%;
  }
  .c2-1, .bc2-1, .cc2-1 {
    width: 8.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c2-pull1 {
    position: relative;
    left: 8.33333%;
  }
  .c2-2, .bc2-2, .cc2-2 {
    width: 16.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c2-pull2 {
    position: relative;
    left: 16.66667%;
  }
  .c2-3, .bc2-3, .cc2-3 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c2-pull3 {
    position: relative;
    left: 25%;
  }
  .c2-4, .bc2-4, .cc2-4 {
    width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c2-pull4 {
    position: relative;
    left: 33.33333%;
  }
  .c2-5, .bc2-5, .cc2-5 {
    width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c2-pull5 {
    position: relative;
    left: 41.66667%;
  }
  .c2-6, .bc2-6, .cc2-6 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c2-pull6 {
    position: relative;
    left: 50%;
  }
  .c2-7, .bc2-7, .cc2-7 {
    width: 58.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c2-pull7 {
    position: relative;
    left: 58.33333%;
  }
  .c2-8, .bc2-8, .cc2-8 {
    width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c2-pull8 {
    position: relative;
    left: 66.66667%;
  }
  .c2-9, .bc2-9, .cc2-9 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c2-pull9 {
    position: relative;
    left: 75%;
  }
  .c2-10, .bc2-10, .cc2-10 {
    width: 83.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c2-pull10 {
    position: relative;
    left: 83.33333%;
  }
  .c2-11, .bc2-11, .cc2-11 {
    width: 91.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c2-pull11 {
    position: relative;
    left: 91.66667%;
  }
  .c2-12, .bc2-12, .cc2-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c2-pull12 {
    position: relative;
    left: 100%;
  }
  .c3-1, .bc3-1, .cc3-1 {
    width: 8.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c3-pull1 {
    position: relative;
    left: 8.33333%;
  }
  .c3-2, .bc3-2, .cc3-2 {
    width: 16.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c3-pull2 {
    position: relative;
    left: 16.66667%;
  }
  .c3-3, .bc3-3, .cc3-3 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c3-pull3 {
    position: relative;
    left: 25%;
  }
  .c3-4, .bc3-4, .cc3-4 {
    width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c3-pull4 {
    position: relative;
    left: 33.33333%;
  }
  .c3-5, .bc3-5, .cc3-5 {
    width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c3-pull5 {
    position: relative;
    left: 41.66667%;
  }
  .c3-6, .bc3-6, .cc3-6 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c3-pull6 {
    position: relative;
    left: 50%;
  }
  .c3-7, .bc3-7, .cc3-7 {
    width: 58.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c3-pull7 {
    position: relative;
    left: 58.33333%;
  }
  .c3-8, .bc3-8, .cc3-8 {
    width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c3-pull8 {
    position: relative;
    left: 66.66667%;
  }
  .c3-9, .bc3-9, .cc3-9 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c3-pull9 {
    position: relative;
    left: 75%;
  }
  .c3-10, .bc3-10, .cc3-10 {
    width: 83.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c3-pull10 {
    position: relative;
    left: 83.33333%;
  }
  .c3-11, .bc3-11, .cc3-11 {
    width: 91.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c3-pull11 {
    position: relative;
    left: 91.66667%;
  }
  .c3-12, .bc3-12, .cc3-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c3-pull12 {
    position: relative;
    left: 100%;
  }
  .c4-1, .bc4-1, .cc4-1 {
    width: 8.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c4-pull1 {
    position: relative;
    left: 8.33333%;
  }
  .c4-2, .bc4-2, .cc4-2 {
    width: 16.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c4-pull2 {
    position: relative;
    left: 16.66667%;
  }
  .c4-3, .bc4-3, .cc4-3 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c4-pull3 {
    position: relative;
    left: 25%;
  }
  .c4-4, .bc4-4, .cc4-4 {
    width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c4-pull4 {
    position: relative;
    left: 33.33333%;
  }
  .c4-5, .bc4-5, .cc4-5 {
    width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c4-pull5 {
    position: relative;
    left: 41.66667%;
  }
  .c4-6, .bc4-6, .cc4-6 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c4-pull6 {
    position: relative;
    left: 50%;
  }
  .c4-7, .bc4-7, .cc4-7 {
    width: 58.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c4-pull7 {
    position: relative;
    left: 58.33333%;
  }
  .c4-8, .bc4-8, .cc4-8 {
    width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c4-pull8 {
    position: relative;
    left: 66.66667%;
  }
  .c4-9, .bc4-9, .cc4-9 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c4-pull9 {
    position: relative;
    left: 75%;
  }
  .c4-10, .bc4-10, .cc4-10 {
    width: 83.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c4-pull10 {
    position: relative;
    left: 83.33333%;
  }
  .c4-11, .bc4-11, .cc4-11 {
    width: 91.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c4-pull11 {
    position: relative;
    left: 91.66667%;
  }
  .c4-12, .bc4-12, .cc4-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c4-pull12 {
    position: relative;
    left: 100%;
  }
  .c5-1, .bc5-1, .cc5-1 {
    width: 8.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c5-pull1 {
    position: relative;
    left: 8.33333%;
  }
  .c5-2, .bc5-2, .cc5-2 {
    width: 16.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c5-pull2 {
    position: relative;
    left: 16.66667%;
  }
  .c5-3, .bc5-3, .cc5-3 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c5-pull3 {
    position: relative;
    left: 25%;
  }
  .c5-4, .bc5-4, .cc5-4 {
    width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c5-pull4 {
    position: relative;
    left: 33.33333%;
  }
  .c5-5, .bc5-5, .cc5-5 {
    width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c5-pull5 {
    position: relative;
    left: 41.66667%;
  }
  .c5-6, .bc5-6, .cc5-6 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c5-pull6 {
    position: relative;
    left: 50%;
  }
  .c5-7, .bc5-7, .cc5-7 {
    width: 58.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c5-pull7 {
    position: relative;
    left: 58.33333%;
  }
  .c5-8, .bc5-8, .cc5-8 {
    width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c5-pull8 {
    position: relative;
    left: 66.66667%;
  }
  .c5-9, .bc5-9, .cc5-9 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c5-pull9 {
    position: relative;
    left: 75%;
  }
  .c5-10, .bc5-10, .cc5-10 {
    width: 83.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c5-pull10 {
    position: relative;
    left: 83.33333%;
  }
  .c5-11, .bc5-11, .cc5-11 {
    width: 91.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c5-pull11 {
    position: relative;
    left: 91.66667%;
  }
  .c5-12, .bc5-12, .cc5-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c5-pull12 {
    position: relative;
    left: 100%;
  }
  .c6-1, .bc6-1, .cc6-1 {
    width: 8.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c6-pull1 {
    position: relative;
    left: 8.33333%;
  }
  .c6-2, .bc6-2, .cc6-2 {
    width: 16.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c6-pull2 {
    position: relative;
    left: 16.66667%;
  }
  .c6-3, .bc6-3, .cc6-3 {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c6-pull3 {
    position: relative;
    left: 25%;
  }
  .c6-4, .bc6-4, .cc6-4 {
    width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c6-pull4 {
    position: relative;
    left: 33.33333%;
  }
  .c6-5, .bc6-5, .cc6-5 {
    width: 41.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c6-pull5 {
    position: relative;
    left: 41.66667%;
  }
  .c6-6, .bc6-6, .cc6-6 {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c6-pull6 {
    position: relative;
    left: 50%;
  }
  .c6-7, .bc6-7, .cc6-7 {
    width: 58.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c6-pull7 {
    position: relative;
    left: 58.33333%;
  }
  .c6-8, .bc6-8, .cc6-8 {
    width: 66.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c6-pull8 {
    position: relative;
    left: 66.66667%;
  }
  .c6-9, .bc6-9, .cc6-9 {
    width: 75%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c6-pull9 {
    position: relative;
    left: 75%;
  }
  .c6-10, .bc6-10, .cc6-10 {
    width: 83.33333%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c6-pull10 {
    position: relative;
    left: 83.33333%;
  }
  .c6-11, .bc6-11, .cc6-11 {
    width: 91.66667%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c6-pull11 {
    position: relative;
    left: 91.66667%;
  }
  .c6-12, .bc6-12, .cc6-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .c6-pull12 {
    position: relative;
    left: 100%;
  }
}

.hidden1 {
  display: none;
}

.visible1 {
  display: block;
}

.hidden-inline1 {
  display: none;
}

.visible-inline1 {
  display: inline;
}

@media (max-width: 1559px) {
  .hidden2 {
    display: none;
  }
  .visible2 {
    display: block;
  }
  .hidden-inline2 {
    display: none;
  }
  .visible-inline2 {
    display: inline;
  }
}

@media (max-width: 1319px) {
  .hidden3 {
    display: none;
  }
  .visible3 {
    display: block;
  }
  .hidden-inline3 {
    display: none;
  }
  .visible-inline3 {
    display: inline;
  }
}

@media (max-width: 959px) {
  .hidden4 {
    display: none;
  }
  .visible4 {
    display: block;
  }
  .hidden-inline4 {
    display: none;
  }
  .visible-inline4 {
    display: inline;
  }
}

@media (max-width: 767px) {
  .hidden5 {
    display: none;
  }
  .visible5 {
    display: block;
  }
  .hidden-inline5 {
    display: none;
  }
  .visible-inline5 {
    display: inline;
  }
}

@media (max-width: 479px) {
  .hidden6 {
    display: none;
  }
  .visible6 {
    display: block;
  }
  .hidden-inline6 {
    display: none;
  }
  .visible-inline6 {
    display: inline;
  }
}

/* 淡入 */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@font-face {
  font-family: 'iconfont';
  src: url("//at.alicdn.com/t/font_1452131571_6651647.eot");
  /* IE9*/
  src: url("//at.alicdn.com/t/font_1452131571_6651647.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1452131571_6651647.woff") format("woff"), url("//at.alicdn.com/t/font_1452131571_6651647.ttf") format("truetype"), url("//at.alicdn.com/t/font_1452131571_6651647.svg#iconfont") format("svg");
  /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-31huidaodingbu:before {
  content: "\f0209";
}

.icon-lajitong9:before {
  content: "\e62d";
}

.icon-shipin:before {
  content: "\e63b";
}

.icon-tubiao1yinliang:before {
  content: "\e658";
}

.icon-icoxiangxia:before {
  content: "\e698";
}

.icon-iconxiangxia:before {
  content: "\e601";
}

body {
  font-family: 'Microsoft YaHei';
  font-weight: normal;
  color: #333;
}

body .header-container .header {
  border-bottom: none;
}

.part1 {
  position: relative;
  z-index: 99;
}

@media (max-width: 479px) {
  .part1 {
    background: #f2f2f2;
  }
}

@media (max-width: 479px) {
  .phone-container {
    margin: 0 -15px;
  }
}

@media (max-width: 479px) {
  .block-color {
    background: #f2f2f2;
  }
}

.cjhd {
  position: absolute;
  left: 0;
  top: -100px;
  width: 100%;
  text-align: center;
  z-index: 1;
  top: -100px;
}

@media (max-width: 1559px) {
  .cjhd {
    top: -90px;
  }
}

@media (max-width: 1319px) {
  .cjhd {
    top: -60px;
  }
}

@media (max-width: 959px) {
  .cjhd {
    top: -30px;
  }
}

@media (max-width: 767px) {
  .cjhd {
    top: -20px;
  }
}

.green-circle {
  width: 227px;
  height: 227px;
  display: none;
}

@media (max-width: 1559px) {
  .green-circle {
    width: 197px;
    height: 197px;
  }
}

@media (max-width: 1319px) {
  .green-circle {
    width: 155px;
    height: 155px;
  }
}

@media (max-width: 959px) {
  .green-circle {
    width: 100px;
    height: 100px;
  }
}

@media (max-width: 767px) {
  .green-circle {
    width: 80px;
    height: 80px;
  }
}

.red-circle {
  width: 227px;
  height: 227px;
}

@media (max-width: 1559px) {
  .red-circle {
    width: 197px;
    height: 197px;
  }
}

@media (max-width: 1319px) {
  .red-circle {
    width: 155px;
    height: 155px;
  }
}

@media (max-width: 959px) {
  .red-circle {
    width: 100px;
    height: 100px;
  }
}

@media (max-width: 767px) {
  .red-circle {
    width: 70px;
    height: 70px;
  }
}

@media (max-width: 479px) {
  .red-circle {
    width: 60px;
    height: 60px;
  }
}

.vertical-line {
  position: absolute;
  left: 50%;
  top: 0;
  border-right: 1px solid #d2d2d2;
  height: 80%;
}

@media (max-width: 1319px) {
  .vertical-line {
    display: none;
  }
}

@media (max-width: 479px) {
  .part2 {
    margin: 0 -15px;
    background: #f2f2f2;
  }
}

.js-head {
  padding: 0 0 16px 53px;
  border-bottom: 1px solid #5bb832;
}

.js-content {
  padding: 20px 53px 70px 53px;
  font-size: 18px;
  line-height: 48px;
  color: #333;
}

@media (max-width: 479px) {
  .js-content {
    padding: 20px 10px 20px 10px;
    font-size: 14px;
    line-height: 35px;
  }
}

.js-content-desc {
  font-size: 30px;
  line-height: 48px;
}

@media (max-width: 479px) {
  .js-content-desc {
    font-size: 24px;
    line-height: 40px;
  }
}

.part-header {
  text-align: center;
}

.part-content {
  font-size: 18px;
  line-height: 48px;
  padding: 20px 60px 20px 60px;
}

@media (max-width: 767px) {
  .part-content {
    font-size: 16px;
    line-height: 1.8;
    padding: 30px 30px;
  }
}

.part-content_style2 {
  padding: 20px 60px 20px 135px;
}

.part-content_style2 a img {
  display: block;
  margin: 0 auto;
}

@media (max-width: 1319px) {
  .part-content_style2 {
    padding: 20px 60px 20px 60px;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .part-content_style2 {
    padding: 20px 30px 20px 30px;
    text-align: left;
  }
}

.part-content p {
  padding-bottom: 10px;
}

@media (max-width: 767px) {
  .part-content p {
    padding-bottom: 10px;
  }
}

.part-content p:last-child {
  padding-bottom: 0;
}

@media (max-width: 479px) {
  .part3 {
    margin: 0 -15px;
    background: #f2f2f2;
    padding-bottom: 20px;
  }
}

@media (max-width: 479px) {
  .part4 {
    margin: 0 -15px;
    background: #f2f2f2;
    padding-bottom: 20px;
  }
}

.part-hd {
  font-size: 24px;
  line-height: 48px;
  font-weight: bold;
  color: #6e0101;
  background: url(./img/star.png) left center no-repeat;
  padding-left: 30px;
}

.part-info-line {
  padding-left: 30px;
  font-size: 18px;
  color: #333333;
  line-height: 48px;
}

.main {
  background: #f2f2f2;
  position: relative;
  padding-bottom: 200px;
}

@media (max-width: 767px) {
  .main {
    padding-bottom: 0;
  }
}

.footer {
  margin-top: 0;
}

/*# sourceMappingURL=main.css.map */