@charset "utf-8";
@import url(font-awesome.min.css);

body { background-color:#E8E9EE;}
div,ul,li { font-family:"Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif,'Microsoft Yahei';}
a:hover { text-decoration:none;}
/* Function */

/*- Margin -*/
.no-margin { margin:0 !important;}

.f-margin5 { margin:5px !important;}
.f-margin10 { margin:10px !important;}
.f-margin15 { margin:15px !important;}
.f-margin20 { margin:20px !important;}

.f-mt5 { margin-top:5px !important;}
.f-mt10 { margin-top:10px !important;}
.f-mt15 { margin-top:15px !important;}
.f-mt20 { margin-top:20px !important;}
.f-mt30 { margin-top:30px !important;}

.f-mr10 { margin-right:10px !important;}
.f-mr15 { margin-right:15px !important;}
.f-mr20 { margin-right:20px !important;}
.f-mr25 { margin-right:25px !important;}

.f-mb10 { margin-bottom:10px !important;}
.f-mb15 { margin-bottom:15px !important;}
.f-mb20 { margin-bottom:20px !important;}
.f-mb25 { margin-bottom:25px !important;}

.f-ml10 { margin-left:10px !important;}
.f-ml15 { margin-left:15px !important;}
.f-ml20 { margin-left:20px !important;}
.f-ml30 { margin-left:30px !important;}

/*- Padding -*/
.no-padding { padding:0 !important;}
.f-padding5 { padding:5px !important;}
.f-padding10 { padding:10px !important;}
.f-padding15 { padding:15px !important;}
.f-padding20 { padding:20px !important;}

.f-pt10 { padding-top:10px !important;}
.f-pt15 { padding-top:15px !important;}
.f-pt20 { padding-top:20px !important;}
.f-pt30 { padding-top:30px !important;}

.f-pr10 { padding-right:10px !important;}
.f-pr15 { padding-right:15px !important;}
.f-pr20 { padding-right:20px !important;}
.f-pr30 { padding-right:30px !important;}

.f-pb10 { padding-bottom:10px !important;}
.f-pb15 { padding-bottom:15px !important;}
.f-pb20 { padding-bottom:20px !important;}
.f-pb30 { padding-bottom:30px !important;}

.f-pl10 { padding-left:10px !important;}
.f-pl15 { padding-left:15px !important;}
.f-pl20 { padding-left:20px !important;}
.f-pl30 { padding-left:30px !important;}

/*- Border -*/
.no-border { border:0 !important;}

.border-top { border-top:1px solid #DDD;}
.border-right { border-right:1px solid #DDD;}
.border-bottom { border-bottom:1px solid #DDD;}
.border-left { border-left:1px solid #DDD;}

/*- Border Radius -*/
.no-radius { border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}

.radius-3 { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.radius-5 { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.radius-10 { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}

/*- Text -*/
.text-bold { font-weight:bold !important;}
.text-minu { font-weight:normal !important;}

.text-xsmall { font-size:11px !important;}
.text-small { font-size:12px !important;}
.text-middle { font-size:14px !important;}
.text-large { font-size:16px !important;}
.text-xlarge { font-size:18px !important;}

.text-left { text-align:left !important;}
.text-center { text-align:center !important;}
.text-right { text-align:right !important;}

/*- Block -*/
.hide { display:none !important;}
.show { display:block !important;}

.inline { display:inline;}
.block { display:block;}
.inline-block { display:inline-block;}
.center-block { display:block; margin-right:auto; margin-left:auto;}

.pull-none { float:none;}
.pull-left { float:left !important;}
.pull-right { float:right !important;}

/*- Text Color -*/
.text-default { color:#E6E9ED !important;}
.text-primary { color:#37BC9B !important;}
.text-success { color:#8CC152 !important;}
.text-info { color:#3BAFDA !important;}
.text-warning { color:#F6BB42 !important;}
.text-danger { color:#E9573F !important;}

.text-overflow { overflow:hidden; text-overflow:ellipsis; word-break:break-all; word-wrap:break-word; white-space:nowrap;}

/* Box */
.box { position:relative; margin-bottom:20px; padding:10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #D5DAE0; background-color:#FFF;}
.box.more-padding { padding:15px;}
.box.full { padding:0;}
.box.transparent { border:none; background-color:transparent;}
.box.nomargin { margin:0;}
.box.noborder { border:none;}
.box .right-content { position:absolute; top:-1px; right:0; z-index:9;}

.box h4.small-title { margin:0; margin-bottom:10px; padding:0; text-align:left; font-size:14px; color:#656D78; font-weight:400;}
.box h4.small-title .btn { margin-top:-5px;}
.bg-primary h4.small-title,.bg-success h4.small-title,.bg-info h4.small-title,.bg-danger h4.small-title,.bg-warning h4.small-title { color:#FFF;}

.box hr { margin:10px 0; *margin:-5px 0; height:0; border:0; border-top:1px solid #EEE; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
.box.bg-primary,.box.bg-success,.box.bg-info,.box.bg-warning,.box.bg-danger { border:none;}
.bg-primary hr { border-color:#27A283;}
.bg-success hr { border-color:#76AD3E;}
.bg-info hr { border-color:#2998C1;}
.bg-warning hr { border-color:#E0A52C;}
.bg-danger hr { border-color:#D1462C;}

/*- Background -*/
.bg-default { background-color:#F5F7FA !important; color:#333 !important;}
.bg-default-hover { background-color:#E6E9ED !important; color:#333 !important;}

.bg-primary { background-color:#37BC9B !important; color:#FFF !important;}
.bg-primary-hover { background-color:#29AF8E !important; color:#FFF !important;}

.bg-success { background-color:#8CC152 !important; color:#FFF !important;}
.bg-success-hover { background-color:#74AD3B !important; color:#FFF !important;}

.bg-info { background-color:#3BAFDA !important; color:#FFF !important;}
.bg-info-hover { background-color:#29A0CB !important; color:#FFF !important;}

.bg-warning { background-color:#F6BB42 !important; color:#FFF !important;}
.bg-warning-hover { background-color:#E8AA2E; color:#FFF !important;}

.bg-danger { background-color:#E9573F !important; color:#FFF !important;}
.bg-danger-hover { background-color:#D8482C !important; color:#FFF !important;}

.bg-dark { background-color:#2C3439 !important; color:#FFF !important;}
.bg-dark-hover { background-color:#313940 !important; color:#FFF !important;}

/* Layout */
.header,.page-wrap,.footer { position:absolute; right:0; left:0;}
.header { top:0; z-index:900; height:45px; line-height:45px; background-color:#2C3439; text-align:center; box-shadow:0 2px 4px rgba(44,52,57,.4);}
.footer { bottom:0; z-index:900; height:50px; line-height:50px; background-color:#fff; text-align:center; box-shadow:0 -2px 4px rgba(44,52,57,.2);}
.page-wrap { top:45px; bottom:0; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.page-wrap.page-bottom { bottom:50px;}
.page { padding:10px;}
.page p { margin-bottom:10px;}

/* Header */
.header { padding:0 85px;}
.header .header-btnbar { display:block; width:85px; line-height:45px; background-color:transparent; text-align:center; font-size:14px; color:#AAB2BD; text-decoration:none;}
.header .header-btnbar.pull-left { margin-left:-85px;}
.header .header-btnbar.pull-right { margin-right:-85px;}
.header i.fa { font-size:14px !important;}

.header .header-titlebar { float:left; display:block; margin:0 auto; width:100%; line-height:45px; text-align:center; font-size:16px; color:#FFF; font-weight:bold;}
.header .header-titlebar a.dropdown-toggle,.header .header-titlebar a.dropdown-toggle:hover { color:#FFF; text-decoration:none; -webkit-transition: all 0.25s; -moz-transition:all 0.25s; -ms-transition:all 0.25s; -o-transition:all 0.25s; transition:all 0.25s;}
.header .header-titlebar .fa-click .fa-caret-right { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}

.header .header-titlebar .dropdown-menu { margin-left:-80px; left:50%;}

.header.bg-info { box-shadow:0 2px 4px rgba(41,160,203,.4) !important;}
.header.bg-info,.header.bg-info a,.header.bg-info a:hover { color:#fff;}


/* Order List */
.order-table:hover { border-color:#CCC;}
.order-table .p-img { float:left; margin-right:15px;}
.order-table .p-name {}
.order-table .p-info { color:#999;}
.order-table .p-price { font-size:13px; font-family:'Arial';}
.order-table .p-num {}
.order-table .p-pay { font-size:15px; font-family:'Arial'; font-weight:700; color:#E9573F;}
.order-table input[type="checkbox"] { margin-top:10px;}

.order-null { margin:100px auto 0 auto; width:80%; text-align:center;}

/* List Group */
.list-item-title { float:left; color:#333; font-weight:bold;}
.list-item-value { float:right; width:75%; color:#999; text-align:right;}
.list-item-arrow { float:right; padding:0 0 0 10px; font-size:14px; cursor:pointer; color:#E6E9ED;}

.address-list .list-item-value { width:80%; text-align:left;}
.address-list .list-item-editbar { padding:5px 10px;}

/* Product Informartion */
.banner { width:100%; overflow:hidden;}
.banner .swiper-slide { height:320px; background-repeat:no-repeat; background-position:center; -webkit-background-size:auto; -moz-background-size:auto; background-size:auto;}

/* Choose Group */
.choose-group { display:block; margin:0; padding:0; list-style:none;}
.choose-group li { display:inline-block; margin-right:10px; list-style:none;}

/* Page Content */
.page-content {}
.page-content img { margin-bottom:10px; width:100%;}