.box-row .box-form {
        padding: 20px;
	}
		.box-row .box-form form {
		    width: 80%;
		    margin: auto;
		}
			.box-form .form-grup {
			    padding: 10px 0px;
			}
			.box-form .form-grup.box {
			    display: table;
			    width: 100%;
			}
				.box-form .W50 {
				    display: table;
				    width: 100%;
				}
				
				.box-form .W50 .form-grup {
				    width: 50%;
				    float: left;
				}
					.box-form .form-grup label {
					    color: #0e3c5d;
				        width: 100px;
				        display: block;
					    float: left;
				        height: 33px;
					    line-height: 33px;
					}
					.box-form .form-grup .select {
					    width: calc(100% - 100px);
					    border: 1px solid #d7d7d7;
					}
					.box-form .form-grup input[type="text"] ,
					.box-form .form-grup input[type="date"] {
					    width: calc(100% - 100px);
					    top: 0px;
					    left: 0px;
					    background-color: #fefefe;
					    border: 1px solid #d7d7d7;
					    height: 33px;
					    color: #a9a9a9;
				        padding: 10px;
			            font-size: 16px;
					    font-family: Pridi,serif;
					}
					.box-form .form-grup input[type="submit"] {
					    background-color: #252525;
					    padding: 5px 10px;
					    color: #ffffff;
					    font-size: 1em;
					    font-family: Pridi,serif;
					    text-align: center;
					    border: 0;
					    width: 250px;
					    margin: auto;
					    display: block;
				        border-radius: 4px;
				        cursor: pointer;
					    transition: .3s;
					}
					.box-form .form-grup input[type="submit"]:hover {
					    background-color: #4596c8;
					}
						.box-form .form-grup.box > div {
						    float: left;
						}
							.box-form .form-grup.box input[type="checkbox"] {
							    width: 25px !important;
						        margin: 0px;
						        margin-top: 11px;
							    float: left;
							}
							.box-form .form-grup.box input+label {
							    float: none;
							    margin-right: 33px;
							    color: #6d6d6d;
							    float: left;
							}
				
.box-body {
    margin-top: 30px;
}
	.box-body h4 {
	    font-weight: 400;
	    color: #3a3a3a;
	    margin-left: 20px;
	}
	.box-body .box-list {
		
	}
		.box-body .box-list .B-list {
			
		}
			.box-body .box-list .B-list .box-tab {
				color: #7d7d7d;
			    padding: 5px 15px;
			    position: relative;
			    background: #f7f7f7;
		        cursor: default;
			    border-top: 1px solid #ffffff;
			    border-bottom: 1px solid #e9e9e9;
			}
			.box-body .box-list .B-list .box-tab.Have {
			    padding: 7px 40px 7px 15px;
		        cursor: pointer;
			}
			.box-body .box-list .B-list .box-tab.opan {
				color: #ffffff;
			}
			.box-body .box-list .B-list .box-tab.opan + .box-ul {
			    display: block;
			}
			.box-body .box-list .B-list .box-tab + .box-ul {
			    display: none;
			}
				.box-body .box-list .B-list .box-tab.Have::after {
					content: "";
				    position: absolute;
				    right: 0px;
				    top: 0px;
				    width: 40px;
				    height: 39px;
				    background: url(../images/I-cnf2.png) center no-repeat;
				    transform: rotate(0deg);
				    transition: .5s;
				}
				.box-body .box-list .B-list .box-tab.opan::after {
					background: url(../images/I-cnf2-h.png) center no-repeat;
				    transform: rotate(180deg);
				}
				.box-body .box-list .B-list .box-tab span {
					float: right;
					border-right: 0px;
				    padding-right: 0px;
				}
				.box-body .box-list .B-list .box-tab.Have span {
					border-right: 1px solid #dedede;
				    padding-right: 20px;
				}
				.box-body .box-list .B-list .box-tab.opan span {
					border-right: 1px solid rgba(255, 255, 255, 0.61);
				}
				
			.box-body .box-list .B-list .box-ul {
			}
				.box-body .box-list .B-list .box-li {
				    color: #0e3c5d;
			        border-bottom: 1px solid #e9e9e9;
		            display: table;
				    width: 100%;
			        transition: .5s;
				}
				.box-body .box-list .B-list .box-li:hover {
				    background: #f7f7f7;
				}
					.box-body .box-list .B-list .box-li a {
					    padding: 15px 60px 15px 15px;
					    display: block;
					    color: #0e3c5d;
					}
						.box-body .box-list .B-list .box-li .b-img {
						    float: left;
						    height: 200px;
						    width: 200px;
						    margin: -10px;
						    margin-right: 20px;
						    margin-bottom: 4px;
					        background-position: center;
						    background-size: contain;
					        background-repeat: no-repeat;
						}
						.box-body .box-list .B-list .box-li .box-day {
							font-size: 0.9em;
						    color: #959595;
						    margin-top: 10px;
						}
							.box-body .box-list .B-list .box-li .box-day .Audience {
							    float: right;
							}
							.box-body .box-list .B-list .box-li .box-day .Audience::before {
							    content: "ผู้เข้าชม : ";
							}
							.box-body .box-list .B-list .box-li .box-day .Audience-en::before {
							    content: "Viewer : ";
							}

/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {


}


/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {

	.box-head .box-link {
	    padding-right: 20px;
	}
	.box-body .form-grup select ,
	.box-body .form-grup input ,
	.box-body .form-grup textarea ,
	.box-body .form-grup date {
	    width: 100% !important;
	}
	.box-form .W50 .form-grup {
		width: 100%;
	    padding-left: 0px !important;
	    padding-right: 0px !important;
	}
	.box-body h4 {
	    margin-left: 0px;
	}
	.box-form .form-grup input[type="text"], .box-form .form-grup input[type="date"] {
	    width: 100%;
    }
    .box-form .form-grup .select {
	    width: 100%;
    }
    .box-row .box-form form {
	    width: 100%;
    }
    .box-form .form-grup.box input+label {
	    margin-right: 0px;
    }
    .box-body .box-list .B-list .box-li .box-day .Audience {
	    float: none;
	}
}