@charset "utf-8";
body, div, ul, ol, li, h1, h2, h3, p, img{margin:0; padding:0;}
q:before, q:after{content:"";}
.err-msg{color:#c00; background:#fccaca; font-size:13px; padding:3px 5px; padding:5px 5px 0 \9; border:1px dotted #e50101; display:inline-block;}
img{vertical-align:top;}
table{float:left;}
body{background-color:#b9dcff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left; margin:0 auto;}
.back{width:950px; display:table; margin:0 auto;padding:0;}
.left{width:290px; background-color:#fff; float:left; padding-bottom:15px;}
.left-mid{width:257px; background-image:url(pic/k2.jpg); margin:0 0 0 19px; padding:0;}
.left .left-mid p{width:92%; color:#7f714d; line-height:19px; padding-bottom:10px; margin:0 0 0 10px;}
.left-mid img.left{float:left; display:table; border:3px solid #fff; margin:0 10px 5px 0;}
.right{background:#fff; width:644px; float:right; margin:0; padding:0;}
.right ul{width:99%; list-style-type:none;}
.right ul li{width:98%; font-size:15px; line-height:18px; display:block; border-bottom:1px dotted #978766; margin:6px 0 8px 10px;}
.right ul li a:link, .right ul li a:active, .right ul li a:visited{text-decoration:none; color:#474747; float:left;}
.right ul li a:hover{color:#f35600; text-decoration:none;}
.right ul li p{width:99%; font-size:13px; line-height:18px;color:#9b9b9b; clear:both; background-image:url(pic/icon.jpg);background-repeat:no-repeat;background-position:center left; padding:0 0 0 20px;}
.right ul li p.sale{width:92%;font-size:13px; line-height:18px; color:#9b9b9b; clear:both; background-image:url(pic/sale.gif);background-repeat:no-repeat; background-position:center left;padding:0 0 0 25px;}
.right div.title img{margin:16px 0 5px 12px; padding:0;}
.cost{width:20%; font-size:15px; font-weight:normal; color:#ff3600; float:right;}



/* 2015OCT NEW STYLE */
.back{position:relative;}
.check-odr{position:absolute; margin:5px 0 0 855px;}
#check-odr-btn{color:#06c; padding:.5em; line-height:1.1; text-decoration:none; text-align:center; display:inline-block; border-radius:2px; border:1px solid #eee; box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,.1);
background:#fff;
background:linear-gradient(to bottom, rgba(255,255,255,1) 60%,rgba(220,220,220,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0);
}
#check-odr-btn:hover{text-decoration:none; position:relative; top:1px; box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 1px 1px rgba(0,0,0,.3);
background:#eee;
background:linear-gradient(to bottom, rgba(220,220,220,1) 0%,rgba(255,255,255,1) 20%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#ffffff',GradientType=0);
}

.dia{padding:0 0 1em;}
.dia dl{font-size:15px; margin:0; padding:0;}
.dia dl q{margin:4px;}
.dia dt, .dia dd{margin:0; padding:.3em; display:inline-block; vertical-align:middle;}
.dia dt{text-align:right; font-weight:bold; width:9em; color:#555;}
.dia dd input[type="text"]{padding:8px 10px; border:1px solid #eee; border-color:#777 #aaa #aaa #777; min-width:200px; background:#fff url(/st_ec/img/input-bg.jpg) repeat-x 0 -2px;}
.dia dd input[type="text"].it-2{padding:7px 9px; border:2px solid #298fca;}
.dia dd input[type="text"].scode{min-width:initial; width:50px; margin:2px 0 0 3px; text-align:center;}
.dia dd input[type="text"].scode + a{text-decoration:none; color:#06c; display:inline-block; vertical-align:middle; margin:0 0 0 5px;}
.dia dd input[type="text"].scode + a:hover{text-decoration:underline;}

.ui-dialog .ui-dialog-title{font-size:15px;}
.btn-mp, input[type="submit"].btn-mp, input[type="button"].btn-mp{
font-family:"微軟正黑體", "新細明體", Arial, sans-serif;  font-size:16px; color:#fff; cursor:pointer;
box-sizing:border-box; width:96px; height:36px; text-align:center; padding:4px 0 8px;
border-radius:1px; border:0; border-top:1px #00cce7 solid; border-left:1px #0299d9 solid; 
text-shadow:0 2px 2px 0 rgba(160,160,160,.35);
background:#02aced;
background:-webkit-linear-gradient(top, #02aced 0%,#029fe8 50%,#0297dd 51%,#0288d3 100%);
background:linear-gradient(to bottom, #02aced 0%,#029fe8 50%,#0297dd 51%,#0288d3 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#02aced', endColorstr='#0288d3',GradientType=0);
}
.btn-mp:hover, input[type="submit"].btn-mp:hover, input[type="button"].btn-mp:hover{
background:#0282d1;
background:-webkit-linear-gradient(top, #0282d1 0%,#02a0dc 52%,#02a0dc 100%);
background:linear-gradient(to bottom, #0282d1 0%,#02a0dc 52%,#02a0dc 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0282d1', endColorstr='#02a0dc',GradientType=0);
}