﻿a.btn-default {
    color: #333!important;
}
.acenter {
    text-align: center;
}
div.left{ margin-right: 10px; }
.clear{ clear: both; }
.hozbreak{background: url(../images/store/break-a.png) center repeat-x;line-height: 10px;clear: both}
.list-none-inline{ padding: 0; margin: 0; list-style: none; }
.list-none-inline li{ display: inline-block; }
img.refresh{ cursor: pointer; }
.newimgaedemo{ display: inline-block!important; width: auto; }
.catlistcheckarea {
    max-height: 250px;
    overflow: auto;
    padding: 5px;
}
.margin-bottom {
    margin-bottom: 10px;
}
.store-ext-htmlbody ul {
    list-style: disc;
}
.store-ext-htmlbody ol {
    list-style: decimal;
}
.store-ext-htmlbody {
    overflow-x: hidden;
}
.store-ext-htmlbody div > img {
    margin-top: 10px;
    margin-bottom: 10px;
}
.store-ext-htmlbody h1,
.store-ext-htmlbody h2,
.store-ext-htmlbody h3 {
    margin-top: 25px;
    margin-bottom: 10px;
}
.store-ext-htmlbody h1:first-child,
.store-ext-htmlbody h2:first-child,
.store-ext-htmlbody h3:first-child {
    margin-top: 0;
}
.store-ext-htmlbody figure.image {
    float: inherit;
    margin-right: 0;
    padding: 0;
}

.store-ext-htmlbody figure.image figcaption {
    font-style: italic;
    font-size: 13px;
}

/* PAGE NAV */
.store-page-nav{
    padding-top:20px;
    background:url(../images/store/h3.bg.gif) repeat-x 0 top;
    text-align:right;
    margin-bottom:10px;
}
.store-page-nav.top{
    padding-bottom:20px;
    background:url(../images/store/h3.bg.gif) repeat-x 0 bottom;
    text-align:right;
    margin-top:10px;
    padding-top:0;
    margin-bottom:10px;
}
.store-page-nav .pagination, table .pagination{ margin: 0; }

/* ALL */
.store-price{
    font-size:16px;
}
.store-small{
    font-size:11px;
}
/* LIST ITEMS */
.store-ex-item{
    padding:20px 0 22px 0;
    background:url('../images/store/break-a.png') repeat-x 0 bottom;
}
.store-ex-item .c1{
    float:left;
    width:100px;
}
.store-ex-item .c1 .wrap-img{
    float:left;
    padding:3px;
    background:#fff;
    border:1px #eee solid;
}
.store-ex-item .c1 .fix-img{
    overflow:hidden;
    width:80px;
    height:80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #eee;
}
.store-ex-item .c1 .fix-img a {
    display: block;
}
.store-ex-item .c1 .fix-img img{
    width: 100%;
}
.store-ex-item .c2{
    padding-left:100px;
    padding-right:100px;
}
.store-ex-item .c2 .col{
    float:left;
    width:50%;
}
.store-ex-item .c2 .col .cleft{
    padding-right:5px;
}
.store-ex-item .c2 h2{
    font-size:18px;
    line-height:18px;
    margin:0;
    padding:0;
    margin-bottom:5px;
}
.store-ex-item .c3{
    float:right;
    width:100px;
}
.store-ex-item .c3 .ct{
    padding-left:10px;
    text-align:center;
}

@media (max-width:499px) {
.store-ex-item .c2 {
    padding-left: 0;
}
.store-ex-item .c2 > .col {
    float: none;
    width: 100%;
}
.store-ex-item .c2 > .col:last-child {
    display: none;
}
}

@media (max-width:379px) {
.store-ex-item .c1 {
    display: none;
}
}

/* EX DETAIL */
.ext-detail-header {
    margin-bottom: 15px;
}
.ext-detail-himg {
    float: left;
    margin-right: 15px;
    width: 80px;
    margin-top: 10px;
    margin-left: 10px;
}
.ext-detail-himg img {
    width: 100%;
}
.ext-detail-title {
    font-size: 24px;
    margin-bottom: 7px;
}
ul.ext-detail-hinfo {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.ext-detail-hinfo li {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: 20px;
}
ul.ext-detail-hinfo li:last-child {
    margin-right: 0;
}

.ext-detail-tabs {
    margin-bottom: 15px;
    border-bottom-width: 2px;
    padding-left: 10px;
}
.ext-detail-tabs > li {
    margin-bottom: -2px;
}
.ext-detail-tabs > li > a {
    border-width: 2px!important;
}
.ext-detail-tabs > li.active > a,
.ext-detail-tabs > li.active > a:hover,
.ext-detail-tabs > li.active > a:focus {
    background-color: #FBFBFB;
}

.ext-detail-meta {
    background-color: #ebf0f1;
    padding-top: 20px;
    padding-bottom: 16px;
}
.ext-detail-meta dl {
    margin-bottom: 0;
}
.ext-detail-meta dt {
    font-weight: normal;
    text-align: left;
    width: 100px;
}
.ext-detail-meta dd {
    font-weight: bold;
    text-align: left;
    margin-left: 115px;
    padding-bottom: 4px;
    margin-bottom: 4px;
}
.ext-detail-meta .giturl {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    font-size: 12px;
    padding: 3px;
    background: #dbe7eb;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.ext-detail-metatags,
.ext-detail-metarank {
    margin-bottom: 15px;
}
.ext-detail-metatags .h1,
.ext-detail-metarank .h1 {
    margin-bottom: 15px;
}
.ext-detail-metatags a[rel=tag] {
    background: #eee;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #000;
    display: inline-block;
    font-size: 12px;
    margin: 2px;
    max-width: 95%;
    overflow: hidden;
    padding: 3px 6px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}

.ext-detail-metarank .rating-cancel {
    display: none!important;
}
.ext-detail-metarank div.star {
    width: 86px;
    margin: 0 auto 10px auto;
}
.ext-detail-metarank div.star [type="radio"] {
    display: none;
}

.ext-detail-metatool a.btn {
    background-color: #ebf0f1;
    color: #5d6d6d;
    display: block;
    text-align: center;
    border-radius: 0;
    border: 0;
    padding-top: 8px;
}
.ext-detail-metatool a.btn:hover {
    color: #fff;
}
.ext-detail-metatool a.btn-success {
    border-bottom: 2px solid #00a500;
}
.ext-detail-metatool a.btn-danger {
    border-bottom: 2px solid #ff2121;
}
.ext-detail-metatool a.btn-warning {
    border-bottom: 2px solid #ff8100;
}
.ext-detail-metatool a.btn-info {
    border-bottom: 2px solid #0081bc;
}
.ext-detail-metatool a.btn-success:hover {
    background-color: #00a500;
}
.ext-detail-metatool a.btn-danger:hover {
    background-color: #ff2121;
}
.ext-detail-metatool a.btn-warning:hover {
    background-color: #ff8100;
}
.ext-detail-metatool a.btn-info:hover {
    background-color: #0081bc;
}

.ext-detail-demoimgis {
    display: block;
    margin-bottom: 10px;
}
.ext-detail-demoimgis img {
    width: 100%;
    height: auto;
}

.ext-detail-files p {
    margin-bottom: 15px;
}
.ext-detail-files ul li {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px #ddd solid;
    text-align: right;
    font-weight: bold;
}
.ext-detail-files ul li span {
    float: left;
    font-weight: normal;
}
.ext-detail-files ul li:last-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.no-wrap{
    white-space:nowrap!important;
}

.store-report-area{
    overflow:auto;
}
.store-report-form label{
    display: block;
    margin-bottom: 10px;
}
.store-report-form label span{
    margin-bottom:5px;
    display:block;
}

.comment-marked{
    background-color:#FFFFCC!important
}
.store-comment-border{
    border:1px #dadada solid;
    background-image:none!important
}

@media (max-width:550px) {
.ext-detail-himg {
    display: none;
}
}

/* INFO BOX */
 .info-box {
     padding: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     -webkit-box-shadow: #ccc 0 2px 3px;
     -moz-box-shadow: #ccc 0 2px 3px;
     box-shadow: #ccc 0 1px 3px
 }
 .info-box div {
     background-position: left center;
     background-repeat: no-repeat;
     padding: 7px 0 7px 35px;
     color: #333
 }
 .info-box.warning-box {
     background-color: #FF9600;
     background-image: -moz-linear-gradient(100% 100% 90deg, #FEEF9B, #FF9600);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF9600), to(#FEEF9B));
     background-image: -ms-linear-gradient(#FF9600, #FEEF9B);
     background-image: -o-linear-gradient(#FF9600, #FEEF9B);
     background-image: linear-gradient(#FF9600, #FEEF9B);
     -pie-background: linear-gradient(#FF9600, #FEEF9B)
 }
 .info-box.warning-box div {
     background-image: url(../images/store/m_alert.png)
 }
 .info-box.ok-box {
     background-color: #26B83E;
     background-image: -moz-linear-gradient(100% 100% 90deg, #D6EEA7, #26B83E);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#26B83E), to(#D6EEA7));
     background-image: -ms-linear-gradient(#26B83E, #D6EEA7);
     background-image: -o-linear-gradient(#26B83E, #D6EEA7);
     background-image: linear-gradient(#26B83E, #D6EEA7);
     -pie-background: linear-gradient(#26B83E, #D6EEA7)
 }
 .info-box.ok-box div {
     background-image: url(../images/store/m_info.png)
 }
 .info-box.error-box {
     background-color: #E40C33;
     background-image: -moz-linear-gradient(100% 100% 90deg, #E84D69, #E40C33);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E40C33), to(#E84D69));
     background-image: -ms-linear-gradient(#E40C33, #E84D69);
     background-image: -o-linear-gradient(#E40C33, #E84D69);
     background-image: linear-gradient(#E40C33, #E84D69);
     -pie-background: linear-gradient(#E40C33, #E84D69)
 }
 .info-box.error-box div {
     background-image: url(../images/store/m_error.png);
     color: #fff
 }
 .info-box.error-box div a {
     color: #fff
 }
 .info-box.warning-box div a,
 .info-box.ok-box div a {
     color: #333
 }
.info-box{padding:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: #ccc 0px 2px 3px;-moz-box-shadow: #ccc 0px 2px 3px;box-shadow: #ccc 0px 1px 3px}
.info-box div{background-position:left center;background-repeat:no-repeat;padding:7px 0 7px 35px;color:#333}
.info-box.warning-box{
    background-color: #FF9600;
    background-image: -moz-linear-gradient(100% 100% 90deg, #FEEF9B, #FF9600);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF9600), to(#FEEF9B));
    background-image: -ms-linear-gradient(#FF9600, #FEEF9B);
    background-image: -o-linear-gradient(#FF9600, #FEEF9B);
    background-image: linear-gradient(#FF9600, #FEEF9B);
    -pie-background: linear-gradient(#FF9600, #FEEF9B);
}
.info-box.ok-box{
    background-color: #26B83E;
    background-image: -moz-linear-gradient(100% 100% 90deg, #D6EEA7, #26B83E);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#26B83E), to(#D6EEA7));
    background-image: -ms-linear-gradient(#26B83E, #D6EEA7);
    background-image: -o-linear-gradient(#26B83E, #D6EEA7);
    background-image: linear-gradient(#26B83E, #D6EEA7);
    -pie-background: linear-gradient(#26B83E, #D6EEA7);
}
.info-box.error-box{
    background-color: #E40C33;
    background-image: -moz-linear-gradient(100% 100% 90deg, #E84D69, #E40C33);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E40C33), to(#E84D69));
    background-image: -ms-linear-gradient(#E40C33, #E84D69);
    background-image: -o-linear-gradient(#E40C33, #E84D69);
    background-image: linear-gradient(#E40C33, #E84D69);
    -pie-background: linear-gradient(#E40C33, #E84D69);
}
.info-box.error-box div a{color:#fff}
.info-box.warning-box div a, .info-box.ok-box div a{color:#333}
.info-box.strong a{font-weight:bold}

/* SEARCH FORM */
.store-search-form{

}
.store-search-form fieldset{
    border:1px #ddd solid;
    padding:10px;
    margin-bottom:10px;
    display: block;
}
.store-search-form legend{
    border:1px #ddd solid;
    padding:5px;
    background:#f7f7f7;
    display: inline-block;
    width: inherit;
    font-size: inherit;
    margin-bottom: 0;
    font-weight: 700;
}
.store-search-form label{
    padding-right:5px;
}
.store-search-form label span{
    font-weight:bold;
}
.store-search-form fieldset.option select{
    width:110px;
}
.store-search-form fieldset.option .m-bottom, .store-search-form fieldset.option p{
    display: block;
}
.store-search-version{
    float:left;
    width:25%;
}
.store-search-version label{
    display:block
}
.row-exsearch {
    margin-left: -2px;
    margin-right: -2px;
}
.row-exsearch > div {
    padding-left: 2px;
    padding-right: 2px;
    float: left;
}
.row-exsearch > div .form-control,
.row-exsearch > div .btn {
    width: 100%;
}
@media (min-width:920px) and (max-width:987px) {
.col-exsearch-w {
    width: 120px;
}
}
@media (min-width:768px) and (max-width:919px) {
.col-exsearch-q {
    width: 100%;
    margin-bottom: 10px;
}
.col-exsearch-w, .col-exsearch-catid, .col-exsearch-submit {
    width: 33.3333333333%;
}
}
@media (max-width:665px) {
.col-exsearch-q {
    width: 100%;
    margin-bottom: 10px;
}
.col-exsearch-w, .col-exsearch-catid, .col-exsearch-submit {
    width: 33.3333333333%;
}
}
@media (max-width:320px) {
.row-exsearch > div {
    width:100%;
    margin-bottom: 10px;
}
.col-exsearch-submit {
    margin-bottom: 0!important;
}
}

/* MANAGER */
.orderasc {
    height: 16px;
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../images/store/tall-up-arrow.gif');
}
.orderdesc {
    height: 16px;
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../images/store/tall-down-arrow.gif');
}
.orderno {
    height: 16px;
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../images/store/collapse-all.gif');
}
.pointer {
    cursor: pointer;
}
.requie{
    font-weight: bold !important;
    color: #FF0000 !important;
}
.center{
    text-align:center;
}
.delete_icon,.edit_icon,.search_icon,.default_icon{padding-left:15px}
.delete_icon{background:url(../images/store/delete.png) no-repeat left center}
.edit_icon{background:url(../images/store/edit.png) no-repeat left center}
.search_icon{background:url(../images/store/search.png) no-repeat left center}
.default_icon{background:url(../images/store/default.png) no-repeat left center}
.txt-full{
    width:98%
}
.img-demo-item{
    background:#FFFF99;
    padding:5px;
    margin-bottom:5px;
    display:block;
    font-weight:bold;
}
.input.error{
    border-color:#FF6666;
    background:#FFCCCC;
}
label.error{
    display:block;
    font-size:11px;
    color:red;
}
.submit-captcha img,.submit-captcha input{
    vertical-align:middle
}

/* POSHYTIP CSS */
.tip-twitter{-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#000;border-radius:4px;color:#fff;max-width:200px;opacity:0.8;padding:8px;text-align:left;z-index:1000}
.tip-twitter .tip-inner{font:bold 11px/14px 'Lucida Grande',sans-serif}
.tip-twitter .tip-arrow-top{background:url(../images/store/tip-twitter_arrows.gif) no-repeat;height:5px;left:50%;margin-left:-5px;margin-top:-5px;top:0;width:9px}
.tip-twitter .tip-arrow-right{background:url(../images/store/tip-twitter_arrows.gif) no-repeat -9px 0;height:9px;left:100%;margin-left:0;margin-top:-4px;top:50%;width:5px}
.tip-twitter .tip-arrow-bottom{background:url(../images/store/tip-twitter_arrows.gif) no-repeat -18px 0;height:5px;left:50%;margin-left:-5px;margin-top:0;top:100%;width:9px}
.tip-twitter .tip-arrow-left{background:url(../images/store/tip-twitter_arrows.gif) no-repeat -27px 0;height:9px;left:0;margin-left:-5px;margin-top:-4px;top:50%;width:5px}

/* POSHYTIP CSS */
.tip-twitter-tip{-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#000;border-radius:4px;color:#fff;max-width:500px;padding:8px;text-align:left;z-index:1000;color:#dadada}
.tip-twitter-tip .tip-inner{font:normal 11px/14px 'Lucida Grande',sans-serif}
.tip-twitter-tip .tip-arrow-top{background:url(../images/store/tip-twitter_arrows.gif) no-repeat;height:5px;left:50%;margin-left:-5px;margin-top:-5px;top:0;width:9px}
.tip-twitter-tip .tip-arrow-right{background:url(../images/store/tip-twitter_arrows.gif) no-repeat -9px 0;height:9px;left:100%;margin-left:0;margin-top:-4px;top:50%;width:5px}
.tip-twitter-tip .tip-arrow-bottom{background:url(../images/store/tip-twitter_arrows.gif) no-repeat -18px 0;height:5px;left:50%;margin-left:-5px;margin-top:0;top:100%;width:9px}
.tip-twitter-tip .tip-arrow-left{background:url(../images/store/tip-twitter_arrows.gif) no-repeat -27px 0;height:9px;left:0;margin-left:-5px;margin-top:-4px;top:50%;width:5px}
.tip-twitter-tip a{color:#666}
.tip-twitter-tip a:hover{color:#ccc}
.store-image-tip{max-height:350px;border:1px #ccc solid;padding:2px}
.store-tip-title{padding:0;margin:0;font-size:16px;font-weight:bold;color:#ccc;padding:10px 0}
.store-tip-price{font-size:25px;font-weight:bold;margin-right:5px;margin-bottom:5px}

/* SETTINGS */
.store-setting-left{
    float:left;
    margin:auto 0;
    width:150px;
    font-weight:bold;
}
.store-setting-right{
    margin:auto 0;
    float:right;
    width:150px;
    text-align:right;
}
.store-setting-right a{
    text-decoration:underline;
}
.store-setting-mid{
    padding:0 160px 0 160px;
    color:#666;
}

/* COMMENT */
.content-box{
    padding: 10px;
}
img.s-border {
    background: #fff;
    border: 1px solid #d8d8d8;
    padding: 4px;
}
.s-border-round {
    border-radius: 10px;
}
 #idcomment .comment-form .box-border {
     margin-bottom: 10px;
     padding: 5px;
     position: relative;
     height: inherit;
     overflow: hidden;
     border: 1px solid #DFDFDF;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
     background-color: whiteSmoke;
     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
     background-image: -moz-linear-gradient(100% 100% 90deg, #f2f2f2, #fff);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
     -pie-background: linear-gradient(#ffffff, #f2f2f2);
     border-image: initial
 }
 #idcomment {
     -padding: 15px 0 0 0;
     -background: url(../images/store/h3.bg.gif) repeat-x left top
 }
 #idcomment .header-comment {
     line-height: 2;
     padding-bottom: .5em
 }
 #idcomment .header-comment h3 {
     background: url(../images/store/com.png) 0 50% no-repeat;
     line-height: 24px;
     margin-bottom: 0;
     padding-left: 30px
 }
 #idcomment .comment-form .capcha {
     width: 100px
 }
 #idcomment .comment-form .typer {
     font-family: Tahoma, Arial, Helvetica, sans-serif;
     font-size: 1em;
     height: 80px
 }
 #idcomment .list-comments .alt {
     background: #f6f6f6
 }
 #idcomment .list-comments h4 {
     color: #F58220;
     margin-bottom: .5em
 }
 #idcomment .list-comments .ava {
     float: left;
     width: 60px
 }
 #idcomment .list-comments .ava img {
     vertical-align: middle;
     width: 50px
 }
 #idcomment .list-comments .comment-content {
     margin-left: 60px
 }
 #idcomment .comment-form .input-c {
     width: 49%
 }
 .box50 p,
 .block-about p,
 #idcomment .comment-form p {
     margin-bottom: .5em
 }
 #idcomment .comment-form img {
     margin-left: 10px;
     vertical-align: middle
 }
 .block-login .openid a,
 .quiet {
     color: #666
 }
 .details-content,
 #idcomment .comment-form,
 #idcomment .list-comments {
     padding: 0 0 8px 0;
 }
 #idcomment .pagination{
     margin: 0;
 }

/* Photo Swipe */
.pswp__file {
    height: calc(100vh);
    position: relative;
}
.pswp__file > .ctn {
    position: absolute;
    width: 500px;
    height: 400px;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -200px;
    text-align: center;
    display: table;
}
.pswp__file > .ctn a {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}
.pswp__video {
    height: calc(100vh);
    position: relative;
}
.pswp__video > .ctn {
    position: absolute;
    width: 720px;
    height: 405px;
    left: 50%;
    top: 50%;
    margin-left: -360px;
    margin-top: -202px;
    text-align: center;
    display: table;
}
