/*=== 作者：Distantmemory - 时间：2018年11月 - 版本：1.0 - 个人：www.distantmemory.cc - 公司：www.timoo.net ===*/

/*=== 媒体查询 ===*/
/*手机*/
@media ( min-width : 320px) { 

    .hengbok-home-contact { padding: 0.48rem 0; background: #FFF url(../../../resource/hengbok/images/background/tile.gif) repeat center; }

    .hengbok-home-contact .content .list .text .box .subject { margin: 0.24rem auto; }

    .hengbok-home-contact .form .unit-group .unit + .unit { margin-top: 0.24rem; }

}

@media ( min-width : 360px) { 

} 

@media ( min-width : 400px) { 

} 

/*平板电脑*/
@media ( min-width : 640px) {

}

@media ( min-width : 768px) {

}

/*笔记本电脑*/
@media ( min-width : 960px) {

    .hengbok-home-contact { padding: 0.8rem 0; }

    .hengbok-home-contact .form .unit-left { padding-right: 0.16rem; }
    .hengbok-home-contact .form .unit-right { padding-left: 0.16rem; }

    .hengbok-home-contact .form .unit-group .unit + .unit { margin-top: 0; }

} 

@media ( min-width : 1024px) {

} 

/*PC电脑*/
@media ( min-width : 1200px) { 
    
} 

/*大屏PC电脑*/
@media ( min-width : 1600px) { 
    
}

/*=== Style ===*/
.hengbok-home-contact .title { position: relative; margin-bottom: 0.32rem; }
.hengbok-home-contact .title::after { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 0.01rem; background: #E5DBD3; z-index: 1; }
.hengbok-home-contact .title .cat-name { display: inline-block; position: relative; padding: 0 0.32rem; background: #FFF url(../../../resource/hengbok/images/background/tile.gif) repeat center; z-index: 2; }
.hengbok-home-contact .title .cat-name .subname { line-height: 0.48rem; text-transform: uppercase; font-family: "Times New Roman"; font-size: 0.4rem; color: #CBB8AB; }
.hengbok-home-contact .title .cat-name .name { line-height: 0.32rem; font-size: 0.24rem; font-weight: 100; color: #505050; }

.hengbok-home-contact .content { position: relative; margin: auto; max-width: 7.2rem; z-index: 3; }
.hengbok-home-contact .content .tips { margin-bottom: 0.32rem; font-size: 0.14rem; color: #9E9E9E; }
.hengbok-home-contact .form input { padding: 0 0.08rem; width: 100%; border: 0.01rem solid #DDD; line-height: 0.32rem; font-size: 0.14rem; }
.hengbok-home-contact .form textarea { padding: 0.08rem; width: 100%; height: 1.2rem; border: 0.01rem solid #DDD; line-height: 0.2rem; font-size: 0.14rem; resize: none; }
.hengbok-home-contact .form input:focus,
.hengbok-home-contact .form textarea:focus { border-color: #CBB8AB; }
.hengbok-home-contact .form .unit-group + .unit-group { margin-top: 0.24rem; }
.hengbok-home-contact .form .code input { width: 50%; }
.hengbok-home-contact .form .code img { position: relative; top: -0.01rem; width: auto; height: 0.34rem; cursor: pointer; }
.hengbok-home-contact .form .button button { padding: 0 0.48rem; background: #CBB8AB; border: 0.01rem solid #CAB7A6; border-radius: 0.02rem; line-height: 0.4rem; font-size: 0.14rem; color: #FFF; cursor: pointer; }
.hengbok-home-contact .form .button button:hover { background: #FFF; color: #CBB8AB; }

.hengbok-home-contact .status { position: relative; margin-top: 0; padding: 0.06rem 0.12rem; border: 0.01rem solid rgba(0,0,0,0); border-radius: 0.02rem; font-size: 0.14rem; opacity: 0; visibility: hidden; 
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;

    -webkit-transform:scaleY( 0 );
    -moz-transform:scaleY( 0 );
    -ms-transform:scaleY( 0 );
    -o-transform:scaleY( 0 );
    transform:scaleY( 0 ); }
.hengbok-home-contact .status.open { margin-top: 0.32rem; height: auto; opacity: 1; visibility: visible;               -webkit-transform:scaleY( 1 );
    -moz-transform:scaleY( 1 );
    -ms-transform:scaleY( 1 );
    -o-transform:scaleY( 1 );
    transform:scaleY( 1 ); }
.hengbok-home-contact .status.error { background: rgba(240,86,84,0.1); border: 0.01rem solid rgba(240,86,84,0.2); color: #F05654; }
.hengbok-home-contact .status.success { background: rgba(10,163,68,0.1); border: 0.01rem solid rgba(10,163,68,0.2); color: #0AA344; }
.hengbok-home-contact .status .text { padding-right: 0.24rem; }
.hengbok-home-contact .status .close { position: absolute; top: 0.06rem; right: 0.04rem; width: 0.24rem; height: 0.24rem; line-height: 0.24rem; font-size: 0.12rem; cursor: pointer; opacity: 0.5; }
.hengbok-home-contact .status .close:hover { opacity: 1; }