/* layout */

.contactUs,.messageMain{ width:100%; padding: 0.5rem 0;}
.contactUs{ background-color: #eaf7f4;}
.messageMain{ background:url("../images/bgs-messageBoard.jpg") no-repeat center bottom scroll;}
.devTitle{ margin-bottom:0.3rem;}
.abTitle{ text-align: center;}
.abTitle .tleNameEn{ color: #25a387;}


/*  contactUs */

.contMain{ padding:0.4rem 0;}
.contInfoTle{margin-bottom:0.6rem;}
.contInfoTle ul{ display:flex; justify-content: space-evenly;}
.contInfoTle li{ margin:0 0.3rem;}
.contInfoTle li a{ display: block; background-color: #dcdcdc; padding: 0.05rem 0.6rem; border-radius:0.5rem;}
.contInfoTle li.active a,.contInfoTle li a:hover{ background-color:rgba(37,163,135,1.00); color: #FFFFFF;}
.contInfoTle li a span{ display: block; line-height: 1.6em; text-align: center;}
.contInfoTle li a span.contCompNm{ font-size: 0.16rem; font-weight: 600;}
.contInfoTle li a span.contCompBs{ font-size: 0.14rem;}

.contInfoMn{}
.contInfoItemer{ display:flex; justify-content: space-between; }
.contInfoItemer li{ width: 25%;}
.contInfoItemer .contMn{ padding:0 0.2rem; text-align: center;}
.contMn .contMnName{ position: relative; margin-bottom: 0.3rem; padding-bottom: 0.3rem;}
.contMn .contMnName span{ display: block; margin: 0 auto 0.1rem auto;}
.contMn .contMnName span.contMnImg{ width: 0.6rem; height: 0.6rem; line-height: 0.6rem; text-align: center; background-color:#FFFFFF; border-radius: 50%; }
.contMn .contMnName span.contMnImg i{ font-size: 0.28rem; color: #939393;}
.contMn .contMnName span.contMnText{ font-size: 0.16rem;}
.contMn .contMnName span.contMnText:after{ position:absolute; content: ''; left: 50%; bottom:0; width: 10%; margin-left: -5%; height: 0.02rem; background-color:#d2d2d2;}
.contMn .contMnBox{ }
.contMn .contMnBox span{ display: inline-block; padding-top: 0.4rem; font-size: 0.16rem; font-weight: 600;}
.contMn .contMnBox img{ max-width:40%;}

.contInfoItemer li:hover span.contMnImg{ background-color:rgba(37,163,135,1.00);}
.contInfoItemer li:hover span.contMnImg i{ color: #FFFFFF;}
.contInfoItemer li:hover .contMnText{color:rgba(37,163,135,1.00);}
.contInfoItemer li:hover .contMnText:after{ background-color:rgba(37,163,135,1.00);}
.contInfoItemer li:hover .contMnBox span{color:rgba(37,163,135,1.00);}


.purchaseMain{ width:100%; padding: 0.5rem 0; background-color: #f2f2f2;}
.purchaseCont{ padding: 0.5rem 0;}
.purchaseBox ul{ display:flex;justify-content: space-evenly;}
.purchaseBox img{ height: 59px; transition: transform .6s;}
.purchaseBox a:hover img{ transform: scale(1.1);}

 /*guestbook*/
.messageCont{ padding:0.4rem 0;}
.guestbook{ width:100%;}
.guestbook .form-group {margin-bottom:0.2rem;}
.guestbook .input{ font-size:0.16rem;padding:0 0.15rem;height:0.5rem;line-height:0.5rem;border:0;width:100%;display:block;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;box-sizing:border-box;}
.guestbook .textarea {padding:0.15rem;line-height:1.8em;width:100%;font-size:0.16rem;background:#fff;border:0;box-sizing:border-box;}
.guestbook select {font-size:16px;padding:0 35px 0 15px;width: 100%; height:50px;line-height:50px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url(../images/select-down.png) no-repeat right 50%;color:#666;}
.guestbook .input::-webkit-input-placeholder, .guestbook .textarea::-webkit-input-placeholder {color: #666;font-size: 16px;}
.guestbook .input:-moz-placeholder, .guestbook .textarea:-moz-placeholder {color: #666;font-size: 16px;}
.guestbook .input::-moz-placeholder, .guestbook .textarea::-moz-placeholder {color: #666;font-size: 16px;}
.guestbook .input:-ms-input-placeholder, .guestbook .textarea:-ms-input-placeholder {color: #666;font-size: 16px;}
.guestbook .formRow{ display:inline-block; width: 33%;}
.guestbook .form-button{ text-align:center;}
.guestbook .form-button input.button{padding:0.1rem  0.6rem; border: none; font-size:0.16rem;  background-color:rgba(37,163,135,1.00); color: #ffffff; cursor: pointer;}
.guestbook .form-button input.button:hover{  background-color:rgba(16,139,112,1.00);}

