@charset "utf-8";
body{font-family:Arial,Helvetica,sans-serif;width:100%; background:#fff;font-size:14px;line-height:23px}
*{padding:0;margin:0}
form{margin:0 auto;width:80%;}
.text_style{width:99%;text-indent:5px;border:1px solid #666;transition:background .4s linear;-webkit-transition:background .4s linear;-moz-transition:background .4s linear;padding:4px}
.chatline{ clear: both; padding: 5px 0;}
.line{ width: 100%;line-height:25px;font-family:Arial,Helvetica,sans-serif;padding:0 5px; float: left;}
.title{width:100%;}
.textarea_style{width:99%;height:100px;padding:0 4px;border:1px solid #666;transition:background .4s linear;-webkit-transition:background .4s linear;-moz-transition:background .4s linear;text-indent:5px}
.text_style:hover,.textarea_style:hover{background:#eee}
.submit{margin-top:5px}
.button{width:auto;padding:0 10px;text-align:center;margin-top:8px;line-height:30px;font-size:18px;border:1px solid #666;box-shadow:3px 3px 3px #ccc;-webkit-box-shadow:3px 3px 3px #ccc;-moz-box-shadow:3px 3px 3px #ccc;cursor:pointer;transition:background .4s linear;-webkit-transition:background .4s linear;-moz-transition:background .4s linear;font-family:Arial,Helvetica,sans-serif}
.button:hover{background:#a2c4e3}
input{font-size:14px}

@media only screen and (max-width:680px){
    form{margin:0 auto;width:99%; padding-top: 15px;}
    .line{ width:73%;}
    .title{width:25%; max-width: 100px;}
}
@media only screen and (max-width:460px){
    form{margin:0 auto;width:99%; padding-top: 10px;}
    .line{ width:60%;}
    .title{width:35%; max-width: 100px;}
}
@media only screen and (max-width:320px){
    form{margin:0 auto;width:99%;}
    .textarea_style{height:60px;}
    .line{ width:94%;}
    .title{width:40%; max-width: 80px; font-size: 12px; display: none;}
}


/*chatsuccess*/
#chatsuccess{float:left; width: 100%; max-width:460px; height:370px; overflow:auto;overflow-x:hidden;}
#chatsuccess .chatsuccess_left{ float: left; width: 28%; margin-top:10px;}
#chatsuccess .chatsuccess_left img{ width: 98%; max-width: 114px;}
#chatsuccess .chatsuccess_right{ float:left; width: 60%; padding: 50px 5% 0 2%; height:auto;}
#chatsuccess .success_right_top{ font-size:12px; color:#000000; line-height:18px;}
#chatsuccess .success_right_top a { color:#FF0000;text-decoration:underline; font-weight:700;}
#chatsuccess .success_right_bot{ margin:35px 0 0 0; float:left; font-size: 12px;}
#chatsuccess .success_right_bot ul{ list-style:none;float:left;width:100%; padding:0px; margin:0px;}
#chatsuccess .success_right_bot ul li{ width:100%; text-align:left; float:left;}
#chatsuccess .success_right_bot ul li a{ line-height:20px;text-decoration:underline;}
#chatsuccess .success_right_top span{ text-align:left; font-size:14px; color:#0000FF; font-weight:bold;}

@media only screen and (max-width:420px){
    .AddFavorite{ display: none;}
    #chatsuccess .chatsuccess_left{margin: 0 auto; width: 100%;}
    #chatsuccess .chatsuccess_right{margin: 0 auto; width: 90%;padding: 10px 5% 0 5%;}
}