/* CSS Partner */


/*table, tbody, tr, td{
  display: block;
}
*/

.displayBlock{
      display: block;
    }

    .displayBlock > tbody{
      display: block;
    }

    .slick-dots{
        display: none !important;
    }

    .slick-dotted.slick-slider {
         margin-bottom: 0px !important; 
    }


.displayBlock{
  display: block;
}

.displayBlock > tbody{
  display: block;
}


.pagination{
    background: none;
    padding-top: 0;
    text-align: center;
}

/*DETAIL*/
.boxDetail {padding:10px;}
.boxDetail .imgDetail {float:left; margin-right:10px; border:1px solid #cccccc;padding:1px;}
.boxDetail .title {
    font-weight:bold;
    font-size:12px;
    color:#F00;
}

.box_mess {
    font-family: 'Open Sans', sans-serif !important;
    font-size:16px;
    color:#666666;
    font-style:italic;
    width:100%; margin:0 auto;
    padding-bottom: 18px;
    line-height:24px;
    text-align:left;
}
.g_mess1{display: block;}
.g_mess1 ul{
    display: inline-block;
    float: left;
}
.g_mess1 ul li{
    background: url(../images/customer/icon_list.png) left center no-repeat;
    padding-left: 15px;
}
.g_mess2{
    font-size: 22px;
    color: #034e9a;
    padding: 10px 0;
}
.ban_do{
    width: 100%;
}
.list{
    width: 100%;
}

.list .select_cates{
  margin-bottom: 20px;
  border: 1px solid #dbdbdb;
  padding: 1px;
  width: 200px;
  font-size: 16px;
  color: #666666;
}
.noItem {
  padding:50px;
  text-align:center;
  color:#ff0000;
}

/*---------------------------*/
.list_view{
    width: 100%;
    border: 1px solid #cccccc;
    border-right: none;
    border-bottom: none;
    margin-bottom: 30px;
}
#View1 > li {
    display:block;
    float: left;
    width: 25%;
    height: 179px;
    background:#006fb9;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}




#View1 > li.nav:last-child{margin-right:0}

#View1 > li > a{display:block; width: 100%; height:100%; text-decoration:none; position:relative;border-bottom: 1px solid #ddd;}
#View1 > li > a .cube{
    display:block;position: relative;
    width:100%; height:100%;
}
#View1 > li > a .front{
    width: 100%; height: 179px;
    background:#ffffff;
    border-bottom: 1px solid #ddd;
}
#View1 > li > a .img_front{position: absolute; left: 0; top: 0; z-index: 1;}
#View1 > li > a .img_icon{position: relative; z-index: 2; padding-top: 55px;}

#View1 > li .txt1{
    padding:0 25px;
}
#View1 > li .txt1 a{
    z-index: 3;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight:bold;
    text-align: center;
    display: block;
}

#View1 > li > a .txt1 span{
        width:40px;
        height:100px;
}

#View1 > li > div{display:block; width: 100%; height:100%; text-decoration:none; position:relative;}
#View1 > li > div .cube{display:block;position: relative; width:100%; height:100%;}
#View1 > li > div .front{text-align: center;width: 100%; height: 100%;}
#View1 > li > div .img_front{
    position: absolute; left: 0; top: 0; z-index: 1;}
#View1 > li > div .img_icon{position: relative; z-index: 2; padding-top: 55px;}

img.img_back{width:68px;}

.front {
    z-index: 2;
    position: absolute;
}
.back {
    z-index: 1;
    position: absolute;
    background: none repeat scroll 0 0 #024b97;
    height: 100%;
    width: 100%;
}
.rollover:hover .back,
.rollover.activeLink .back,
.rollover:focus .back {
    z-index: 2;
}
.rollover:hover .front,
.rollover.activeLink .front,
.rollover:focus .front {
    z-index: 1;
}
.rollover .front {
    opacity: 1;
    -webkit-transition: 1s;
     -moz-transition: 1s;
      -ms-transition: 1s;
       -o-transition: 1s;
          transition: 1s;
}
.rollover .back {
    opacity: 0;
    -webkit-transition: 1s;
     -moz-transition: 1s;
      -ms-transition: 1s;
       -o-transition: 1s;
          transition: 1s;
}
.rollover:hover .front,
.rollover.activeLink .front,
.rollover:focus .front {
    opacity: 0;
}
.rollover:hover .back,
.rollover.activeLink .back,
.rollover:focus .back {
    opacity: 1;
}
.rollover_old {
    -webkit-perspective: 800px;
     -moz-perspective: 800px;
      -ms-perspective: 800px;
       -o-perspective: 800px;
          perspective: 800px;
}
.cube {
    height: 265px;
    width: 265px;
    -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
          transform-style: preserve-3d;
    -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
     -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
      -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
       -o-transform: rotateX(0) rotateY(0) rotateZ(0);
          transform: rotateX(0) rotateY(0) rotateZ(0);
    -webkit-transition: 1s;
     -moz-transition: 1s;
      -ms-transition: 1s;
       -o-transition: 1s;
          transition: 1s;
}
.rollover:hover .cube,
.rollover.activeLink .cube,
.rollover:focus .cube {
    -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
       -o-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.front {
    -webkit-transform: translate3d(0,0,24px);
     -moz-transform: translate3d(0,0,24px);
      -ms-transform: translate3d(0,0,24px);
       -o-transform: translate3d(0,0,24px);
          transform: translate3d(0,0,24px);
}
.back {
    -webkit-transform: rotateY(180deg) translate3d(0,0,24px);
     -moz-transform: rotateY(180deg) translate3d(0,0,24px);
      -ms-transform: rotateY(180deg) translate3d(0,0,24px);
       -o-transform: rotateY(180deg) translate3d(0,0,24px);
          transform: rotateY(180deg) translate3d(0,0,24px);
}

#cityview {
  margin: 0px 2px;
  position: relative;
}

#cityview .pos {
  position: absolute;
  /*z-index: 1001;*/
  height: 28px;
  background:url(../images/customer/icon_pos.png) no-repeat;
  padding-left: 30px;
  font-size: 11px;
  margin-top:-11px;
  margin-left:-4px;
  font-weight: normal !important;
}

#cityview .pos span {
  padding: 0px 4px;
  display:inline-block;
  line-height:12px;
  background:url(../images/customer/position_bg.png) repeat;
  border:1px solid #fff;
}

#cityview .pos:hover,
#cityview .current {
  background:url(../images/customer/icon_pos_hov.png) no-repeat;
  color: #0093DD;
}

#cityview .pos:hover span,
#cityview .current span {
  background:url(../images/customer/position_bg.png) repeat;
}


@media screen and (max-width: 768px){
  #View1 > li{
    width: 33.33%;
  }
}

@media screen and (max-width: 620px){
  #View1 > li{
    width: 50%;
  }
}

@media screen and (max-width: 480px){
  #cityview .pos{
    display: none;
  }
}

@media screen and (max-width: 379px){
  #View1 > li{
    width: 100%;
  }
}