.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 201; display: none; top: 0; left: 0; }
	
.reveal-modal { visibility: hidden; top:20px; left:50%; margin-left: -47.5%; width: 95%; background: #eee; position: absolute; z-index: 202; padding: 20px 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); }
		
.reveal-modal.small{width:200px; margin-left: -140px;}
.reveal-modal.medium{width:400px; margin-left: -240px;}
.reveal-modal.large{width:600px; margin-left: -340px;}
.reveal-modal.xlarge{width:800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal { font-size: 60px; line-height: .4; position: absolute; top: 1px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; }

.reveal-modal h1 { background-color:#c3ebff; text-align:center; font-size:24px; line-height:1.5em;}
.reveal-modal h2 { text-align:center; font-size:32px; line-height:1.5em;}
.reveal-modal p { font-size:18px; line-height:1.6em;}

.reveal-modal_details {}
.reveal-modal_details ul { margin:0; padding:0;}
.reveal-modal_details li { float:left; list-style-type:none; font-size:20px; width:50%; line-height:2em;}

.reveal-modal_personalinformation {}
.reveal-modal_personalinformation ul { margin:0; padding:0;}
.reveal-modal_personalinformation li { list-style-type:none; font-size:18px; line-height:1.6em;}
.personalinformation1 {}
.personalinformation1 input { font-size:18px; font-family: 微軟正黑體 Light, Arial, Helvetica, sans-serif; width:100%; height:40px;}
.personalinformation1 select { font-size:18px; line-height:1.6em; font-family: 微軟正黑體 Light, Arial, Helvetica, sans-serif; width:100%; height:40px;}
.personalinformation2 { width:50%;}
.personalinformation2 input { font-size:20px; font-family: 微軟正黑體 Light, Arial, Helvetica, sans-serif; width:50%; height:40px;}
.personalinformation3 {}
.personalinformation3 input { font-size:20px; font-family: 微軟正黑體 Light, Arial, Helvetica, sans-serif; width:50%; height:40px;}
.personalinformation4 {}
.personalinformation4 textarea { font-size:20px; font-family: 微軟正黑體 Light, Arial, Helvetica, sans-serif; width:50%; height:150px;}

.reveal-modal_button {}
.reveal-modal_button ul { margin:0; padding:0;}
.reveal-modal_button li { float:left; list-style-type:none; text-align:center; line-height:2.2em;}
.reveal-modal_button1 { background-color:#1e55c8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#FFF; font-size:20px; width:100%; height:45px; margin:20px 0 0 0;}
.reveal-modal_button2 { background-color:#7850f0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#FFF; font-size:20px; width:49%; height:45px; margin:20px 2% 20px 0;}
.reveal-modal_button3 { background-color:#ff9b14; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#FFF; font-size:20px; width:49%; height:45px; margin:20px 0 20px 0;}



/*@media (max-width: 1200px) {
.reveal-modal { margin-left:-450px; width:900px;}
.personalinformation1 input { width:390px;}
.personalinformation2 input { width:390px;}
.personalinformation3 input { width:800px;}
.personalinformation4 textarea { width:800px; height:150px;}
.reveal-modal_button ul { margin:0; padding:0 0 0 90px;}
.reveal-modal_button3 ul { margin:0; padding:0 0 0 250px;}

}


@media (max-width: 992px) {
.reveal-modal { margin-left:-340px; width:680px;}
.reveal-modal_details li { width:100%;}
.personalinformation1 { width:100%;}
.personalinformation1 input { width:600px;}
.personalinformation2 { width:100%;}
.personalinformation2 input { width:600px;}
.personalinformation3 input { width:600px;}
.personalinformation4 textarea { width:600px; height:200px;}
.reveal-modal_button ul { margin:0; padding:0 0 0 0px;}
.reveal-modal_button1 { width:280px;}
.reveal-modal_button2 { width:280px;}
.reveal-modal_button3 ul { margin:0; padding:0 0 0 140px;}

}


@media (max-width: 768px) {
.reveal-modal { margin-left: -220px; width: 440px; padding: 30px 10px 34px;}
.personalinformation1 input { width:420px;}
.personalinformation2 input { width:420px;}
.personalinformation3 input { width:420px;}
.personalinformation4 textarea { width:420px; height:250px;}
.reveal-modal_button li { margin:10px 0px;}
.reveal-modal_button1 { width:420px;}
.reveal-modal_button2 { width:420px;}
.reveal-modal_button3 ul { margin:0; padding:0 0 0 0px;}
.reveal-modal_button3 li { margin:10px 0px;}
.reveal-modal_button4 { width:420px;}

}


@media (max-width: 480px) {
.reveal-modal { margin-left: -220px; width: 440px;}
.reveal-modal_button1 { font-size:30px; height:60px;}
.reveal-modal_button2 { font-size:30px; height:60px;}
.reveal-modal_button4 { font-size:30px; height:60px;}
}*/