@charset "UTF-8";
/*  Extra large devices (large desktops) 大屏桌面端 */
.layoutWidget106 {
  width: 100%;
  position: relative;
  background-color: #1d1d20; }
  .layoutWidget106 .pattern {
    width: 100%;
    height: 100%;
    background: url(../image/pattern.png) center repeat;
    opacity: 0.16;
    filter: alpha(opacity=16);
    position: absolute; }
  .layoutWidget106 .box1 {
    width: 100%;
    color: #E8E4DE;
    text-align: center;
    padding: 72px 0; }
    .layoutWidget106 .box1 .title1 {
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 8px;
      text-align: center;
      position: relative;
      padding-bottom: 14px;
      margin-bottom: 9px; }
      .layoutWidget106 .box1 .title1:after {
        content: " ";
        width: 30px;
        height: 2px;
        background: #E8E4DE;
        text-align: center;
        position: absolute;
        left: 50%;
        margin-left: -12px;
        bottom: 0; }
    .layoutWidget106 .box1 .title2 {
      text-align: center;
      font-size: 36px;
      letter-spacing: 12px;
      font-weight: normal; }

/* Large devices (desktops, less than 1200px) 普通桌面端 */
/* Medium devices (tablets, less than 992px) 平板端 */
@media (max-width: 992px) {
  .layoutWidget106 .box1 {
    padding: 40px 0; }
    .layoutWidget106 .box1 .title2 {
      font-size: 30px;
      letter-spacing: 10px; }
    .layoutWidget106 .box1 .title1 {
      text-align: center;
      letter-spacing: 7px; } }
/* Small devices (landscape phones, less than 768px) 手机端横屏 */
/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */
@media (max-width: 576px) {
  .layoutWidget106 .box1 .title2 {
    font-size: 22px;
    letter-spacing: 6px; }
  .layoutWidget106 .box1 .title1 {
    font-size: 16px;
    letter-spacing: 6px; } }

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