/*基本樣式*/


/*------10格格線--------*/

/*電腦*/

.col-10-lg-1,
.col-10-lg-2,
.col-10-lg-25,
.col-10-lg-3,
.col-10-lg-4,
.col-10-lg-5,
.col-10-lg-6,
.col-10-lg-7,
.col-10-lg-8,
.col-10-lg-9,
.col-10-lg-10 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.col-10-lg-1 {width: 10%;}
.col-10-lg-2 {width: 20%;}
.col-10-lg-25 {width: 25%;}
.col-10-lg-3 {width: 30%;}
.col-10-lg-4 {width: 40%;}
.col-10-lg-5 {width: 50%;}

.col-10-lg-6 {
    width: 60%;
}

.col-10-lg-7 {
    width: 70%;
}

.col-10-lg-8 {
    width: 80%;
}

.col-10-lg-9 {
    width: 90%;
}

.col-10-lg-10 {
    width: 100%;
}

@media screen and (max-width: 990px) {
    /*平板*/
    .col-10-sm-1,
    .col-10-sm-2,
    .col-10-sm-25,
    .col-10-sm-3,
    .col-10-sm-4,
    .col-10-sm-5,
    .col-10-sm-6,
    .col-10-sm-7,
    .col-10-sm-8,
    .col-10-sm-9,
    .col-10-sm-10 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-10-sm-1 {
        width: 10%;
    }
    .col-10-sm-2 {
        width: 20%;
    }
    .col-10-sm-25 {
        width: 25%;
    }
    .col-10-sm-3 {
        width: 30%;
    }
    .col-10-sm-4 {
        width: 40%;
    }
    .col-10-sm-5 {
        width: 50%;
    }
    .col-10-sm-6 {
        width: 60%;
    }
    .col-10-sm-7 {
        width: 70%;
    }
    .col-10-sm-8 {
        width: 80%;
    }
    .col-10-sm-9 {
        width: 90%;
    }
    .col-10-sm-10 {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    /*手機*/
    .col-10-xs-1,
    .col-10-xs-2,
    .col-10-xs-25,
    .col-10-xs-3,
    .col-10-xs-4,
    .col-10-xs-5,
    .col-10-xs-6,
    .col-10-xs-7,
    .col-10-xs-8,
    .col-10-xs-9,
    .col-10-xs-10 {
        float: left;
        padding-right: 15px;
        padding-left: 15px;
    }
    .col-10-xs-1 {
        width: 10%;
    }
    .col-10-xs-2 {
        width: 20%;
    }
    .col-10-xs-25 {
        width: 25%;
    }
    .col-10-xs-3 {
        width: 30%;
    }
    .col-10-xs-4 {
        width: 40%;
    }
    .col-10-xs-5 {
        width: 50%;
    }
    .col-10-xs-6 {
        width: 60%;
    }
    .col-10-xs-7 {
        width: 70%;
    }
    .col-10-xs-8 {
        width: 80%;
    }
    .col-10-xs-9 {
        width: 90%;
    }
    .col-10-xs-10 {
        width: 100%;
    }
}


/*------10格格線(end)--------


/*顯示隱藏*/

.mobile_show {
    display: none;
}

.computer_show {
    display: block;
}

@media (min-width: 991px) {
    .container {
        width: 1200px;
        padding: 0;
    }
}

@media screen and (max-width: 990px) {
    .computer_show {
        display: none;
    }
    .mobile_show {
        display: block;
    }
}


/*清除浮動*/

.cfx:before,
.cfx:after {
    display: table;
    content: ' ';
    clear: both;
}


/*文字編輯器設定*/

.text_editor_block ol,
.text_editor_block ul,
.text_editor_block dir,
.text_editor_block menu,
.text_editor_block dd {
    margin-left: 40px;
}

.text_editor_block ol {
    list-style-type: decimal;
}

.text_editor_block ol ul,
.text_editor_block ul ol,
.text_editor_block ul ul,
.text_editor_block ol ol {
    margin-top: 0;
    margin-bottom: 0;
}

.text_editor_block ul {
    list-style: disc;
}

.text_editor_block ul ul {
    list-style: circle;
}

.text_editor_block ul ul ul {
    list-style: square;
}

.text_editor_block ol {
    list-style: decimal;
}

/*bs數字增減*/
@import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);

.spinner input {
  text-align: right;
}

.spinner .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 2%;
  vertical-align: middle;
  display: table-cell;
}

.spinner .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}

.spinner .input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}

.spinner .input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}

.spinner .input-group-btn-vertical i {
  position: absolute;
  top: 0;
  left: 4px;
}