#zip-frame{display: none;}
html {overflow-y: scroll; min-width: 1200px;}
a {text-decoration:none} 
a:haver {text-decoration:none} 
a:active {text-decoration:none} 
a:focus {text-decoration:none} 
input[type=radio], input[type=checkbox] {margin: 0;}
html.layered {position: fixed; width: 100%;}
.b18 {font-size: 18px; font-weight: 600;}
.b24 {font-size: 24px; font-weight: 600;}
.n14 {font-size: 14px; font-weight: 400;}
.page-template-login .header{display:none;}
.page-template {padding-right:0 !important;}
.page-template-login .login_header {display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 1190px; margin: 0 auto; padding: 33px 0 37px;}
.page-template-login .login_header svg {fill: #fff; }
.page-template-login .login_card {-webkit-box-sizing: border-box; box-sizing: border-box; max-width: calc(380px + 40px); min-height: calc(100vh - 201px); margin: 0 auto; position: relative;}
.page-template-login .login_actlogo{position: absolute; top: 5px; right:5px; z-index: 1; cursor: pointer;}
.page-template-login .modal_container{padding: 80px 40px 40px; background: #fff; -webkit-box-shadow: 5px 8px 12px 0 rgba(241,241,241,0.2); box-shadow: 5px 8px 12px 0 rgba(241,241,241,0.2); border-radius: 4px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.page-template-login .brand_login .modal_container{padding: 80px 40px}
.page-template-login .validation_error { flex: 0 0 auto; position: relative; display: inline-flex; align-items: center; min-height: 36px; text-decoration: none; color: #bf0711;}
.page-template-login .validation_error svg{fill:#bf0711;}
.page-template-login .validation_error_message {margin-left:3px;}
.page-template-login section.container { background: url(../img/loginBack.jpg) center top;}

.login_menu { margin: -16px; padding: 8px 0;}
.login_menu li a{-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; background: none; border: none; font-size: inherit; line-height: inherit; color: #454f5b; text-decoration: none; display: block; width: 100%; min-height: 40px; padding: 10px 16px; text-align: left; cursor: pointer; border-radius: 0; display: flex; align-items: center;}
.login_menu li a:hover {background-image: linear-gradient(rgba(223,227,232,.3),rgba(223,227,232,.3));}
.login_menu li a:focus{ box-shadow: inset 0.2rem 0 0 #5c6ac4; background-image: linear-gradient(rgba(223,227,232,.3),rgba(223,227,232,.3));}
.login_menu li a svg{margin-right:16px; fill: #454f5b;}
.top_menu_icon {fill: #FFF; margin-right: -8px; margin-left: 4px;}
.container-user{position: relative; padding-top: 56px; padding-left: 240px;background-color: #f4f6f8; border: 1px solid #eaeaea;margin-bottom: 15px;border-radius: 4px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.04); min-height: calc(100vh - 118px);}
.container-user .content{margin-right: 0; padding: 0 32px; background-color: #f4f6f8; position: relative; min-height: calc(100vh - 176px);}

.usertitle{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eaeaea;overflow: hidden;text-align: center; flex: 0 0 auto;}
.usertitle h2{font-size: 16px;margin: 0;line-height: 20px;}
.usertitle svg{margin-right: 10px;width: 50px;margin-bottom: 5px;height: 50px; fill: #919eab; display: inline-flex;}
.usermenus {flex: 1 0 auto;}
.system_queries_time { flex: 0 0 auto; padding-top: 4px; padding-bottom: 16px; font-size: 12px; color: #919eab;}
.logged-admin .usertitle svg {margin-right:0px;}

.userside{position: fixed;top: 56px;left: 0;bottom:0;width: 240px; border-right: 1px solid #dfe3e8;background-color: #f4f6f8;padding: 20px 10px;padding-left: 0; border-radius: 4px 0 0 4px; display: flex; overflow: auto; flex: 1 1 auto; flex-direction: column; align-items: stretch; }

.usermenu{list-style: none;margin: 0 0 15px;padding: 0; }
.usermenu li a{position: relative; padding: 4px 20px;padding-left:15px;font-size: 15px;color: #212b36;border-radius: 3px;display: flex; flex-wrap: nowrap; width: 100%;}
.usermenu li svg{fill: #919eab; margin-top: 6px; margin-right: 15px; margin-bottom: 6px;}
.usermenu li .menu_text{margin-top: 5px;  margin-bottom: 5px;}
.usermenu li .menu_count{margin-top: 6px; margin-bottom: 6px; margin-left: 5px;}
.usermenu li a:hover{color: #202e78; background-color: #eef1f3}
.usermenu li a:hover svg,.usermenu li.active svg{fill: #5c6ac4;}
.usermenu-nav li.active a{color: #202e78;background-color: #e1e4ef; font-weight: 600;}
.usermenu-nav li.active svg{fill: #5c6ac4;}
.usermenu li:last-child a{border-bottom: none;}
.usermenu li .icon {font-size: 18px;}
.usermenu .usermenu-nav {display:none;}
.usermenu .usermenu-nav.active {display:block;}
.usermenu .usermenu-nav li a { padding-left:50px;}
.usermenu .usermenu-nav li.active a:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; height: 100%; width: 3px;   background-color: #1C2260;  border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

.usermenu h4{margin: 0;}
.usermenu h4 a{color: #666;background-color: #F7F9FA;padding-top: 15px;cursor: default;border-bottom-color: #e6e6e6;}
.form_btn {display:none;}
.user-header {padding-top: 32px; display: flex; align-items: center;}
.user-header-left {flex: 1 1 auto; padding-right: 20px;}
.user-header-right { flex: 0 0 auto;}
.user-main{position: relative;min-height: 110px; background: #FFF; overflow-x: auto; overscroll-behavior-x: contain; -ms-overflow-style: none; scrollbar-width: none;}
.card_wrap {padding: 20px;}
.card_wrap .card_grid{ display: flex; flex-wrap: wrap; align-items: stretch;}
.card_wrap .card_grid+.card_grid { margin-top: 12px;}
.card_wrap .card_grid .card_grid_left {flex: 1 1 auto;}
.card_wrap .card_grid .card_grid_right {flex: 0 0 auto; min-width: 0;}
.card_wrap .card_data .card_grid_left {font-size: 24px; color: #000;}
.card_wrap .card_data .card_grid_right>div {display: flex; align-items: center; font-size: 24px;}
.cavas_grid {display: grid; grid-template-columns: 32px auto auto; padding: 4px; align-items: center; color:#FFF;}
.cavas_grid+.cavas_grid {border-top: 1px solid #454f5b; margin-top: 4px; padding-top: 8px;}
.cavas_grid .cavas_grid_cavas {height: 16px; width: 16px; border-radius: 3px; }
.cavas_grid .cavas_grid_value {text-align:right; margin-left: 15px;}
.colorRed { color: #de3618;}
.colorRed svg{fill:#de3618;}
.colorGreen{ color: #50b83c;}
.colorGreen svg{fill:#50b83c;}
.card_brand_data table,.card_data_wrap table{width:100%; font-size: 14px;}
.card_brand_data tr,.card_data_wrap tr{height: 27px;}
.card_brand_data svg,.card_data_wrap svg{width:12px; height:12px;}
.card_text_data { display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center;}
.card_text_data span {margin-left:5px;}
.card_time {font-size: 12px;}
.card_shop_data div {display:block; height: 18px; margin-bottom: 5px; padding-right: 13%;}
.card_shop_data label{font-size: 12px; color: rgba(0,0,0,.3);}
.card_shop_data span {font-size: 12px; color: rgba(0,0,0); float:right;}
.card_shop_data .shop_sales label { font-size: 16px; color: #000;}
.card_shop_data .shop_sales span {float: none;}
.card_shop_data .shop_sales { margin: 10px 0;}
.card_shop_data tr:nth-child(2) .shop_header { margin-top: 10px; padding-top: 10px; margin-bottom: 20px; border-top: 1px solid #eee;}
.card_shop_data .shop_header label { color: rgba(0,0,0,.6);}
.right {text-align:right;}
.card_wrap .card_header .card_grid_left {font-size: 16px; color: #000;}
.card_wrap .card_header .card_grid_left span { border-bottom: 2px dotted #c4cdd5; padding-bottom: 1px;}
.btn_sub {position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 36px; min-width: 36px; margin: 0; padding: 7px 25px; border: 1px solid #3f4eae; border-radius: 3px; line-height: 1; text-align: center; cursor: pointer; -webkit-user-select: none; user-select: none; text-decoration: none; transition-property: background,border,box-shadow; transition-duration: var(--p-override-none,.2s); transition-timing-function: var(--p-override-none,cubic-bezier(.64,0,.35,1)); -webkit-tap-highlight-color: transparent; background: linear-gradient(180deg,#6371c7,#5563c1); box-shadow: inset 0 1px 0 0 #6774c8, 0 1px 0 0 rgba(22,29,37,.05), 0 0 0 0 transparent; color: #fff !important; outline: 0!important;}
.btn_sub:hover { background: linear-gradient(180deg,#5c6ac4,#4959bd); border-color: #3f4eae; color: #fff; text-decoration: none; outline: 0 !important;}
.btn_sub:active { background: linear-gradient(180deg,#3f4eae,#3f4eae); border-color: #38469b; box-shadow: inset 0 0 0 0 transparent, 0 1px 0 0 rgba(22,29,37,.05), 0 0 1px 0 #38469b; outline: 0 !important;}
.btn_delete{ background: -webkit-gradient(linear, left top, left bottom, from(#e6391a), to(#d53417)); background: linear-gradient(to bottom, #e6391a, #d53417); border-color: #b02b13; -webkit-box-shadow: inset 0 1px 0 0 #e84528; box-shadow: inset 0 1px 0 0 #e84528;}
.btn_delete:hover{background: -webkit-gradient(linear, left top, left bottom, from(#de3618), to(#c73016)); background: linear-gradient(to bottom, #de3618, #c73016); border-color: #b02b13;}
.btn_delete:active{ background: -webkit-gradient(linear, left top, left bottom, from(#b02b13), to(#b02b13)); background: linear-gradient(to bottom, #b02b13, #b02b13); border-color: #992511; -webkit-box-shadow: inset 0 1px 0 0 #992511, 0 0 0 1px #992511; box-shadow: inset 0 1px 0 0 #992511, 0 0 0 1px #992511;}
.btn_span { margin: -5px -10px;padding-left: 8px; padding-right: 8px; color: #006fbb;}
.btn_span:focus,.btn_span:hover {background: transparent; box-shadow: none; color: #084e8a; text-decoration: underline;}
.btn_span:active {-webkit-box-shadow: unset; box-shadow: unset;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { color: #919eab;}
.header-title {font-size:  26px; line-height: 32px; color: #212b36;}
.user-commentlist{list-style: none;margin: 0;padding: 0;font-size: 14px;}
.user-commentlist li{border-bottom: 1px solid #f2f2f2;padding: 15px 0;overflow: hidden;padding-left: 140px;}
.user-commentlist .note{font-size: 14px;color: #666;margin-bottom: 10px;}
.user-commentlist p{font-size: 12px;margin-bottom: 0;}
.user-commentlist time{font-size: 12px;color: #999;float: left;margin-left: -140px;margin-top: 2px;}
.header-action { margin-top: 8px; display: flex; flex-wrap: wrap; align-items: center; margin-left: -12px;}
.header-action a {flex: 0 0 auto; position: relative; display: inline-flex; align-items: center; padding: 0 12px; min-height: 36px; text-decoration: none; color: #454f5b;}
.header-action a:hover { color: #212b36;}
.header-action a:hover svg{ fill: #212b36;}
.header-action a:after{ content: ""; position: absolute; top: 4px; right: 4px; left: 4px; display: block; height:  28px; border-radius: 3px; background: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: background; transition-property: background; transition-duration: .2s; transition-timing-function: cubic-bezier(.64,0,.35,1);}
.header-action a:focus:after,.header-action a:active:after{ background: rgba(33,43,54,.1);}
.header-action svg {fill: #7f8c98; margin-right: 4px;}
.user-postlist .thumb{float: right;	margin-left: 20px;width: 160px;height: 120px;}
.user-loading{text-align: center;padding: 120px 0;/* position: absolute;top: 0;left:0;right:0;bottom:0;z-index: 999; */color: #999;font-size: 16px;}
.user-loading i{font-size: 20px;}

.content{overflow: hidden;}

.user-pagination ul > li > a,.user-pagination ul > li.active span { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 36px; min-width: 36px; margin: 0; padding: 7px 16px; background: linear-gradient(180deg,#fff,#f9fafb); border: 1px solid var(--p-border,#c4cdd5); box-shadow: 0 1px 0 0 rgba(22,29,37,.05); border-radius: 3px; line-height: 1; color: #212b36; text-align: center; cursor: pointer; -webkit-user-select: none; user-select: none; text-decoration: none; transition-property: background,border,box-shadow; transition-duration: var(--p-override-none,.2s); transition-timing-function: var(--p-override-none,cubic-bezier(.64,0,.35,1)); -webkit-tap-highlight-color: transparent;}
.user-pagination ul > li > a:hover { background: linear-gradient(180deg,#f9fafb,#f4f6f8); border-color: #c4cdd5;}
.user-pagination ul > li > a:active { background: linear-gradient(180deg,#f4f6f8,#f4f6f8); border-color: #c4cdd5; box-shadow: 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(99,115,129,.1), inset 0 1px 4px 0 rgba(99,115,129,.2);}
.user-pagination ul > li.active span {background: linear-gradient(180deg,#f4f6f8,#f4f6f8); color: #919eab;  cursor: auto;}
.pagination ul > li > a, .pagination ul > li > span { float: none;}
.pagination ul > li { margin-right:0; margin-left: -1px;}

.user-meta{list-style: none;margin: 40px 0 60px 40px;line-height: 32px;color: #999;}
.user-meta li{padding-left: 120px;margin-bottom: 15px;}
.user-meta label{float: left;margin-left: -120px;width: 110px;text-align: right;line-height: 34px;color: #666;}
.user-meta label span{ color: red;}
.user-meta .form-control{border-radius: 3px;width: 380px;}
.user-meta .agent-title {padding-left:0; font-size: 24px; margin: 30px 0;}
/* .user-meta .btn{padding: 8px 20px;border-radius: 3px;background-color: #FF5E52;opacity: 0.85;filter:alpha(opacity=85);color: #fff;border: none;	}
.user-meta .btn:hover{opacity: 1;filter:alpha(opacity=100);} */

.user-tips{position: fixed; bottom: 0; right: 0; left: 0; bottom: -100px; z-index: 9999; text-align: center; align-items: center;}
.user-tips-message{ font-size: 20px; line-height: 28px; padding: 16px; max-width: 500px; border-radius: 3px; background: rgba(0,0,0,.88); box-shadow: 0 0 0 1px rgba(63,63,68,.05), 0 1px 3px 0 rgba(63,63,68,.15); margin-bottom: 20px; color: #fff; display: inline-flex;}
.user-tips-message .search_icon{ fill:#FFF; }
.user-tips .delete_tips { padding: 4px 0 0 15px;}

.page-template-pagesuser-php .user-signin{display: none;}
.page-template-pagesuser-php.logged-in .user-signin{display: block;}

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FFF; overflow-y: auto; display: none; -webkit-box-shadow: 0 0 0 1px rgba(39,44,48,0.05), 0 2px 7px 1px rgba(39,44,48,0.16); box-shadow: 0 0 0 1px rgba(39,44,48,0.05), 0 2px 7px 1px rgba(39,44,48,0.16); border-radius: 3px; margin: 8px 0;}
.autocomplete-suggestion { padding: 5px 10px; white-space: nowrap; overflow: hidden; cursor: pointer;}
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #5c6ac4; color:#FFF; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

.table td{color: #999;padding: 15px 12px;}
.user-orders dfn{font-style: normal;color: #FF5E52;font-weight: bold;min-width: 40px;text-align: right;display: inline-block;}
.user-orders h5{margin: 0 0 2px;}
.user-orders em{font-style: normal;color: #bbb;}
.user-orders h5 a{color: #999;}
.user-orders h5 a:hover{color: #666;text-decoration: underline;}

.search_repair .search_type {border-bottom: 1px solid #dfe3e8; padding: 8px;}
.search_search { padding: 16px; display: flex;}
.post_search_wrap{position: relative; display: flex; flex: 1 1 auto;}
.post_search_wrap .search_icon {fill: #637381; margin-left: 12px !important; margin-right: 8px !important; margin: auto; }
.search_icon {display: block; height: 20px; width: 20px; max-height: 100%; max-width: 100%; z-index: 20;}
.icon_acc { fill: #919eab;}
.icon_txt{ fill: #f49342;}
.mark_txt ,.mark_warr ,.mark_acc{display: flex;}
.post_search_wrap .search_clear {display: none;}
.post_search_wrap.clear .search_clear {display: block; }
.post_search_wrap .search_clear {cursor: pointer;}
.search_repair .search_type a {padding: 8px 16px; border-radius: 3px; border: 1px solid transparent; box-shadow: 0 0 0 0 transparent; display: inline-block; margin-left: 8px; font-weight: 500; color: #212b36;}
.search_repair .search_type a:hover {background-image: linear-gradient(rgba(223,227,232,.3),rgba(223,227,232,.3))}
.search_repair .search_type a.active {background-color: rgba(92,106,196,.15); color: #202e78;}
.search_repair .post_search_pre {width: 110px; display: inline-block; margin-right: 5px;}
.search_repair .search_content,.modal_container .search_content {vertical-align: top; z-index: 20; background: none; box-shadow: none; outline: none; border: 1px solid transparent; padding: 5px 12px 5px 0 !important; height: 37px; flex: 1 1;}
.btn_cal {position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 36px; min-width: 36px; margin: 0; padding: 7px 16px; background: linear-gradient(180deg,#fff,#f9fafb); border: 1px solid var(--p-border,#c4cdd5); box-shadow: 0 1px 0 0 rgba(22,29,37,.05); border-radius: 3px; line-height: 1; color: #212b36; text-align: center; cursor: pointer; -webkit-user-select: none; user-select: none; text-decoration: none; transition-property: background,border,box-shadow; transition-duration: var(--p-override-none,.2s); transition-timing-function: var(--p-override-none,cubic-bezier(.64,0,.35,1)); -webkit-tap-highlight-color: transparent;outline: 0 !important;}
.search_repair .btn,.short_search .btn>*>* {margin-right: 0; margin-left: -1px; border-radius: 0!important;}
.btn_cal:active { background: linear-gradient(180deg,#f4f6f8,#f4f6f8); border-color: #c4cdd5; box-shadow: 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(99,115,129,.1), inset 0 1px 4px 0 rgba(99,115,129,.2);outline: 0 !important;}
.btn_cal:hover {background: linear-gradient(180deg,#f9fafb,#f4f6f8); border-color: #c4cdd5;outline: 0 !important;}
.post_search_backdrop {position: absolute;z-index: 10;top: 0;right: 0;bottom: 0;left: 0;background-color: #fff;border: 1px solid var(--p-border,#c4cdd5); border-radius: var(--p-border-radius-base,3px);box-shadow: inset 0 1px 0 0 rgba(99,115,129,.05);pointer-events: none;}
.post_search_backdrop:after {content: "";position: absolute;top: -2px;right: -2px;bottom: -2px;left: -2px;border: var(--p-override-none,2px solid #5c6ac4); border-radius: inherit; opacity: 0; transition: opacity .2s cubic-bezier(.64,0,.35,1); pointer-events: none;}
.post_search_wrap.focus .post_search_backdrop:after {opacity: 1;}
.coupon-code{font-family: Menlo, Monaco, Consolas, "Courier New", monospace;}
.user-coupon-past td{color: #bbb; font-style: italic;text-decoration:line-through;}
.user-coupon-used td{color: #bbb;font-style: italic;}
.search_search .search_icon_more {display: block; height: 20px; width: 20px; max-height: 100%; max-width: 100%; margin: auto; fill: #637381; margin-right: -8px; margin-left: 4px;}
.search_search .sort .search_icon_more{margin-left: -8px; margin-right: 4px;}
.search_search .page {margin-left:20px}
.search_search .row {margin-left:10px}
.user-order-coupon{display: none;}
.user-order-coupon form{margin-bottom: 30px;}
.user-order-coupon .form-control{width: 140px;display: inline-block;}
.user-order-coupon .btn{position: relative;top: -1px;}

.checkbox_wrap {position: relative;-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; -o-user-select:none; user-select:none;}
.checkbox_label {display: inline-block; position: relative; padding-left: 24px; margin-bottom: 0; line-height: 20px; text-transform: initial; letter-spacing: initial; cursor: pointer;}
.checkbox_box {position: absolute; z-index: 2; opacity: 0; left: -7.5px; top: -7.5px; width: 30px; height: 30px;}
.checkbox_box:disabled {cursor: pointer !important;}
.checkbox_backdrop {position: absolute; left: 0; top: 1px; display: block; height: 16px; width: 16px; border: 1px solid #c4cdd5; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; cursor: pointer;z-index: 1;border-radius:3px;box-shadow:0 1px 0 0 rgba(22,29,37,0.05);  background: linear-gradient(to bottom, white, #f9fafb); color: #5c6ac4;}
.checkbox_svg { position: absolute; top: 2px; left: 2px; z-index: 2; display: block; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.15s ease-in-out; transition: -webkit-transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; width: 10px; height: 10px; fill: #5c6ac4;}
.checkbox_wrap .checkbox_box:checked~.checkbox_backdrop .checkbox_svg { -webkit-transform: scale(1); transform: scale(1);}
.checkbox_wrap .checkbox_box:checked~.checkbox_backdrop {border-color: #5c6ac4;}
.checkbox_wrap .checkbox_box:focus~.checkbox_backdrop { border-color: #5c6ac4; -webkit-box-shadow: 0 0 0 1px #5c6ac4; box-shadow: 0 0 0 1px #5c6ac4;}
.checkbox_label {font-weight:normal;}
.checkbox_wrap .checkbox_box:disabled~.checkbox_backdrop {border-color: #dfe3e8;}
.checkbox_wrap .checkbox_box:disabled~.checkbox_backdrop .checkbox_svg {fill: #dfe3e8;}

.checkbox_icon { position: relative; flex: 0 0 auto; display: flex; align-items: stretch; margin-bottom: 0;-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;  -khtml-user-select:none; -o-user-select:none; user-select:none; cursor: pointer;}
.radio_backdrop { background-color: #c4cdd5; border: 1px solid transparent; box-shadow: 0 0 0 1px transparent, 0 1px 0 0 rgba(22,29,37,.05); border-radius: 3px; transition-property: box-shadow,background-color; transition-duration: .2s; transition-timing-function: cubic-bezier(.64,0,.35,1); position: absolute; top: 0; bottom: 0; left: 0;  right: 0; border-radius: 50%;}
.checkbox_icon .checkbox_input:active+.radio_backdrop,.checkbox_icon .checkbox_input:checked+.radio_backdrop { background: #5c6ac4;}
.checkbox_icon .checkbox_input:active+.radio_backdrop,.checkbox_icon .checkbox_input:focus+.radio_backdrop { background: #5c6ac4; box-shadow: 0 0 0 1px #5c6ac4, 0 0 0 0 transparent; border-color: transparent;}
.radio_backdrop:after{content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; background: linear-gradient(180deg,#fff,#f9fafb); border-radius: 50%; }
.checkbox_icon .checkbox_input:active+.radio_backdrop:after,.checkbox_icon .checkbox_input:focus+.radio_backdrop:after{ background: #fff;}
.radio_icon_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); transform-origin: 50% 50%; height: 50%; width: 50%; background: #5c6ac4; border-radius: 50%;transition: transform .1s cubic-bezier(.36,0,1,1);}
.choice_control .checkbox_input:checked~.radio_icon_wrap {transform: translate(-50%,-50%) scale(1);}
.choice_control {position: relative; margin: 0; display: flex; flex: 0 0 auto; align-items: stretch; width: 16px; height: 16px; margin-top: 2px; margin-right: 8px;}
.radio_label {font-weight:normal;}
.choice_control .checkbox_input { position: absolute!important; top: 0; clip: rect(1px,1px,1px,1px)!important; overflow: hidden!important; height: 1px!important; width: 1px!important; padding: 0!important; border: 0!important;}

.choiceList li+li{padding-top: 8px;}
.user-alerts{color: #999;margin: 50px 0 20px;}
.user-alerts ul{list-style: decimal;margin: 5px 0 0 18px;font-size: 12px;line-height: 22px;}
.user-ordernone{text-align: center;margin-top: 200px;}
.user-ordernone h6{color: #999;margin: 20px 0;}

.modal-body a{color: #45B6F7;text-decoration: underline;}
.modal-body a:hover{color: #FF5E52;}
.modal-body ul{list-style: disc;margin-left: 20px;line-height: 22px;}
.modal-body ol{list-style: decimal;margin-left: 20px;line-height: 22px;}
.modal-body ul li{margin-bottom: 8px;}
.modal-body ol li{margin-bottom: 8px;}

.SearchWrap,.TxtWrap {padding: 16px; margin: 5px 8px 16px; box-shadow: 0 0 0 1px rgba(6,44,82,.1),0 2px 16px rgba(33,43,54,.08); border-radius: 3px; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: left,top; background: #FFF; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; opacity: 0; transition: opacity .2s cubic-bezier(.36,0,1,1); z-index: 98;}
.SearchWrap.active,.TxtWrap.active,.MarkWrap.active span{opacity: 1;}
.MarkWrap {z-index: 98;}
.AccWrap span{background: #212b36; color: #FFF; padding: 7px 15px; opacity: 0; transition: opacity .2s cubic-bezier(.36,0,1,1); border-radius: 3px; display: table; margin: 0 auto;}
.form_table {width: 100%; min-width: 100%; border-collapse: collapse; margin-bottom: 20px;}
.user-postlist{list-style: none;margin: 0;padding: 0;font-size: 12px; border-top: 1px solid #dfe3e8; clear: both;}
.user-postlist h2{font-size: 18px;font-weight: bold;display: inline-block;margin: 0;line-height: 20px;margin-right: 10px;}
.user-postlist td{border-bottom: 1px solid #dfe3e8;overflow: hidden}
.user-wrap, .card_wrap {border-radius: 3px; overflow: auto; background-color: #fff; box-shadow: 0 0 0 1px rgba(63,63,68,.05), 0 1px 3px 0 rgba(63,63,68,.15); margin-top: 20px;}
.card_wrap-row {display: flex;}
.posttitle { position: relative; height: 50px;}
.presentation {position: absolute; background: #FFF; display:none;white-space: nowrap; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; overflow: -moz-scrollbars-none; overflow: -moz-scrollbars-none; z-index: 2;}
.presentation::-webkit-scrollbar{display: none;}
.presentation.fixed{display:block;box-shadow: 0 0 0 1px rgba(63,63,68,.05), 0 1px 3px 0 rgba(63,63,68,.15); z-index: 99;}
.user-postlist .div_0,.posttitle .div_0,.presentation .div_0 {min-width: 50px;width: 50px;}
.user-postlist .div_1,.posttitle .div_1,.presentation .div_1 {min-width: 100px;width: 100px;}
.user-postlist .div_47,.posttitle .div_47,.presentation .div_47 {min-width: 40px;width: 40px;}
.div_47>div { margin-left: -16px; width: 40px; margin-right: -16px;}
.user-postlist .div_4,.posttitle .div_4,.presentation .div_4 {max-width: 400px;}
.user-postlist .div_5,.posttitle .div_5,.presentation .div_5 {max-width: 400px;}
.user-postlist .div_2,.posttitle .div_2,.presentation .div_2 {max-width: 150px;}
.user-postlist .div_3,.posttitle .div_3,.presentation .div_3 {max-width: 150px;}
.user-postlist .div_10 a{ color: #006fbb;}
.user-postlist .div_10 a.disabled,.user-postlist .div_10 a.disabled:hover{ color: #969696; text-decoration:none;}
.user-postlist .div_10 a:nth-of-type(n+2){ padding-left: 10px; }
.posttitle .div_10 span { padding-left: 10px;}
.user-postlist .div_46 a{ color: #459AE9; padding-left: 10px; }
.user-postlist .div_10 a:hover,.user-postlist .div_46  a:hover,.posttitle .div_46 a:hover {text-decoration: underline;}
.user-postlist td,.posttitle td,.presentation>div { color: #212b36; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 11px 16px; z-index: 1; display:none;}
.posttitle td,.presentation>div { padding: 16px; text-align: left; font-weight: 500; white-space: nowrap; border: 0;  position: -webkit-sticky;  position: sticky; font-weight: 600;}
.user-postlist tr:hover {background-color: #f9fafb; cursor: pointer;}
.user-postlist .clt {background-color: #f4f5fa !important;}
.user-postlist .slt {background-color: #FCFFE6 !important;}
.user-wrap td.active,.user-wrap div.active, .user-wrap .div_0{display: table-cell;}
.user-postlist p{margin-bottom: 0;padding-top: 10px;}
.user-postlist .note{color: #bbb;height: 70px;overflow: hidden;	}
.user-postmenu{font-size: 14px;margin: 5px -20px 0 -20px;padding: 0 0 10px 5px;line-height: 16px;border-bottom: 1px solid #f2f2f2;}
.user-postmenu a{display: inline-block;	color: #999;padding:0 15px;border-right: 1px solid #e6e6e6;}
.user-postmenu a:hover{color: #666;}
.user-postmenu a.active{color: #666;font-weight: bold;	}
.user-postmenu small, .user-postmenu a:hover small, .user-postmenu a.active small{font-size: 12px;margin-left: 3px;color: #bbb;}
.user-postlist .thumb{float: right;	margin-left: 20px;width: 175px;height: 120px;}
.user-postnew textarea.form-control{width: 90%;}
.MarkWrap .tiptxtwrap .tiptxthead {color:#454f5b; font-size:12px; display:flex;}
.MarkWrap .tiptxtwrap+.tiptxtwrap { border-top: 1px solid #dfe3e8; margin-top: 8px; padding-top: 8px;}
.MarkWrap .tiptxtwrap .tiptxthead .tiptxtuser {display: flex; align-items: center; flex: 0 0 auto;}
.MarkWrap .tiptxtwrap .tiptxthead .tiptxtuser span{padding:0 8px;background-color: #dfe3e8;border-radius:20px; margin-right: 5px;}
.MarkWrap .tiptxtwrap .tiptxthead .tiptxttime{flex: 1 1 auto;}
.MarkWrap .tiptxtwrap .tiptxtcontent { margin-top: 4px; color: #000; word-break: break-all;}
.presentation.block { display: block;}
.presentation.block>div {display:none;}
.presentation.block .div_0,.presentation.block .div_99 {display: table-cell; padding: 8px; padding-right: 0; }
.presentation.block .div_99 {padding-left: 0;}
.presentation.block .div_99>a {margin-left:-1px; min-height: 34px; vertical-align: unset;}
.presentation.block .div_0 .div_0_wrap { border: .1rem solid #c4cdd5; border-radius: 3px 0 0 3px; padding: 7px 15px 7px 7px; display: flex;}
.select_count { margin-left: 15px; color: #5c6ac4; font-weight: normal;}
.fresh-layered .modal_container {z-index: 990; -webkit-transition: all 0.5s; transition: all 0.5s; position: fixed; top: 100px; right: 0; left: 0; margin: auto; width: calc(100% - 20px); max-width: 620px; min-width: 10%; min-height: 10%; max-height: calc(100vh - 100px); background: #ffffff; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); border-radius: 3px; overflow-x: hidden; outline-color: transparent; display:none;}
.fresh-layered .modal_container.modal-animate {display:block; -webkit-animation: modalOpen 0.15s ease; animation: modalOpen 0.15s ease;}
.fresh-layered .modal_bg{ background-color: rgba(0,0,0,0.25); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 980; display: none;}
.fresh-layered .modal_bg.visible{display: block; -webkit-animation: modalBgOpen 0.15s ease; animation: modalBgOpen 0.15s ease;}
.modal_container .model_grid_cell {-webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; padding:0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; min-width: 0;}
.modal_container .model_grid_cell:first-child { padding-left: 0;}
.modal_container .model_grid_cell:last-child { padding-right: 0;}
.modal_container .model_grid_cell .model_label{display: block; margin-bottom: 4px; line-height: 20px; text-transform: initial; letter-spacing: initial; cursor: pointer; font-weight: normal;}
.model_input {min-width: 75px;min-height:37px; vertical-align: baseline; height: auto; margin: 0; border-style: inset; color: black; -webkit-appearance: none; -moz-appearance: none; padding: 8px 10px; border: 1px solid #c4cdd5; border-radius: 3px; font-size: 14px; text-transform: initial; letter-spacing: initial; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; -webkit-transition-property: background, border, -webkit-box-shadow; transition-property: background, border, -webkit-box-shadow; transition-property: background, border, box-shadow; transition-property: background, border, box-shadow, -webkit-box-shadow; -webkit-transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1); transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1); -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05); box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05); border-color: #c4cdd5; line-height: 1; outline: unset;}
.model_input::-webkit-input-placeholder,.model_input:-moz-placeholder,.model_input::-moz-placeholder,.model_input:-ms-input-placeholder{
  color: #c4cdd5;
}
.SearchWrap .model_input {font-size: 13px;}
.li_bordered { border-bottom: 1px solid #dfe3e8; margin: 8px 0 4px;}
.modal_container .model_grid_cell .model_text {transition: min-height 0.15s; line-height: 24px; text-transform: initial; letter-spacing: initial; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid var(--p-border, #c4cdd5); border-radius: var(--p-border-radius-base, 3px); -webkit-box-sizing: border-box; box-sizing: border-box; color: black; display: block; height: 106px; margin: 0; max-width: unset; min-height: 0; padding: 4px 8px; vertical-align: baseline; width: 100%;color: #212b36; -webkit-box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05); box-shadow: inset 0 1px 0 0 rgba(63,63,68,0.05); border-color: #c4cdd5; max-width: 100%; outline: unset;}
.modal_container .model_grid_cell .model_text:focus{ border: 1px solid #5c6ac4; -webkit-box-shadow: 0 0 0 1px #5c6ac4; box-shadow: 0 0 0 1px #5c6ac4;}
.model_input:focus { border: 1px solid #5c6ac4; -webkit-box-shadow: 0 0 0 1px #5c6ac4; box-shadow: 0 0 0 1px #5c6ac4; outline: none;}
.modal_container .model_grid_cell .is_error{border: 1px solid #de3618; background: #fbeae5;}
.modal_container .model_grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: calc(100% - 20px); margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;}
.modal_container .model_grid+.model_grid {margin-top: 20px;}
.modal_container header {display: flex; align-items: center; position: relative; margin: 0; padding: 20px; min-height: 20px; border-bottom: 1px solid #e6e6e6;}
.modal_container .postnew_prod{ flex: 1 1 auto;}
.modal_container .postnew_brand{ flex: 0 0 auto;}
.modal_container .model_more {flex: 0 0 auto; position: relative; display: inline-flex; align-items: center; text-decoration: none; color: #006fbb;}
.modal_container .model_more:hover {color: #084e8a; text-decoration: underline;}
.modal_container .upload_tips{padding: 0 5px;}
.modal_container .model_more .search_icon {fill: #7f8c98; margin-right: 4px;}
.modal_container input[type="text"]:disabled {background: linear-gradient(180deg,#f4f6f8,#f4f6f8); color: #919eab;}
.modal_container .ModalTitle { flex: 1 1 auto; font-size: 20px; line-height: 1;}
.modal_container .body>* {  padding: 20px; max-height: calc(100vh - 374px); overflow: auto; -webkit-transition: max-height 0.15s; transition: max-height 0.15s;}
.modal_container .body>div+div {border-top: 1px solid #e6e6e6;}
.modal_container .buttons{ padding: 20px; min-height: 32px; margin: 0; background: none; border-top: 1px solid #e6e6e6;  border-bottom: none; text-align: right;}
.modal_container.more .more{display:block !important;}
.modal_container.more .more_btn{display:none !important;}
.modal_container .action_fac .grid_kd,.modal_container .action_fin .grid_kd{ display: flex!important;}
.modal_container .action_txt .grid_bz{ display: flex!important;margin-top: 0px;}
.modal_container .action_fac,.modal_container .action_fin,.modal_container .action_txt{ display: block!important;}
.modal_container .new_repair .btn_add {padding-left: 8px; padding-right: 8px;}
.modal_container .new_repair .btn_add svg {fill:#FFF}
.modal_container .new_repair .model_grid_cell {display: flex; margin-top: 16px;}
.modal_container .new_repair .model_grid+.model_grid {border-top: 1px solid #c4cdd5; margin-top: 16px;}
.modal_container .search_content:disabled {background:none !important;}
.model_grid_cell_icon {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; background: none; border: none; font-size: inherit; line-height: inherit; cursor: pointer; flex: 0 1 auto; align-self: flex-start;}
.model_grid_cell_txt {flex: 1 1 auto; margin-left: 20px;}
.model_grid_cell_btn {margin-left: 20px;}
.model_grid_cell_txt_head,.model_grid_cell_txt_head:hover {color:#000; font-size: 16px;}
.model_grid_cell_txt_txt {color: #637381; margin: 5px 0 0 0;}
.model_grid_cell_icon_45 {height: 45px; width: 45px; fill: #919fac;}
.new_repair_data { overflow-x: auto;  max-height: 200px;}
.new_repair_data .form_table td {display: table-cell; padding:10px 16px 10px 0}
.new_repair_data .form_table td.center { max-width: 26px; text-align: center;}
.new_repair_data .form_table td.left { max-width: 60px; padding-left: 10px; text-align: left;}
.new_repair_data .form_table td.max120 { max-width: 120px; }
.model_grid .model_grid_ul_flex {display: flex; align-items: center;}
.model_grid .model_grid_ul_flex li+li {margin-left: 15px;}
.model_grid .model_grid_ul_flex .search_before_date input,.model_grid .model_grid_ul_flex .search_end_date input{ font-size: 13px; padding: 7px 10px;}
.model_grid .status_data { overflow-x: auto; max-height: 200px;}
.wp-editor-container .close_modal {flex: 0 0 auto;}
.wp-editor-container{border: 1px solid #CCCCCC;border-radius: 3px 3px 3px 3px;position: relative;clear: none !important;width: 90%;}
.wp-editor-area{height: 300px; width: 716px; padding: 10px; line-height: 150%; margin: 0px; outline: 0px; border: 0px;}
.detail { position: fixed; top: 0px; right: 0px; width: 399px; overflow: hidden; background: #fff; border: 1px solid #dfe3e8; z-index: 3100;}
.detail h4 {margin:0; color: #404040; height: 48px; line-height: 48px; width: 100%; background: #fafbfc; border-bottom: 1px solid #dfe3e8; position: relative;}
.detail h4 strong { padding-left: 20px; font-weight: normal; font-size: 16px;}
.detail .close {position: absolute;top: 13px;right: 15px;}
.detail_list { min-height: 800px;}
.detail_list .btn{margin-right: 0; margin-left: -1px; border-radius: 0!important; width: 100%;}
.detail_list1{ padding-bottom: 15px; border-bottom: 1px solid #dfe3e8;}
.detail_list .btns { display: flex; margin: 0 18px;}
.detail_list>div{ padding-top: 16px; margin: 0 20px;}
.mtbtn {padding-left:0;}
.mtbtn input {margin-right:5px;}
.detail_list1 p { color: #212b36; font-size: 13px; font-weight: normal; line-height: 24px;margin:0;}
.detail_list3 h3 {line-height: 20px; color: #333;margin:0;}
.detail_list3 h3 strong {line-height: 20px; border-left: 4px solid #14cc76; font-weight: normal; padding-left: 10px; font-size: 16px;}
.detail_list3 .time {font-size: 12px;}
.detail_list3 li { padding-top: 20px; position: relative; padding-left: 20px; border-left: 2px solid #dfe3e8;}
.detail_list3 p { color: #8c8c8c;margin:0;}
.detail_list3 em {color: #212b36; font-style: normal;}
.detail_list3 em.add {color:red; font-size:12px;}
.detail_list3 em.del {color:green; font-size:12px;}
.detail_list3 span {margin-left:10px;}
.detail_list3 .detail_his_list { height: 270px; width: auto; overflow: auto; padding: 0 7px;}
.detail_list3 .ico{width: 16px; height: 16px; display: block; position: absolute; top: 23px; left: -9px;background: url(../img/sprites2x.1.png) no-repeat; background-size: 115px; background-position: -16px -3px;}
.detail_list3 .select .ico{background-position: 0px -3px;}
.detail_list3 .select .select{ height: 22px; top: 0px; background: #fff; left: -2px; width: 2px;position: absolute; background: #fff; display: block;}
.detail_list3 img{cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); z-index: 2147000000;}

.xcConfirm .popBox{position: fixed; left: 50%; top: 40%; background-color: #ffffff; z-index: 2147000001; width: 540px; min-height: 265px; margin-left: -285px; margin-top: -150px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox .tt{display:none;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; position: absolute; top: 0x; right: 13px; font-size: 30px; font-weight: normal; color: #999;}
.xcConfirm .popBox .txtBox{ width: 540px; display: block; margin-top: 54px;}
.xcConfirm .popBox .txtBox .bigIcon{ margin: 0px auto 20px auto; position: inherit; width: 54px; height: 54px; background: url(../img/sprites2x.1.png) no-repeat; background-size: 115px; background-position: 48px 0;}
.xcConfirm .popBox .txtBox h4 {text-align: center; color: #404040; font-size: 16px; margin-top: 26px; margin-bottom: 10px; font-weight: normal;}
.xcConfirm .popBox .txtBox h4 em {color: #14cc76;font-style: normal;}
.xcConfirm .popBox .txtBox p{min-height: 22px;text-align: center; color: #8c8c8c; font-weight: normal; font-size: 14px; line-height: 22px; padding: 0 15px; margin-bottom: 24px;}
.xcConfirm .popBox .sctBox,.xcConfirm .popBox .txt2Box { margin: 30px auto 20px auto; width: 380px;}
.xcConfirm .popBox .sctBox input,.xcConfirm .popBox .txt2Box textarea{width: 331px; height: 30px; border: solid 1px #eef0f1; font-weight: normal; color: #000; padding: 0 10px;}
.xcConfirm .popBox .sctBox p,.xcConfirm .popBox .txt2Box p {margin-bottom:0;text-align:left;padding:0; margin-top: 10px;}
.xcConfirm .popBox .txt2Box textarea {width: 380px;  height: 86px;}
.xcConfirm .popBox .sctBox .carrSct { width: 331px; height: 30px; border: solid 1px #eef0f1; font-weight: normal; color: #000; padding: 0 7px;}
.xcConfirm .popBox .btnGroup{ text-align: center; padding: 13px 20px 13px 20px; background: #fafbfc;}
.xcConfirm .popBox .sgBtn{ font-weight: normal;border: 1px solid #ededf2; background: #fff; color: #404040; line-height: 32px; padding: 5px 29px; cursor: pointer; outline: none; margin: 0px 10px; text-align: center;}
.xcConfirm .popBox .sgBtn.ok{ border: 1px solid #14cc76; background: #14cc76; color: #fff;}

.xcMember .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.5; z-index: 2147000000;}
.xcMember .popBox{position: fixed; left: 50%; top: 40%; background-color: #ffffff; z-index: 2147000001; width: 540px; min-height: 265px; margin-left: -285px; margin-top: -150px; font-weight: bold; color: #535e66;}
.xcMember .popBox .inputmoneyaddon {padding: 6px 13px 7px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; color: #3c763d; background-color: #dff0d8;   border-color: #3c763d; border-left: 0;}
.xcMember .popBox .ttBox .tt{	font-size: 18px; font-weight: normal; color: #000; margin: 15px;}
.xcMember .popBox .ttBox .clsBtn{display: block; cursor: pointer;  float: right; margin: -10px 0; font-size: 30px; font-weight: normal; color: #999;}
.xcMember .popBox .txtBox{ width: 540px; display: block; margin-top: 40px;}
.xcMember .popBox .ttBox {min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5;}
.xcMember .popBox .txtBox .bigIcon{ margin: 0px auto 20px auto; position: inherit; width: 54px; height: 54px; background: url(../img/sprites2x.1.png) no-repeat; background-size: 115px; background-position: 48px 0;}
.xcMember .popBox .txtBox h4 {text-align: center; color: #404040; font-size: 16px; margin-top: 26px; margin-bottom: 10px; font-weight: normal;}
.xcMember .popBox .txtBox h4 em {color: #14cc76;font-style: normal;}
.xcMember .popBox .txtBox p{min-height: 22px;text-align: center; color: #8c8c8c; font-weight: normal; font-size: 14px; line-height: 22px; padding: 0 15px; margin-bottom: 24px;}
.xcMember .popBox .txtBox .popHtml {color:#000;}
.xcMember .popBox .sctBox,.xcMember .popBox .txt2Box { margin: 30px auto 20px auto; width: 380px;}
.xcMember .popBox .sctBox input,.xcMember .popBox .txt2Box textarea{display: inline-block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px;  line-height: 1.42857143;  color: #555;  background-color: #fff;  background-image: none;  border: 1px solid #ccc;  border-radius: 4px;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.xcMember .popBox .sctBox .inputmoney { width: 89%;border-top-right-radius: 0; border-bottom-right-radius: 0;border-color: #3c763d;}
.has-error .inputmoney,.has-error .inputmoneyaddon ,.has-error{color: #a94442 !important;  border-color: #a94442 !important;}
.has-error .inputmoneyaddon { background-color: #f2dede !important;}
.xcMember .popBox .sctBox input:focus,.xcMember .popBox .txt2Box textarea:focus {border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.xcMember .popBox .sctBox p,.xcMember .popBox .txt2Box p {margin-bottom:0;text-align:left;padding:0; margin-top: 10px;}
.xcMember .popBox .txt2Box textarea {width: 380px;  height: 86px;}
.xcMember .popBox .btnGroup{ text-align: center; padding: 13px 20px 13px 20px; background: #fafbfc;}
.xcMember .popBox .sgBtn{ font-weight: normal;border: 1px solid #ededf2; background: #fff; color: #404040; line-height: 32px; padding: 5px 29px; cursor: pointer; outline: none; margin: 0px 10px; text-align: center;}
.xcMember .popBox .sgBtn.ok{ border: 1px solid #14cc76; background: #14cc76; color: #fff;}
.wechatmenu-add li{display: inline-block;width:100%;}
.wechatmenu-add li div{float:left;padding-right:5px;}
.wechatmenu-add .mainSubWrap {width:10px;}
.wechatmenu-add .mainNameWrap{width:25%;}
.wechatmenu-add .mainTypeWrap{width:25%;}
.wechatmenu-add .mainKeyWrap{width:30%;}

.analyze_header {margin-left: 11px; margin-top: 10px;display: flex; flex-wrap: wrap; align-items: center;}
.daterange_compare {margin-left: 8px;color: #637381;}
#uploader{
	position: relative;
    
}
#uploader .queueList {
    margin: 45px 25px 15px;
	max-height: 389px;
    overflow: hidden;
    overflow-y: auto;
}

#uploader .placeholder {
    border: 3px dashed #e6e6e6;
    min-height: 350px;
    padding-top: 158px;
    text-align: center;
    background: url(../img/image.png) center 93px no-repeat;
    color: #cccccc;
    font-size: 18px;
    position: relative;
}

#uploader .placeholder .webuploader-pick {
    font-size: 18px;
    background: #00b7ee;
    border-radius: 3px;
    line-height: 44px;
    padding: 0 30px;
    color: #fff;
    display: inline-block;
    margin: 20px auto;
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

#uploader .placeholder .webuploader-pick-hover {
    background: #00a2d4;
}

#uploader .placeholder .flashTip {
    color: #666666;
    font-size: 12px;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
}
#uploader .placeholder .flashTip a {
    color: #0785d1;
    text-decoration: none;
}
#uploader .placeholder .flashTip a:hover {
    text-decoration: underline;
}

#uploader .placeholder.webuploader-dnd-over {
    border-color: #999999;
}

#uploader .placeholder.webuploader-dnd-over.webuploader-dnd-denied {
    border-color: red;
}

#uploader .filelist {
    list-style: none;
    margin-top: 10px;
    padding: 0;
}

#uploader .filelist:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}

#uploader .filelist li {
    width: 110px;
    height: 110px;
    background: url(../img/bg.png) no-repeat;
    text-align: center;
    margin: 0 8px 20px 0;
    position: relative;
    display: inline;
    float: left;
    overflow: hidden;
    font-size: 12px;
}

#uploader .filelist li p.log {
    position: relative;
    top: -45px;
}

#uploader .filelist li p.title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow : ellipsis;
    top: 5px;
    text-indent: 5px;
    text-align: left;
}

#uploader .filelist li p.progress {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 8px;
	background-color:transparent;
	margin-bottom:0;
    overflow: hidden;
    z-index: 50;
	-webkit-box-shadow:none;
	box-shadow:none;
}
#uploader .filelist li p.progress span {
    display: none;
    overflow: hidden;
    width: 0;
    height: 100%;
    background: #1483d8 url(../img/progress.png) repeat-x;

    -webit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    -ms-transition: width 200ms linear;
    transition: width 200ms linear;

    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;

    -webkit-transform: translateZ(0);
}

@-webkit-keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}
@-moz-keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}
@keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}

#uploader .filelist li p.imgWrap {
    position: relative;
    z-index: 2;
    line-height: 110px;
    vertical-align: middle;
    overflow: hidden;
    width: 110px;
    height: 110px;

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    -webit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    -ms-transition: 200ms ease-out;
    transition: 200ms ease-out;
}

#uploader .filelist li img {
    width: 100%;
}

#uploader .filelist li p.error {
    background: #f43838;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 28px;
    line-height: 28px;
    width: 100%;
    z-index: 100;
}

#uploader .filelist li .success {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    z-index: 200;
    background: url(../img/success.png) no-repeat right bottom;
}

#uploader .filelist div.file-panel {
    position: absolute;
    height: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
    background: rgba( 0, 0, 0, 0.5 );
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 300;
}

#uploader .filelist div.file-panel span {
    width: 24px;
    height: 24px;
    display: inline;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/icons.png) no-repeat;
    margin: 5px 1px 1px;
    cursor: pointer;
}

#uploader .filelist div.file-panel span.rotateLeft {
    background-position: 0 -24px;
}
#uploader .filelist div.file-panel span.rotateLeft:hover {
    background-position: 0 0;
}

#uploader .filelist div.file-panel span.rotateRight {
    background-position: -24px -24px;
}
#uploader .filelist div.file-panel span.rotateRight:hover {
    background-position: -24px 0;
}

#uploader .filelist div.file-panel span.cancel {
    background-position: -48px -24px;
}
#uploader .filelist div.file-panel span.cancel:hover {
    background-position: -48px 0;
}

#uploader .statusBar {
    height: 63px;
    border-top: 1px solid #dadada;
    padding: 10px 20px;
    vertical-align: middle;
    position: relative;
}

#uploader .statusBar .progress {
	margin-bottom:0;
    border: 1px solid #1483d8;
    width: 198px;
    background: #fff;
    height: 18px;
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    color: #6dbfff;
    position: relative;
    margin-right: 10px;
}
#uploader .statusBar .progress span.percentage {
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #1483d8;
    position: absolute;
}
#uploader .statusBar .progress span.text {
    position: relative;
    z-index: 10;
}

#uploader .statusBar .info {
    
    font-size: 14px;
    color: #666666;
}

#uploader .statusBar .btns {
    position: absolute;
    top: 10px;
    right: 20px;
    line-height: 40px;
	padding:0;
}

#filePicker2 {
    display: inline-block;
    float: left;
}

#uploader .statusBar .btns .webuploader-pick,
#uploader .statusBar .btns .uploadBtn,
#uploader .statusBar .btns .uploadBtn.state-uploading,
#uploader .statusBar .btns .uploadBtn.state-paused {
    background: #ffffff;
    border: 1px solid #cfcfcf;
    color: #565656;
    padding: 0 18px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
    float: left;
}
#uploader .statusBar .btns .webuploader-pick-hover,
#uploader .statusBar .btns .uploadBtn:hover,
#uploader .statusBar .btns .uploadBtn.state-uploading:hover,
#uploader .statusBar .btns .uploadBtn.state-paused:hover {
    background: #f0f0f0;
}

#uploader .statusBar .btns .uploadBtn {
    background: #00b7ee;
    color: #fff;
    border-color: transparent;
}
#uploader .statusBar .btns .uploadBtn:hover {
    background: #00a2d4;
}

#uploader .statusBar .btns .uploadBtn.disabled {
    pointer-events: none;
    opacity: 0.6;
}
#uploader .item{padding-bottom: 10px; line-height: 22px}

#uploader .webuploader-container {
	position: relative;
}
#uploader .webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
#uploader .webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	background: #00b7ee;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
}
#uploader .webuploader-pick-hover {
	background: #00a2d4;
}

#uploader .webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}
#uploader .xcConfirm-pic .popBox { top: 30% !important;}
#uploader .element-invisible{display:none !important;}

.short_search .search_content  { width: 350px; display: inline-block;}
.buss_info {width:50%;float:left;}
.other_info {width:50%;float:left;}
.buss_content label {width:95px; float: left; line-height: 34px; text-align: right; padding-right: 15px;}
.buss_content input,.buss_content select {border-radius: 3px; width: 340px;}
.buss_content div {margin-bottom: 5px;}
.buss_content .wp-editor-container{ float: left; width: 340px;}
.buss_content .wp-editor-area { height: 150px; width: 338px;}
.buss_content span,.other_select span {color:red;}
.buss_info #post_country {width: 280px;float: left; margin-right: 10px;}
.buss_info #post_countrystr { width: 50px;}
.order_pform input { padding: 0 5px;color: #8c8c8c; font-size: 13px; height: 30px;border-color: #FFF; border-top: 0;border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.order_pform .order_pno { background-color: #F6FCFF; display: block; padding: 6px 12px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.order_pform { max-height: 240px; overflow: overlay; display: block;width: 916px;}
.buss_content { float: left; margin-bottom: 15px; width: 100%;}
.order_tform div { font-weight: 700;background-color: #f9f9f9; padding: 10px 0 10px 7px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.odiv1 {width:40px;}
.odiv2 {width:120px;}
.odiv3 {width:234px;}
.odiv4 {width:165px;}
.odiv5 {width:80px;}
.odiv6 {width:130px;}
.order_tform .odiv7 {width:146px;border-right: 1px solid #ccc;}
.order_pform .odiv7 {width:130px;border-right: 1px solid #ccc;}
.other_select label{ width: 73px; float: left; line-height: 34px; text-align: right; padding-right: 15px;}
.other_select select { border-radius: 3px; width: 110px;}
.other_select div {width:30%;float:left;}
.other_select input { width: 70%;}
.other_select { width: 100%; float: left;}
.user-meta .pcountry { width: 320px; float: left; margin-right: 10px;}
.user-meta .pcountrystr { width: 50px;}
.user-top {width:100%; height:100px; padding: 0 2px;}
.user-top li {width: 33%; float: left;}
.user-top li label{font-weight:normal;}
.user-btn {width:100%; height:50px; padding: 0 2px;}
.user-btn input { background: #14cc76; color: #fff; margin-right: 10px; padding: 4px 10px;}
.user-btn .user-btn-r { width: 70%; float: left; text-align: right;}
.user-btn .user-btn-l { width: 30%; float: left;}
.odiv11 {width:39px;}
.odiv12 {width:110px;}
.odiv13 {width:200px;}
.odiv14 {width:150px;}
.odiv15 {width:70px;}
.odiv16 {width:70px;}
.odiv17 {width:70px;}
.odiv18 {width:70px;}
.odiv19 {width:70px;}
.odiv20 {width:100px;border-right: 1px solid #ccc !important;}
.user-ordermidd .order_pform {width:949px;}
.user-ordertop {border-bottom: 1px solid #f2f2f2; margin: 5px -20px 0 -20px; padding: 0 20px 10px}
.user-ordermidd {margin-top:15px;}
.detail_hz { margin: 10px 0 15px; color: #8c8c8c;}
.detail_hz span,.user_bott_content span { color: #FF5252;}
.user_bott_content label { width: 80px; float: left;  line-height: 34px; text-align: right; padding-right: 15px; font-weight:normal;}
.user_bott_content input,.user_bott_content select { width: 140px;}
.user_bott_content div {float:left; width: 25%;height: 50px;}
.user_bott_content { width: 100%; height: 50px;}

@media (max-width:1280px){
	
}
@media (max-width:1024px){

}
@media (max-width:860px){

}
@media (max-width:640px){

}
@media (max-width:480px){

}
@media (max-width:360px){

}

/*!
 * Viewer.js v1.6.1
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-06-14T07:47:15.792Z
 */

.viewer-zoom-in::before,
.viewer-zoom-out::before,
.viewer-one-to-one::before,
.viewer-reset::before,
.viewer-prev::before,
.viewer-play::before,
.viewer-next::before,
.viewer-rotate-left::before,
.viewer-rotate-right::before,
.viewer-flip-horizontal::before,
.viewer-flip-vertical::before,
.viewer-fullscreen::before,
.viewer-fullscreen-exit::before,
.viewer-close::before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}

.viewer-zoom-in::before {
  background-position: 0 0;
  content: 'Zoom In';
}

.viewer-zoom-out::before {
  background-position: -20px 0;
  content: 'Zoom Out';
}

.viewer-one-to-one::before {
  background-position: -40px 0;
  content: 'One to One';
}

.viewer-reset::before {
  background-position: -60px 0;
  content: 'Reset';
}

.viewer-prev::before {
  background-position: -80px 0;
  content: 'Previous';
}

.viewer-play::before {
  background-position: -100px 0;
  content: 'Play';
}

.viewer-next::before {
  background-position: -120px 0;
  content: 'Next';
}

.viewer-rotate-left::before {
  background-position: -140px 0;
  content: 'Rotate Left';
}

.viewer-rotate-right::before {
  background-position: -160px 0;
  content: 'Rotate Right';
}

.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: 'Flip Horizontal';
}

.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: 'Flip Vertical';
}

.viewer-fullscreen::before {
  background-position: -220px 0;
  content: 'Enter Full Screen';
}

.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: 'Exit Full Screen';
}

.viewer-close::before {
  background-position: -260px 0;
  content: 'Close';
}

.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.viewer-container::-moz-selection,
.viewer-container *::-moz-selection {
  background-color: transparent;
}

.viewer-container::selection,
.viewer-container *::selection {
  background-color: transparent;
}

.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto;
}

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  width: 30px;
}

.viewer-list > li:hover {
  opacity: 0.75;
}

.viewer-list > li + li {
  margin-left: 1px;
}

.viewer-list > .viewer-loading {
  position: relative;
}

.viewer-list > .viewer-loading::after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
}

.viewer-list > .viewer-active,
.viewer-list > .viewer-active:hover {
  opacity: 1;
}

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-player > img {
  left: 0;
  position: absolute;
  top: 0;
}

.viewer-toolbar > ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 3px 0;
}

.viewer-toolbar > ul > li {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 24px;
}

.viewer-toolbar > ul > li:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-toolbar > ul > li::before {
  margin: 2px;
}

.viewer-toolbar > ul > li + li {
  margin-left: 1px;
}

.viewer-toolbar > ul > .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px;
}

.viewer-toolbar > ul > .viewer-small::before {
  margin: -1px;
}

.viewer-toolbar > ul > .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px;
}

.viewer-toolbar > ul > .viewer-large::before {
  margin: 5px;
}

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin: 0 5% 5px;
  max-width: 90%;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
  opacity: 1;
}

.viewer-button {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus,
.viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-button::before {
  bottom: 15px;
  left: 15px;
  position: absolute;
}

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@-webkit-keyframes modalOpen {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@keyframes modalOpen {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes modalBgOpen {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes modalBgOpen {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.viewer-loading::after {
  -webkit-animation: viewer-spinner 1s linear infinite;
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-left-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1;
}
.nofound { max-width: 180px;}
.loading-txt { margin-top: 16px; max-width: 100%; font-size: 20px; margin-left: 16px; color: #637381; line-height:  28px;}

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}

@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}

@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

.btn input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer;
	height: 100%;
}

.impowerBox .qrcode {width: 200px;}
.impowerBox .title {display: none;}
.impowerBox .info {width: 200px;}
.status_icon {display: none  !important}
.impowerBox .status {text-align: center;}
.wx_reg {text-align: center;}

@media print {
	body {margin-top:0 !important; padding:0 !important;}
	header {display:none;} 
	footer {display:none;} 
	.header-action  {display:none;} 
	.user-main {overflow:hidden;}
	.user-header-right  {display:none;} 
	.search_repair {display:none;} 
	.userside {display:none;} 
	.content {padding:0 !important}
	.container-user {padding:0 !important; border:0;}
	.pagination {display: none;}
	.user-tips {display:none;}
	.presentation {display:none;}
	.user-postlist td, .posttitle td { color: #000; border-bottom: 1px solid #797979; padding:0; height:48px; font-size: 14px; display: none !important; }
	.user-postlist td.print, .posttitle td.print { display: table-cell !important;}
}