@charset "utf-8";
.selected{
	background: url('../../images/has_checked.png')  no-repeat right bottom;
}

.loading{
            width: 130px;
            height: 12px;
            margin: 0 auto;
            margin-top:0px;
        }
        .loading span{
            display: inline-block;
            width: 12px;
            height: 100%;
            margin-right: 0px;
            border-radius: 50%;
            background: lightgreen;
            -webkit-animation: load 1.04s ease infinite;
        }
        .loading span:last-child{
            margin-right: 0px; 
        }
        @-webkit-keyframes load{
            0%{
                opacity: 1;
            }
            100%{
                opacity: 0;
            }
        }
        .loading span:nth-child(1){
            -webkit-animation-delay:0.13s;
        }
        .loading span:nth-child(2){
            -webkit-animation-delay:0.26s;
        }
        .loading span:nth-child(3){
            -webkit-animation-delay:0.39s;
        }
        .loading span:nth-child(4){
            -webkit-animation-delay:0.52s;
        }
        .loading span:nth-child(5){
            -webkit-animation-delay:0.65s;
        }
.bs-callout .nav .nav>li>a {
    /*padding-top: 9px;*/
    /*padding-bottom: 9px;*/
    padding-left: 30px;
}

.nav-child-pills > li > a {
    padding-right: 12px;
    padding-left: 15px;
    margin-right: 2px;
    line-height: 14px;
}



.nav-child-pills > li > a {
    padding-top: 9px;
    padding-bottom: 9px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}



.nav-child-pills > .active > a,
.nav-child-pills > .active > a:hover,
.nav-child-pills > .active > a:focus {
    color: #ffffff;
    background-color: #5bc0de;

}



.list-inline >li.active a{
    color: #ff8000;
}



#picview .btn {
    margin-bottom: 5px;
}

.trans_bg {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC) 0 0 repeat
}

.border-top{border-top:1px solid #ddd;}
.border-bottom{border-bottom:1px solid #ddd;}
.border-left{border-left:1px solid #ddd;}
.border-right{border-right:1px solid #ddd;}
.border1px{border:1px solid #ddd;}
.border2px{border:2px solid #ddd;}
.b_dashed1px{border: 1px dashed #ddd;}
.b_dashed2px{border: 2px dashed #ddd;}
.b_t_dashed{border-top: 1px dashed #ddd;}
.b_b_dashed{border-bottom: 1px dashed #ddd;}
.b_l_dashed{border-left: 1px dashed #ddd;}
.b_r_dashed{border-right: 1px dashed #ddd;}
.b_dashedInfo1px{border:1px dashed #5bc0de;}
.b_dashedWarning1px{border:1px dashed #DAA520;}
.btnBorderWeak{border:1px solid #c9302c;color:#c9302c;background-color: #fff;}
.text-black{color:#333!important;}
.text-white{color: #fff!important;}
.text-gray{color: #666!important;}
.text-red{color: #FF0000!important;}
.text-green{color: green!important;}
.text-light-gray{color: #E6E6E6;}
.skuLeftImg { width: 40px; float: left; }
.skuRightInfo {
    width: calc(100% - 40px);
    float: right;
}
.mt-xs {margin-top: 5px!important;}
.ml-xs{margin-left: 5px!important;}
.ml-s{margin-left: 10px!important;}
.ml-m{margin-left: 15px!important;}
.ml-l{margin-left: 20px!important;}
.ml-xl{margin-left: 30px!important;}
.ml-xll{margin-left: 40px!important;}

.mr-xs{margin-right: 5px!important;}
.mr-s{margin-right: 10px!important;}
.mr-m{margin-right: 15px!important;}
.mr-l{margin-right: 20px!important;}
.mr-xl{margin-right: 30px!important;}
.mr-xll{margin-right: 40px!important;}

.mt-xs{margin-top: 5px!important;}
.mt-s{margin-top: 10px!important;}
.mt-m{margin-top: 15px!important;}
.mt-l{margin-top: 20px!important;}
.mt-xl{margin-top: 30px!important;}
.mt-xll{margin-top: 40px!important;}

.mb-xs{margin-bottom: 5px!important;}
.mb-s{margin-bottom: 10px!important;}
.mb-m{margin-bottom: 15px!important;}
.mb-l{margin-bottom: 20px!important;}
.mb-xl{margin-bottom: 30px!important;}
.mb-xll{margin-bottom: 40px!important;}
.font11{font-size: 11px!important;}
.font12{font-size: 12px!important;}
.font13{font-size: 13px!important;}
.font14{font-size: 14px!important;}
.font15{font-size: 15px!important;}
.font16{font-size: 16px!important;}
.font18{font-size: 18px!important;}
.font20{font-size: 20px!important;}
.font22{font-size: 22px!important;}
.font24{font-size: 24px!important;}
.font26{font-size: 26px!important;}
.font30{font-size: 30px!important;}
.font36{font-size: 36px!important;}
.font40{font-size:40px!important;}
/*width*/
.w40{width:40px!important;}
.w50{width:50px!important;}
.w60{width:60px!important;}
.w70{width: 70px!important;}
.w80{width: 80px!important;}
.w100{width: 100px!important;}
.w110{width: 110px!important;}
.w120{width:120px!important;}
.w140{width:140px!important;}
.w160{width:160px!important;}
.w180{width:180px!important;}
.w200{width:200px!important;}
.w220{width:220px!important;}
.w240{width:240px!important;}
.w260{width:260px!important;}
.w280{width:280px!important;}
.w300{width:300px!important;}
.w340{width:340px!important;}
.w360{width:360px!important;}
.w380{width:380px!important;}
.w400{width:400px!important;}
.w440{width:440px!important;}
.w460{width:460px!important;}
.w480{width:480px!important;}
.w500{width:500px!important;}
.w600{width:600px!important;}


.text-st3{height: 4em;line-height: 1.4;position:relative;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;display:-webkit-box;display: -moz-box;-moz-box-orient: vertical;-webkit-box-orient: vertical;word-break: break-all;}
.text-st2{height: 3em;line-height: 1.4;position:relative;text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; display:-webkit-box;display: -moz-box;-moz-box-orient: vertical ;-webkit-box-orient: vertical;word-break: break-all;}
.text-st3{height: 4em;line-height: 1.4;position:relative;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;display:-webkit-box;display: -moz-box;-moz-box-orient: vertical;-webkit-box-orient: vertical;word-break: break-all;}
.text-st4{height: 5em;line-height: 1.4;position:relative;text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 4; display:-webkit-box;display: -moz-box;-moz-box-orient: vertical ;-webkit-box-orient: vertical;word-break: break-all;}


.m-b-xs{margin-bottom: 5px!important;}
.m-b-s{margin-bottom: 10px!important;}
.m-b-m{margin-bottom: 15px!important;}
.m-b-l{margin-bottom: 20px!important;}
.m-b-xl{margin-bottom: 30px!important;}
.m-b-xll{margin-bottom: 40px!important;}

.no-m-t{margin-top: 0!important;}
.no-m-l{margin-left: 0!important;}
.no-m-r{margin-right: 0!important;}
.no-m-b{margin-bottom: 0!important;}
.no-m-tb{margin-top: 0!important;margin-bottom: 0!important;}
.no-m-lr{margin-left: 0!important;margin-right: 0!important;}
.no-margin{margin:0!important;}

/*position*/
.p-relative{position: relative!important;}
.p-absolute{position: absolute!important;}
.p-absoluteRB{position: absolute!important;bottom: 0!important;right: 0!important;}
.p-absoluteLB{position: absolute!important;bottom: 0!important;left: 0!important;}
.p-absoluteRT{position: absolute!important;top: 0!important;right: 0!important;}
.p-absoluteLT{position: absolute!important;top: 0!important;left: 0!important;}

.modal-sm{width: 340px;}
.modal-lg{width:1240px;}
.modal-middle{width:800px;}
.modal .nav-tabs-sm > li > a{padding:3px 15px; font-size:14px;}
.modal .nav-tabs-sm.nav-tabs{height:29px;}
/******** Label ********/
.modal .table .label{font-size:100%}
.modal .table a{text-decoration:none;}
.thumbnail{padding:5px;}


/*padding*/
.p-xs{padding:5px!important;}
.p-s{padding:10px!important;}
.p-m{padding:15px!important;}
.p-l{padding:20px!important;}
.p-xl{padding:30px!important;}
.p-xll{padding:40px!important;}

.p-tb-xs{padding:5px 0!important;}
.p-tb-s{padding:10px 0!important;}
.p-tb-m{padding:15px 0!important;}
.p-tb-l{padding:20px 0!important;}
.p-tb-xl{padding:30px 0!important;}
.p-tb-xll{padding:40px 0!important;}

.p-lr-xs{padding: 0 5px!important;}
.p-lr-s{padding: 0 10px!important;}
.p-lr-m{padding: 0 15px!important;}
.p-lr-l{padding: 0 20px!important;}
.p-lr-xl{padding: 0 30px!important;}
.p-lr-xll{padding: 0 40px!important;}

.p-l-xs{padding-left: 5px!important;}
.p-l-s{padding-left: 10px!important;}
.p-l-m{padding-left: 15px!important;}
.p-l-l{padding-left: 20px!important;}
.p-l-xl{padding-left: 30px!important;}
.p-l-xll{padding-left: 40px!important;}

.p-r-xs{padding-right: 5px!important;}
.p-r-s{padding-right: 10px!important;}
.p-r-m{padding-right: 15px!important;}
.p-r-l{padding-right: 20px!important;}
.p-r-xl{padding-right: 30px!important;}
.p-r-xll{padding-right: 40px!important;}

.p-t-xs{padding-top: 5px!important;}
.p-t-s{padding-top: 10px!important;}
.p-t-m{padding-top: 15px!important;}
.p-t-l{padding-top: 20px!important;}
.p-t-xl{padding-top: 30px!important;}
.p-t-xll{padding-top: 40px!important;}

.p-b-xs{padding-bottom: 5px!important;}
.p-b-s{padding-bottom: 10px!important;}
.p-b-m{padding-bottom: 15px!important;}
.p-b-l{padding-bottom: 20px!important;}
.p-b-xl{padding-bottom: 30px!important;}
.p-b-xll{padding-bottom: 40px!important;}

.no-p-l{padding-left: 0px!important;}
.no-p-t{padding-top: 0px!important;}
.no-p-r{padding-right: 0px!important;}
.no-p-b{padding-bottom: 0px!important;}
.no-p-tb{padding-top: 0px!important;padding-bottom: 0px!important;}
.no-p-lr{padding-left: 0px!important;padding-right: 0px!important;}
.no-padding{padding: 0!important;}
.no-pm{padding: 0;margin: 0;}


.text_yellow{color:#FFC125!important;}
.text_orange{color:orange!important;}
.text_lightgrey{color:#ccc!important;}
.text_springGreen{color:#00FF7F!important;}
.text_lightGreen{color: #20B2AA!important;}
.text_salmon{color: #FA8072!important;}
.text_pink{color: #FF69B4!important;}
.text_gold{color: #DAA520!important;}
.text_slateBlue{color:#8470FF!important;}
.text_khaki{color:#BDB76B!important;}
.text_indianRed{color:#CD5555!important;}
.text_purple{color:#BF3EFF!important;}
.text_blue{color: #033FA8!important;}
.text_dark{ color: #333!important;}