@charset "utf-8";
/* CSS Document */
.order_box{ margin-top:30px;margin-bottom:30px}
.order_head{ color:#fff; font-size:18px; font-weight:bold;text-align:left; padding:12px 20px 10px 20px; margin:0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0497e0+0,57c3f8+17,12a9ef+100 */
background: #0497e0; /* Old browsers */
background: -moz-linear-gradient(top, #0497e0 0%, #57c3f8 17%, #12a9ef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0497e0 0%,#57c3f8 17%,#12a9ef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0497e0 0%,#57c3f8 17%,#12a9ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0497e0', endColorstr='#12a9ef',GradientType=0 ); /* IE6-9 */}
.order_con{ background-color:#fff;border:2px solid #a2d8f7;border-top:0px;padding:5px;line-height:30px; min-height:300px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;}
.order_pad{padding:10px 25px 25px 25px;}
.remark{color:#F60; padding-bottom:5px}
.order_textarea{height:340px;border: #ccc 1px solid; font-size: 13px; background-color: #F9F9F9; color: #333333; width:99%; font-family:"新細明體"; line-height:20px;
outline: none; /* for Firefox Google Chrome  */
behavior:expression(this.onFocus=this.blur()); /* for IE */}
.order_pad2{ padding-top:20px; text-align:center}
a.order_btn{ color:#fff; padding:5px 12px; text-decoration:none; border:1px solid #ff390b;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff6a18+24,ff280b+100 */
background: #ff6a18; /* Old browsers */
background: -moz-linear-gradient(top, #ff6a18 24%, #ff280b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff6a18 24%,#ff280b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff6a18 24%,#ff280b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a18', endColorstr='#ff280b',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
a.order_btn:hover{ text-decoration:none}
.order_btn2{ color:#fff; padding:5px 12px;border:1px solid #ff390b; font-size:15px;font-family:"微軟正黑體", "新細明體";
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff6a18+24,ff280b+100 */
background: #ff6a18; /* Old browsers */
background: -moz-linear-gradient(top, #ff6a18 24%, #ff280b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff6a18 24%,#ff280b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff6a18 24%,#ff280b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a18', endColorstr='#ff280b',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.order_tb{color:#444;font-size:14px;border:1px solid #6bbfef;border-spacing:0;border-collapse:collapse}
.order_tb th{line-height:18px;padding:10px 2px;background-color:#d9f1ff;text-align:center;border:1px solid #6bbfef}
.order_tb td{line-height:21px;padding:8px 7px;background-color:#ffffff;border:1px solid #6bbfef;}
.order_tb td a{color:#0066ff; text-decoration:none;font-size:15px;}
.order_tb td a:hover{color:#fd4c2d}
.order_text1{color:#FF3300}
.order_text2{color:#0033CC}
.order_text3{color:#009966}
.order_text4{color:#990000}
.order_text5{color:#ff3366;}
.order_text6{color:#555555;}
.order_text7{color:#cc0000; font-size:18px; font-weight:bold}
.order_tb td.text6,.order_tb td.text5{padding-right:15px}
.order_box a.order_link{ color:#FF6600; text-decoration:none}
.order_box a:hover.order_link{ color:#ff0000; text-decoration:underline}
.order_box a.member_btn{ border:1px solid #059067;color:#fff; padding:4px 20px; text-decoration:none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8ecf5+2,19bad7+5,19bad7+94,0389a6+100 */
background: #b8ecf5; /* Old browsers */
background: -moz-linear-gradient(top, #b8f5e4 2%, #12c3b0 5%, #12c3b0 94%, #059067 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b8f5e4 2%,#12c3b0 5%,#12c3b0 94%,#059067 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b8f5e4 2%,#12c3b0 5%,#12c3b0 94%,#059067 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12c3b0', endColorstr='#059067',GradientType=0 ); /* IE6-9 */	
}
.order_title{color:#0033CC; font-size:18px; font-weight:bold}
.order_pad li{ padding:7px 0px;line-height:30px}
.order_input{padding:3px}
.order_tb2{color:#444;font-size:14px;border:1px solid #c2c2c2;border-spacing:0;border-collapse:collapse}
.order_tb2 th{line-height:18px;padding:10px 2px;background-color:#eeeeee;text-align:center;border:1px solid #c2c2c2}
.order_tb2 td{line-height:21px;padding:8px 7px;background-color:#ffffff;border:1px solid #c2c2c2;}
.order_tb2 td a{color:#0066ff; text-decoration:none;font-size:15px;}
.order_tb2 td a:hover{color:#fd4c2d}


@media screen and (max-width:480px){
.order_pad{padding:10px 15px 25px 15px;}
}