/* --手機版型------------------------------------- */

@media screen and (max-width: 736px) {
	
html {
	width:100%;
	font-family:Verdana, Geneva, sans-serif, "微軟正黑體";
    line-height: 1.5;
	font-size:13px;
	letter-spacing:3px;
	margin: 0 auto;
   }

body {
   background:#DDD;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; 
  margin:0;padding:0;}
  
  
  
/*header*/
header {
	width:100%;
	height:auto;
	overflow:hidden;
	margin: 0 auto ;
	}
header img {
	width:100%;
	height:auto;
	margin:0 auto;
	}	

#top{
	width:100%;
	height:auto;
	margin:0 auto;
	background-color:#727171;
	}	
#top img {
	width:40%;
	height:auto;
	margin:0 auto;
	}	

footer {
	width:100%;
	text-align:center;
	height:auto;
	overflow:hidden;
	margin: 0 auto ;
	}

	
	
#borderDemo {
	width:94%;
	height:auto;
	overflow:hidden;
	background-color:rgba(255,255,255,0.5);
	border-color:#FFF;
	border-width: 5px;
	border-style: solid;
	padding:10px;
	margin: 0 auto;
}
h1{
	font-size:30px;
	color:#B10600;
	}
h2{
	color:#696122;
	}
p{
	font-size:15px;
	line-height:1.5;
	}
.font-{
  float:none;
  width:auto;
  text-align:left;
  padding-top:0px;
	font-weight:bold;
	}
	
form{
	font-size:16px;
    color: #111;
	}
#borderDemo div{
  display: block;
  height:auto;
  overflow:hidden;
  margin-top:5px;
  margin-bottom:5px;
	}	
span {
  float:left;
  width:20%;
  text-align:center;
  padding-top:5px;
    }
   input[type="email"]{
  color: #555;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
    height: 25px;
    }
   input[type="radio"]{
  color: #555;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
    height: 15px;
    }

    .col_1 {
      line-height: 1.5;
  color: #555;
    width: 20%;
    padding: 3px 0px 3px 1px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
    height: 25px;
    }
	    .col_3 {
      line-height: 1.5;
  color: #555;
    width:20%;
    padding: 3px 0px 3px 1px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
    height: 25px;
    }

select{
 	 color: #555;
    width: 20%;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
	padding:6px;
    }
input[type="radio"]{
    width: 30px;
	margin-top:10px;
	margin-bottom:10px;
    }	
 .col_2{
      line-height: 1.5;
  color: #555;
    width: 240px;
    padding:3px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
    height: 25px;
    }  
 .col_add{
      line-height: 1.5;
  color: #555;
    width: 240px;
    padding:3px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
    height: 25px;
 	margin-left:10px;
   }  	
	
	
	
	
.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #a12727;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 18px verdana;
    color: #ffffff;
    text-decoration: none;
	letter-spacing: 3px;　
	margin:0 auto ;
	margin-left:100px;
}
.button:hover,
.button:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
}
	
	
	
}