/**************jech***************/
@font-face {
    font-family: 'HelveticaNeue Bold Cond';
    src: url('helveticaneue-boldcond-webfont.eot');
    src: url('helveticaneue-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue-boldcond-webfont.woff') format('woff'),
         url('helveticaneue-boldcond-webfont.ttf') format('truetype'),
         url('helveticaneue-boldcond-webfont.svg#helveticaneue-boldcond-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue Bold';
    src: url('helveticaneue-bold-webfont.eot');
    src: url('helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue-bold-webfont.woff') format('woff'),
         url('helveticaneue-bold-webfont.ttf') format('truetype'),
         url('helveticaneue-bold-webfont.svg#helveticaneue-bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue';
    src: url('helveticaneue-roman-webfont.eot');
    src: url('helveticaneue-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue-roman-webfont.woff') format('woff'),
         url('helveticaneue-roman-webfont.ttf') format('truetype'),
         url('helveticaneue-roman-webfont.svg#helveticaneue-roman-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*anchor*/
a{
  color: #444;
  transition:all 0.25s ease-in-out 0s;
  -moz-transition:all 0.25s ease-in-out 0s; /* Firefox 4 */
  -webkit-transition:all 0.25s ease-in-out 0s; /* Safari and Chrome */
  -o-transition:all 0.25s ease-in-out 0s; /* Opera */
}
a:hover{
  text-shadow: 0 1px 0 #fff
}
a:focus{
  text-decoration: underline
}
/*input text*/
input[type="text"],textarea{
  border: 1px solid #ccc;
  transition:all .5s ease-in-out 0s;
  -moz-transition:all .5s ease-in-out 0s; /* Firefox 4 */
  -webkit-transition:all .5s ease-in-out 0s; /* Safari and Chrome */
  -o-transition:all .5s ease-in-out 0s; /* Opera */
}
input[type="text"]:focus,textarea:focus{
  border: 1px solid #388BA6;
  -moz-box-shadow:0 2px 1px rgba(0, 0, 0, 0.32) inset;
  -webkit-box-shadow:0 2px 1px rgba(0, 0, 0, 0.32) inset;
  box-shadow:0 2px 1px rgba(0, 0, 0, 0.32) inset
}
input[type="text"]:hover,textarea:hover{
  border: 1px solid #81FDFF;
  -moz-box-shadow:0 0 5px 1px #CCCCCC;
  -webkit-box-shadow:0 0 5px 1px #CCCCCC;
  box-shadow:0 0 5px 1px #CCCCCC
}
/*input submit,button*/
input[type="submit"]:hover,input[type="button"]:hover{
  opacity: 1
}
input[type="submit"],input[type="button"]{
  border: 1px solid #CCCCCC;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  font-family: Verdana;
  font-weight: 800;
  opacity: 0.6;
  padding: 6px 7px;
  text-shadow: 0 1px 0 #FFF;
  -moz-transition:all .5s ease-in-out 0s; /* Firefox 4 */
  -webkit-transition:all .5s ease-in-out 0s; /* Safari and Chrome */
  -o-transition:all .5s ease-in-out 0s; /* Opera */
}
/*select option*/
select{
  border: 1px solid #CCCCCC;
  font-weight: bold;
  padding: 4px
}

/*responsive*/

/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 991px) {}
	
	/* Mobile/Browser */
	@media only screen and (max-width: 767px) {}
	
	/* Mobile Landscape/Browser */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}
	
	/* Anything smaller than standard 960 */
	@media only screen and (max-width: 959px) {}
	
	/* iPad Portrait Only */
	@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {}
	
	/* Mobile Only */
	@media only screen and (max-width: 767px) and (max-device-width: 1000px) {}
	
	/* Mobile Landscape Only */
	@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {}

@media only screen and (min-width: 768px) and (max-width: 959px){
  #responsive span{
    color: red
  }
}