.page-header{background:#FFF;}
.order-form *{box-sizing:content-box;}
.banner{padding-bottom:10px;}
.hide{display:none;}
#scroller { height:auto; float:left; padding:0; }
#scroller ul { list-style:none; display:block; float:left; width:100%; height:auto; padding:0; margin:0; text-align:left; }
#scroller li { display:block; float:left; width:auto; height:auto; text-align:center; font-size:0px; padding:0; position:relative; }
#scroller li a { display:block; padding:0; margin:0; }
#scroller li p { position:absolute; z-index:2; display:block; width:100%; bottom:0; background-color:rgba(0, 0, 0, 0.5); color:#F4F4F4; font-size:14px; text-indent: 55px; line-height:24px; text-align: left; text-indent: 10px; text-overflow: ellipsis; white-space: nowrap; padding:0; margin:0; }
#nav { float: right; margin-top: -15px; padding: 0; position: relative; width: auto; z-index: 3; }
#prev, #next { float:left; font-weight:bold; font-size:14px; padding:5px 0; width:80px; display: none; }
#next { float:right; text-align:right; }
#indicator > li { display:block; float:left; list-style:none; padding:0; margin:0; }
#indicator { display: block; margin: 0 8px; padding: 0; width: auto; }
#indicator > li { text-indent:-9999em; width:8px; height:8px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; background:#888; overflow:hidden; margin-right:4px; }
#indicator > li.active { background:#DDDDDD; }
#indicator > li:last-child { margin:0; }


h1, h2, h3, h4, h5, h6 {font-size: 16px;font-weight: normal;}

.form-ctn { margin-bottom:10px; background:#fff; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; color:#666; font-size:14px }
.form-title { margin:0; padding:0 10px; height:42px; border-bottom:1px solid #d4d4d4 }
.form-title h3 { color:#333; line-height:42px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.form-ul li { position:relative; margin:0 10px; padding:2px 0; line-height:32px; min-height:32px; border-bottom:1px solid #d4d4d4 }
.form-ul li:last-child { border-bottom:none }
.form-ul li label { display:block; margin-bottom:10px;font-size:14px;}
.form-ul li>input { width:100%; border:none; padding:5px 0; font-size:14px }
.form-ul li .contents { color:#333 }
.form-ul li .contents-holder { color:#999 }
.form-ul li .fullline-textarea { display:block; box-sizing:border-box; width:100%; padding:10px; resize:none; border:none; border-radius:3px; background:#f0f0f0; font-size:14px}
.form-ul li .number-chooser { display:inline-block; margin-right:2px }
.form-ul li .error-tip { font-size:12px; color:#f45b4d }
.form-ul li .error-tip.active { -webkit-animation:shake 0.5s ease-in 0s; animation:shake 0.5s ease-in 0s }
.form-ul li.label-inlined-li.label-w-4 { padding-left:86px }
.form-ul li.label-inlined-li.label-w-2 { padding-left:86px }
.form-ul li.label-inlined-li label { position:absolute; left:0; top:3px;color:#333}
.form-ul li.link-li { cursor:pointer; padding:10px 25px 10px 0 }
.form-ul li.link-li .icon-arrow { position:absolute; right:5px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) }
.form-ul textarea.specialBackup { margin-bottom:5px }

.selectbox{position:relative; height:35px; padding:5px 0;}
select.opa {-webkit-appearance:button;opacity:0.01;width:100%;height:100%;position:absolute;top:0px;left:0px;}
.writeok{line-height:35px;}
.icon-right { width:9px; height:13px; overflow:hidden; position:absolute; right:0; top:15px; background:url(../images/icon_you.png) no-repeat; background-size:9px 13px; }

.bottom-btn-ctn { box-sizing:border-box; width:100%; padding:10px 15px; background-color:#fff; border-top:1px solid #d4d4d4; text-align:center }
.bottom-btn-ctn.fixed { position:fixed; bottom:0; left:50%; margin-left:-50%; z-index:100 }
.bottom-btn-ctn a { display:inline-block; font-size:13px;}
.bottom-btn-ctn a:active, .bottom-btn-ctn a.active { background-color:#ffa39b }
.bottom-btn-ctn a.disabled { background:#ccc; cursor:default }
.bottom-btn-ctn .tel_call { float:left; width:40%; height:40px; line-height:40px; color:#fff; font-size:14px; background-color:#fca542; border-radius:3px }
.bottom-btn-ctn .tel_call:active, .bottom-btn-ctn .tel_call.active { background-color:#ca8435 }
.bottom-btn-ctn .tel_call i { font-size:21px; margin-right:3px }
.bottom-btn-ctn .order_product { float:right; width:55%; height:40px; line-height:40px; color:#fff; font-size:14px; background-color:#ff7c70; border-radius:3px }
.bottom-btn-ctn .order_product:active, .bottom-btn-ctn .order_product.active { background-color:#ffa39b }
.bottom-btn-ctn .order_product.disabled { background:#ccc }
.bottom-btn-ctn i { font-size:18px; margin-right:5px; vertical-align:middle; position:relative; top:-1px }
.my-btn { position:fixed; right:15px; bottom:75px; z-index:5; display:block; padding:8px; width:28px; height:28px; overflow:hidden; text-align:center; color:#fff; line-height:14px; background:rgba(255, 124, 112, 0.85); border-radius:50% }

@media only screen and (min-width: 641px) {
  .bottom-btn-ctn {width:641px !important;}
  .bottom-btn-ctn.fixed{margin-left:-320.5px;}
}

#bgDiv { width:100%; height:100%; background:#000; filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity:.5; opacity:.5; position:absolute; top:0; left:0; z-index:999; display:none }
#showMsg { position:fixed; z-index:99999; width:84%; margin:0 8%; border-radius:3px; box-shadow:0 0 5px #333; display:none }
#showMsg *{box-sizing:content-box;}
.msg-title { height:35px; text-align:center; line-height:35px; font-size:14px; color:#fff; background:#00BCD4; filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; text-shadow:0; font-weight:bold; border-top-left-radius:3px; border-top-right-radius:3px }
.msg-content { padding:10px 15px; line-height:1.8em; background:#fff }
.msg-btn { padding:8px 0 6px 0; height:35px; background:#f5f5f5; border-top:1px solid #ddd; border-bottom-left-radius:3px; border-bottom-right-radius:3px; text-align:center }
.msg-btn a { position:relative; display:inline-block; line-height:30px; padding:0 30px; font-size:12px; color:#fff; text-shadow:0; border-radius:3px; margin:0 5px; border:solid 1px #da7c0c; background-image:-webkit-gradient(linear, left top, left bottom, from(#ff8c5a), to(#da5d23)); background-image:-webkit-linear-gradient(#ff8c5a, #da5d23); background-image:-moz-linear-gradient(#ff8c5a, #da5d23); background-image:-ms-linear-gradient(#ff8c5a, #da5d23); background-image:-o-linear-gradient(#ff8c5a, #da5d23); background-image:linear-gradient(#ff8c5a, #da5d23) }
.msg-btn a:hover { color:#fff; text-decoration:none }
.msg-btn a:visited { color:#fff }
.msg-btn a.disable { color:#666; border:solid 1px #999; background:#eee; background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background:-moz-linear-gradient(top, #eee, #ccc); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ccc')}


.mainbox{background-color:#efefef;padding:0.25rem;}
.msg-item-wrapper { position: relative; margin-bottom:0.25rem; border: 1px solid #d3d3d3; background-color: #fff; box-shadow:0 2px 2px rgba(0, 0, 0, 0.1); border-radius:0.15rem 0.15rem 0 0; padding:0.25rem;}
.msg-item-wrapper h3{color:#666; font-size:0.325rem; font-weight:normal;padding:0.15rem 0;}
.msg-item-wrapper img{width:100%;}
.msg-item-wrapper .msg-text{font-size:0.25rem;color:#666; line-height:0.325rem;padding-top:0.15rem;}