/* .message 拿掉 margin: 0 auto; margin-top: 30px; */
.message{ display: block; max-width: 1000px; min-width:320px; background-color: #eaeaea; border-top: 3px solid #009688; padding: 10px; box-sizing: border-box;}
.comment { display: block; width:100%; min-width:300px; margin: 0 auto; background-color: #fff;padding: 10px;box-sizing: border-box; overflow: hidden;font-size:16px; margin-bottom:1px;}
.comment .write{ display: block;max-width:100%; min-width:0; overflow:hidden;}
.comment .img{display: inline-block; width:50px; height:50px; border: 5px solid #ededed;border-radius: 50%; float:left; margin-right: 10px;}
.comment a i { display: inline-block; width:50px; height:50px; color: #cecece;text-align: center; line-height:50px; border-radius: 50%;  }
.comment .staycomment{display: block; max-width: 850px; min-width:0; height: auto; overflow: hidden;}
.comment  textarea{ display:block; width:100%;  margin-top:5px; border:0px; background-color: #eaeaea; padding: 8px; box-sizing: border-box; color: #333; line-height: 1.6em; outline: none;  border: none;float: left; box-sizing: border-box;}
.comment .function{display: block;  box-sizing: border-box; text-align: right; width:100%;  margin: 0 auto; margin-top:5px; position:inherit}
.function a{display: inline-block; width:100px; height:30px; text-align: center; line-height: 30px;  color: #fff; background-color:#009688; } 
.function .signin{  background-color:#009688; padding:0 5px; }
.function .signin:hover{  background-color:#00796B;  }
.function .send{ background-color:#f49e22;}
.function .send:hover{ background-color:#f48417;}
.function .sendb{display: inline-block; width:100px; height:30px; text-align: center; line-height: 30px;  color: #ffffff;  background-color:#f49e22; border-width:0px; }
.function .sendb:hover{ background-color:#f48417; cursor:pointer;}
.total{ display:inline-block; text-decoration:none; font-size: 16px;  color:#333; margin: 6px 0; float: right;}
.total:after{ display:inline-block; content:""; border:6px solid; border-color:#009688 transparent transparent transparent; margin-left:5px;} 
.total span{ color: #009688;}
.comment textarea:hover{ background-color:#dbdbdb; }
.comment textarea:focus{ background-color: #eaeaea; }
.comment .write img{display:inline-block; border-radius: 50%; width: 50px; height: 50px;float: left;}
.write i{ display: inline-block; color: #009688; font-weight: bolder;}
.write span{ display:inline-block; color: #999; margin-left: 10px; font-size: 16px; }
.write p{ display:block; float: left; max-width: 850px;  float: left; line-height: 1.5em; margin-top: 5px;  }
.write p span { color: #333; }  /* add Dylan p元件內還有一個span 必須是黑色 */

/*For RWD Begin*/

@media screen and (max-width: 414px) {
    .message { min-width: 100%; }
    .comment { min-width: 100%; }
}

@media screen and (min-width : 415px) and (max-width: 639px) {

}

@media screen and (min-width : 640px) and (max-width: 959px) {

}
/*For RWD End*/



