@charset "utf-8";
/* CSS Document */

html{height:100%; }
*{margin:0; padding:0;}
body{ border:0; font-size:1em; color:#5b5a5a; margin:0px; text-align:left; line-height:20px; font-family:Verdana, Geneva, sans-serif;background:#fefefe; }
a{text-decoration:none;color:#5b5a5a}
.top{ background:#ededed;}
.logo{ float:left; margin:20px 10px; }
.name{ float:left; margin-left:0px;font-size:1.3em; margin-top:20px;}
.land{ float:right; width:30px; height:30px;background:  no-repeat;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px; margin:20px 20px;}
.signintxt{ float:right; width:20%; font-size:1.3em; text-align:center; margin-top:35px;color:#373737;}
.signintxt a{ color:#373737; text-decoration:none}
.banner{   margin:0 auto; margin-top:20px; margin-bottom:20px; margin-left:40px; margin-right:40px;}

.box{ background:linear-gradient(#ffe8c9,#fff8ef); padding:10px;}
.frame{ border:1px solid #dcdcdc; background:#FFF; margin:20px 0px; padding:20px; box-shadow: 0 0 5px #d6d4d4; overflow:auto}
.frame p{font-size:1em; color:#727171; display:block; margin-bottom:20px}
.title{font-size:1.3em; color:#262626; margin-top:0px;width:90%  }
.time{font-size:1em; margin-top:10px; color:#F90; margin-bottom:10px; width:90%  }

.main{ padding:20px 10px;  clear:both}
.introduce{ width:50%;  float:left;}
.people{  width: 50px; height: 50px;background-color:red;      border-radius: 50%;      -moz-border-radius: 50%;      -webkit-border-radius: 50%; background: url(../images/img01.png) no-repeat; margin:0 auto; margin-top:9px;}
.people1{  width: 50px; height: 50px;background-color:red;      border-radius: 50%;      -moz-border-radius: 50%;      -webkit-border-radius: 50%; background: url(../images/img04.png) no-repeat; margin:0 auto; margin-top:30px;}

.describe{color:#d5d5d5;font-size:1.0em; margin-left:20px; width:80% }
.name1{margin-left:20px; width:80%;font-size:1em; margin-bottom:10px}
.signin{ color:#6d6d6d; margin-top:30px; font-size:0.8em;}.signin a{ color:#ffad35;}

.line{ border-bottom:1px solid #dcdcdc; margin:10px 0px;}
.peoplelist{ width:33%; float:left; margin:10px 0px;}

.peoplelist td{ font-size:1em; }
.peoplelist 
.input11{ width:30px; height:30px}
.interview{ background:url(/Public/images/mobile/start.png) no-repeat; width:45px; height:45px; margin:0 auto}

.interview1{ background: url(/Public/images/mobile/Not.png) no-repeat; width:45px; height:45px; margin:0 auto}

.interview2{ background: url(/Public/images/mobile/end.png) no-repeat; width:45px; height:45px; margin:0 auto}


.questions{ width:100%; height:100px; border:1px solid #dcdcdc; margin:30px 0px;font-size:1em; padding:10px; color:#dadada}
.button{ background:#ff6b00;font-size:1em; color:#FFF; text-align:center ; height:50px; width:90%; line-height:50px;}
.Code{ height:78px; width:95%;border:1px solid #dcdcdc; }
.wide{ width:50%; float:left}
.orange{ border-bottom:4px solid #ff6b00; text-align:center }
.orangetext{ color:#ff6b00; font-size:1.3em;}
.grey{ border-bottom:4px solid #dcdcdc; text-align:center }
.greytext{font-size:1em; line-height:2.5em; color:#a6a6a5; }
.blacktext{ color:#252525; font-size:1.3em;}
.ask{ background:url(../images/ask.png) no-repeat; height:117px;}

.frame01{ border:1px solid #dcdcdc; background:#FFF; margin:0px 0px; padding:0px; box-shadow: 0 0 5px #d6d4d4; overflow:auto}
.peopleask{  width: 50px; height: 50px;background-color:red;      border-radius: 50%;      -moz-border-radius: 50%;      -webkit-border-radius: 50%; background: url(../images/img01.png) no-repeat; margin:0 auto; }
.asktxt{ font-size:1em; margin-right:20px; line-height:20px;}
.time01{ color:#dcdcdc ;font-size:1em;}
.orange01{ color:#ff6b00}

.answer{ background: url(/Public/images/mobile/answer.png) no-repeat; height:60px; border-top:1px solid #dcdcdc}
.ping{ background: url(/Public/images/mobile/ping.png) no-repeat; height:60px; border-top:1px solid #dcdcdc}
.ask01{ background:url(/Public/images/mobile/ask.png) no-repeat; height:60px;border-top:1px solid #dcdcdc}

.copyright{ background:#e8e7e7; text-align:center; padding:20px; font-size:1em; color:#8e8d8d; clear:both;}

.title1{font-size:1.3em; color:#262626; margin-top:5px;width:100%; margin-bottom:20px;  }
.inputbox{ background:#fff;font-size:1em;  height:75px; width:90%; line-height:75px; border:1px solid #CCC; width:80%}
.username{ font-size:1em;}

.font01{float:right; color:#c55b05; padding-left:10px;  }
.font01 a{color:#c55b05;text-decoration:none;}
.font01 a:hover{color: #000;text-decoration: underline; }
.font02{float:left; color:#c55b05; padding-left:10px; } 
.font02 a{color:#333;text-decoration:underline;}
.font02 a:hover{color: #000;text-decoration: none; }