@charset "utf-8";
/* =============================================================================
   BASIC
   ========================================================================== */
html, body { height: 100%; }
body { color:#333; font:62.5% / 1.6em "微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; -webkit-text-size-adjust: none; background: #FFF; }
body, th, td, input { font-family:"微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
input, textarea, keygen, select, button, isindex, meter, progress {-webkit-writing-mode: horizontal-tb;}

a, li { text-decoration: none; }
a:link, a:visited { cursor: pointer; }
h1 { font-size:2.4em; line-height:1em; font-weight: normal;  margin:30px 0 10px;}
h2 { font-size: 2.0em; line-height: 1.2em; font-weight: normal;  margin:20px 0; }
h3 { font-size: 2.0em; line-height: 1.2em; font-weight: normal;  padding:10px; margin:0 0 0 2px; font-family:Georgia, "Times New Roman", Times, serif;}
h4 { font-size: 1.5em; line-height: 1.2em; font-weight: normal; }
h5 { font-size: 1.4em; line-height: 1.2em; font-weight: normal; }
h6 { font-size: 1.3em; line-height: 1.2em; font-weight: normal; }
p{ font-size:1.4em; line-height:1.6em; margin-bottom:10px;}


#order_box{ padding:10px; width:494px; height:600px; overflow:hidden; margin:auto;}
#order_box dl{ display:block; width:492px; overflow: auto; font-size:14px; line-height:16px; padding:3px 0;}
#order_box dt{ float:left; width:100px; margin:0 10px 0 0;  text-align:right; line-height:30px;}
#order_box dd{ float:right; width:372px;  line-height:30px; font-size:15px;}
#order_box dd p{line-height:20px; font-size:14px;}
#order_box .t1{ width:350px; height:30px; background:#f2f2f2; border:0px none; color:#000; padding:0 10px; line-height:30px;}
#order_box .t2{ width:350px; height:120px; background:#f2f2f2; border:0px none; color:#000; line-height:20px; padding:10px;}
#order_box .t3{ width:300px; height:30px; background:#f2f2f2; border:0px none; color:#000; padding:0 10px; line-height:30px;}
#order_box h5 { color:#FFC; line-height:1.4em;}
.send_bar{ text-align:right;  display:block; width:482px; overflow: auto; font-size:14px; line-height:16px; padding:3px 0;}



/*STYLE*/
.sty_btn_send, .sty_btn_send:visited { display: inline-block; border: none; padding: 0 32px; line-height: 26px !important; font-size: 13px; background: #666; color: #fff; position: relative\0/; z-index: 1\0/; *position: relative; *z-index: 1; *height: 26px; cursor: pointer; 
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.sty_btn_send:hover, .sty_btn_send:active { background: #900; color: #fff; text-decoration: none; }
input:-moz-placeholder { color: #900; }
::-webkit-input-placeholder { color:#900; }


p#vtip {position: absolute; padding: 10px; left: 5px; font-size: 15px; background-color:#900; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; color:#FFF;}
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
.input_validation-failed { border: 1px solid #FF0000 !important; color:red !important; background:#FFF !important;}