.btn1, .btn2, .btn3 ,.btn4{
 border-radius: 10px;
 width: 200px;
 height: 100px;
 display: inline-block;
 padding: 0;
 margin: 0 10px;
}

.btn1 {
 background: url('/Content/Images/t1.png') no-repeat;
}

.btn2 {
 background: url('/Content/Images/t2.png') no-repeat;
}

.btn3 {
 background: url('/Content/Images/t3.png') no-repeat;
}

.btn4 {
 background: url('/Content/Images/t4.png') no-repeat;
}

@media (min-width:1200px) {
 body {
  padding-top: 50px;
  padding-bottom: 0px;
 }
}


/* Set padding to keep content from hitting the edges */
.body-content {
 padding-left: 15px;
 padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
 white-space: normal;
}
/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/
.bread {
 padding: 15px 15px;
 margin-bottom: 20px;
 list-style: none;
 border-radius: 3px;
}

.yuan1 {
 display: inline-block;
 border: 6px solid #CCC;
 border-radius: 50%;
}

.yuan {
 /* width: 25px; */
 /* height: 30px; */
 border-radius: 50%;
 position: relative;
 display: inline-block;
 background-color: #CCC;
 padding: 12px 18px;
 /* line-height: -21px; */
 color: white;
}


/*.bread li + li:before {
        color: #cccccc;
        content: ">";
        padding: 0 5px;
    }*/
.bread li {
 display: inline;
}

.dh-active {
 background-color: #2577E3;
 border-color: #2577E3;
}

textarea {
 width: 100%;
}

validation-summary-errors li {
 color: red;
}

.file-prew {
 width: 100%;
 height: 30px;
 cursor: pointer;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
 filter: alpha(opacity=0);
}