body {padding:0px; margin:0px;font-family:Arial, Helvetica, sans-serif; background-color:#2a3a4b;}



/*---------- header ----------*/
.main{ width:98%; margin:0px 1%; float:left;}
.left{width:10%; float:left; border-left:solid 5px #13c4a5; border-right:solid 5px #13c4a5; padding:15px 0 0 0; min-height:2942px;}
.left ul{width:100%; float:left; margin:0px; padding:0px; list-style:none;}
.left ul li{ width:100%; float:left; list-style:none;}
.left ul li a{ font-size:15px; color:#FFFFFF; background-color:#48a75b; display:block; line-height:30px; text-decoration:none; padding:0 0 0 15px; font-weight:bold; margin-bottom:10px;}
.left ul li a:hover{text-decoration:underline; }
.right{width:88%; float:right; padding:10px 0 0 0}
.right1{width:37.6%; float:right;}
.digit{ width:18%; float:right; font-size:25px; color:#fff;}
.done{ width:auto; float:right;}
.btn_done{width:100px; float:left; background:#ff5f5f; border:0px; height:56px; line-height:56px; font-size:25px; color:#fff; font-weight:bold; text-align:center; cursor:pointer; margin-right:10px;}
.btn_show{float:left; background:#ff5f5f; border:0px; height:56px; line-height:56px; font-size:25px; color:#fff; font-weight:bold; text-align:center; cursor:pointer; width:150px; margin-right:5px;}

.right2{width:100%; float:left;}
.deal{width:100%; float:left;}
.deal_text{ width:140px; float:left; font-size:15px; color:#FFFFFF; font-weight:bold;}
.deal_list{ width:85%; float:left; }
.deal_butt{ width:100%; float:left; padding-bottom:10px;}
.deal_butt1{ width:79px; float:left; margin:0 10px 0 0;}
.deal_butt1 input{ width:79px; float:left; background:#fb6b5b; border:none; border-radius:5px; font-size:15px; height:28px; line-height:28px; color:#FFFFFF; font-weight:bold; cursor:pointer; }

.deal_butt2{ width:79px; float:left;  margin:0 40px 0 0;}
.deal_butt2 input{ width:79px; float:left; background:#ffc333; border:none; border-radius:5px; font-size:15px; height:28px; line-height:28px; color:#FFFFFF; font-weight:bold; cursor:pointer; }

.deal_butt3{ width:79px; float:left; margin:0 10px 0 0;}
.deal_butt3 input{ width:79px; float:left; background:#8ec165; border:none; border-radius:5px; font-size:15px; height:28px; line-height:28px; color:#FFFFFF; font-weight:bold; cursor:pointer;  }

.deal_butt4{ width:79px; float:left;  margin:0 10px 0 0;}
.deal_butt4 input{ width:79px; float:left; background:#65bd77; border:none; border-radius:5px; font-size:15px; height:28px; line-height:28px; color:#FFFFFF; font-weight:bold; cursor:pointer;  }

.deal_butt5{ width:79px; float:left; margin:0 10px 0 0;}
.deal_butt5 input{ width:79px; float:left; background:#4cc0c1; border:none; border-radius:5px; font-size:15px; height:28px; line-height:28px; color:#FFFFFF; font-weight:bold; cursor:pointer; }



.deal_text_ar{ width:100%; float:left; display:none; }
.deal_text_ar input{ width:100%; float:left; background:#fff; height:40px; border:none; font-size:16px; padding-left:5px; }

.deal_text_area{ width:100%; float:left; display:none; }
.deal_text_area textarea{ width:100%; float:left; background:#fff; border:none; font-size:18px;  padding:0 0 0 5px; }


.deal2{width:100%; float:left; padding-top:20px;}

.dle{float:left; font-size:16px; color:#3DCEB4; margin-bottom:10px; font-weight:bold; text-align: center; width: 100%;}

@media screen and (min-width:1025px) and (max-width:1100px) {
.main{ width:98%; margin:0px 1%; float:left;}	
.right1{width:100%;}
.done {width: auto;}
.deal_text {width: 118px;}
.left{width:11%;}	
}

@media screen and (min-width:981px) and (max-width:1024px) {
.main{ width:98%; margin:0px 1%; float:left;}	
.right1{width:100%;}
.done {width: auto;}
.deal_text {width: 118px;}
.left{width:11%;}	
.right {width: 87%;}	

}

@media screen and (min-width:961px) and (max-width:980px) {
.main{ width:98%; margin:0px 1%; float:left;}	
.right1{width:100%;}
.done {width: auto;}
.deal_text {width: 118px;}
.left{width:12%;}	
.right {width:86%;}	
	
}

@media screen and (min-width:901px) and (max-width:960px) {
.main{ width:98%; margin:0px 1%; float:left;}	
.right1{width:100%;}
.done {width: auto;}
.deal_text {width: 112px;}
.left{width:12%;}	
.right {width:86%;}	
	
}

@media screen and (min-width:801px) and (max-width:900px) {
.main{ width:98%; margin:0px 1%; float:left;}	
.right1{width:100%;}
.done {width: auto;}
.deal_text {width: 112px;}
.left{width:16%;}	
.right {width:81%;}	
	

}

@media screen and (min-width:769px) and (max-width:800px) {
.main{ width:98%; margin:0px 1%;}	
.right1{width:100%;}
.done {width: auto;}
.deal_text {width: 112px;}
.left{width:16%;}	
.right {width:81%;}	

}

@media screen and (min-width:761px) and (max-width:768px){
.main{ width:98%; margin:0px 1%;}	
.right1{width:100%;}
.done {width: auto;}
.deal_text {width: 112px;}
.left{width:16%;}	
.right {width:81%;}	

	
}

@media screen and (min-width: 641px) and (max-width: 760px) {
.main{ width:98%; margin:0px 1%;}	
.right1{width:100%;}
.done {width: auto;}
.deal_text {width: 112px;}
.left{width:19%;}	
.right {width:78%;}	
.deal_list {width: 98%;}



}

@media screen and (min-width:601px) and (max-width:640px) {
.main{ width:98%; margin:0px 1%;}	
.right1{width:100%;}
.done {width: auto;}
.deal_text {width: 112px;}
.left{width:19%;}	
.right {width:78%;}	
.deal_list {width: 98%;}
.deal_butt2 {margin: 0 9px 0 0;}	
	
}

@media screen and (min-width:501px) and (max-width:600px) {
.main{ width:98%; margin:0px 1%;}	
.right1{width:100%;}
.done {width: auto;}
.deal_text {width: 112px;}
.left{width:24%;}	
.right {width:73%;}	
.deal_list {width: 98%;}
.deal_butt2 {margin: 0 9px 0 0;}	
.deal_butt4, .deal_butt5 {margin:0 10px 0 0;}
.deal_text_area textarea{height:200px;}
.deal_butt1 input, .deal_butt2 input, .deal_butt3 input, .deal_butt4 input, .deal_butt5 input{width:65px;}
.deal_butt1, .deal_butt2, .deal_butt3, .deal_butt4, .deal_butt5{width:65px; margin: 0 5px 0 0;}	
	
	
}


@media screen and (min-width:481px) and (max-width:500px) {
.main{ width:98%; margin:0px 1%;}	
.right1{width:100%;}
.done {width: auto;}
.deal_text {width: 112px;}
.left{width:24%;}	
.right {width:73%;}	
.deal_list {width: 98%;}
.deal_butt2 {margin: 0 9px 0 0;}	
.deal_butt4, .deal_butt5 {margin:10px 10px 0 0;}
.deal_text_area textarea{height:200px;}
	
	
	
}

@media screen and (min-width:361px) and (max-width:480px) {
.main{ width:98%; margin:0px 1%;}	
.right1{width:100%;}
.done {width: auto;}
.deal_text {width: 112px;}
.left{width:100%; border-bottom: 5px solid #13C4A5; border-top: 5px solid #13C4A5; float: left; padding:15px 0 0; border-left:0; border-right:0; min-height:0px;} 	
.right {width:100%;}	
.deal_list {width: 98%;}
.deal_butt2 {margin: 0 9px 0 0;}	
.deal_butt4, .deal_butt5 {margin:0px 10px 0 0;}
.deal_text_area textarea{height:200px;}
.deal_butt1 input, .deal_butt2 input, .deal_butt3 input, .deal_butt4 input{width:65px;}
.deal_butt5 input{width:80px;}
.deal_butt1, .deal_butt2, .deal_butt3, .deal_butt4{width:65px; margin: 0 5px 0 0;}	
.deal_butt5{width:80px; margin: 0 5px 0 0;}	
}

@media screen and (min-width:321px) and (max-width:360px){
.main{ width:98%; margin:0px 1%;}	
.right1{width:100%;}
.done {width: auto;}
.deal_text {width: 112px;}
.left{width:100%; border-bottom: 5px solid #13C4A5; border-top: 5px solid #13C4A5; float: left; padding:15px 0 0; border-left:0; border-right:0; min-height:0px;} 	
.right {width:100%;}	
.deal_list {width: 98%;}
.deal_butt2 {margin:0 9px 0 0;}	
.deal_butt4, .deal_butt5 {margin:10px 10px 0 0;}
.deal_text_area textarea{height:200px;}
	
}

@media screen and (max-width:320px){
.main{ width:98%; margin:0px 1%;}	
.right1{width:100%;}

.right1 {margin: 0 0; width:100%; text-align:center;}
.done {width: auto;}
.deal_text {width: 112px;}
.left{width:100%; border-bottom: 5px solid #13C4A5; border-top: 5px solid #13C4A5; float: left; padding:15px 0 0; border-left:0; border-right:0; min-height:0px;} 	
.right {width:100%;}	
.deal_list {width: 98%;}
.deal_butt2 {margin:0 9px 0 0;}	
.deal_butt4, .deal_butt5 {margin:10px 10px 0 0;}
.deal_text_area textarea{height:200px;}
}