@charset "utf-8";
#main-contents .span12 h2 {
  font-size: 13px;
  border-bottom: 2px dotted #ddd;
  padding: 5px;
  margin: 5px;
  color: #333;
}
#main-contents .span12 strong {
  color: red;
}
#main-contents span.price {
  font-size: 18px;
  color: #CC3300;
}
#main-contents .item {
  width: 300px;
  float: left;
  text-align: center;
  margin-bottom: 15px;
}
#main-contents .text {
  padding: 10px;
  font-size: 12px;
}
#main-contents .itemtext {
  font-weight: bold;
}
#main-contents .cl {
  clear: left;
}
#main-contents .itempic img {
  border: solid 2px #306678;
}
#main-contents .selectTable {
  border-collapse: collapse;
  margin: 0px 10px 0px 10px;
  width: 580px;
}
#main-contents .selectTable td {
  width: 20%;
  padding: 5px;
  border: solid 1px #fff;
  background-color: maroon;
  color: #fff;
  text-align: center;
}
#main-contents .img {
  float: left;
  width: 200px;
}
#main-contents .span12 ul {
  width: 360px;
  margin: 10px 10px 10px 30px;
  font-size: 12px;
  float: left;
}
#main-contents .upOption {
  color: blue;
}
#main-contents #top-img {
  margin-bottom: 0;
}
#main-contents div.message {
  box-sizing: border-box;
  background-color: #fefefe;
  color: #262938;
  padding: 15px;
  width: 100%;
  margin-top: 0;
  border: solid 4px #ce3a2c;
}
#main-contents .span12 h2 {
  background-color: #ce3a2c;
  color: #fff;
  font-size: 14px;
  padding: 20px 0 15px;
  text-align: center;
  text-shadow: 1px 1px 3px #72221b;
  line-height: 1.6;
  border-top: solid #333 5px;
  border-bottom: solid #333 5px;
}
@media only screen and (min-width: 415px) {
  #main-contents .span12 h2 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 481px) {
  #main-contents .span12 h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) {
  #main-contents .span12 h2 {
    font-size: 28px;
  }
}
#main-contents .span12 h2.long {
  font-size: 12px;
}
@media only screen and (min-width: 415px) {
  #main-contents .span12 h2.long {
    font-size: 16px;
  }
}
@media only screen and (min-width: 481px) {
  #main-contents .span12 h2.long {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) {
  #main-contents .span12 h2.long {
    font-size: 22px;
  }
}
#main-contents i.fa {
  text-align: center;
}
#main-contents .span5 img,
#main-contents .span7 img,
#main-contents .span12 img {
  width: 100%;
}
#main-contents .arrow {
  color: #ce3a2c;
  font-size: 50px;
  text-align: center;
  padding: 0 0 15px;
}
#main-contents div#ps134box {
  color: #333;
}
#main-contents dl#price-list {
  width: 100%;
  margin: 0;
  padding: 5px 15px;
  background: maroon;
  color: white;
  text-shadow: 1px 1px 3px #72221b;
  line-height: 25px;
  box-sizing: border-box;
}
#main-contents dl#price-list dt {
  width: 100%;
  color: #F2E5C6;
  padding: 2px 0 2px 5px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1130px) {
  #main-contents dl#price-list dt {
    float: left;
    border-bottom: 1px dotted orange;
    width: 50%;
  }
}
#main-contents dl#price-list dt.lust {
  border: 0;
}
#main-contents dl#price-list dd {
  width: 100%;
  text-align: right;
  padding: 2px 5px 2px 0;
  border-bottom: 1px dotted orange;
  box-sizing: border-box;
}
@media only screen and (min-width: 1130px) {
  #main-contents dl#price-list dd {
    float: left;
    width: 50%;
  }
}
#main-contents dl#price-list dd i {
  color: #F89949;
}
#main-contents dl#price-list dd.lust {
  border: 0;
}
#main-contents .span12 {
  width: 100%;
}
#main-contents .span11 {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  #main-contents .span11 {
    width: 91.6666%;
    float: left;
  }
}
#main-contents .span10 {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  #main-contents .span10 {
    width: 83.3333%;
    float: left;
  }
}
#main-contents .span9 {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  #main-contents .span9 {
    width: 75%;
    float: left;
  }
}
#main-contents .span8 {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  #main-contents .span8 {
    width: 66.6666%;
    float: left;
  }
}
#main-contents .span7 {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  #main-contents .span7 {
    width: 58.3333%;
    float: left;
  }
}
#main-contents .span6 {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  #main-contents .span6 {
    width: 50%;
    float: left;
  }
}
#main-contents .span5 {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  #main-contents .span5 {
    width: 41.6666%;
    float: left;
  }
}
#main-contents .span4 {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  #main-contents .span4 {
    width: 33.3333%;
    float: left;
  }
}
#main-contents .span3 {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  #main-contents .span3 {
    width: 25%;
    float: left;
  }
}
#main-contents .span2 {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  #main-contents .span2 {
    width: 16.6666%;
    float: left;
  }
}
#main-contents .span1 {
  width: 100%;
}
@media only screen and (min-width: 481px) {
  #main-contents .span1 {
    width: 8.3333%;
    float: left;
  }
}
@media only screen and (min-width: 481px) {
  #main-contents .right {
    padding-left: 10px;
    box-sizing: border-box;
  }
}