@charset "utf-8";
/* CSS Document */

/******************************************************************************
* RESET
*******************************************************************************/
/*
* { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; }
*/

* { -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-text-size-adjust: 100%; }
img { vertical-align: top; }

.container-content { margin-right: auto; margin-left: auto; }
.container-content-main {
    margin-right: auto;
    margin-left:auto;
    /*  padding-left: 30px;
    padding-right: 30px;*/
}
.container-stylebook { margin-right: auto; margin-left: auto; padding-left: 30px; padding-right: 30px; }
.container-stylebook-deital { margin-right: auto; margin-left: auto;/*
    padding-left: 30px;
    padding-right: 30px;
    */
}

.container {width: 100%;margin: 0 auto;max-width: 1200px;}



.container-content { width: 100%; }
.container-content-main { width: 100%; }


.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.row { margin-left: 0; margin-right: 0; }
/*.row { margin-left: -15px; margin-right: -15px; }*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-13, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-stylethumb { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-stylethumb { float: left; }
.col-stylethumb { width: 50%; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 33.33333333%; }
.col-xs-5 { width: 47.9%; }
.col-xs-4 { width: 31.3%; }
.col-xs-3 {width: 48%;}
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }


@media (max-width: 1024px) {
    .col-stylethumb { width: 50%; }
    .col-xs-12 { width: 100%; }
    .col-xs-11 { width: 91.66666667%; }
    .col-xs-10 { width: 83.33333333%; }
    .col-xs-9 { width: 75%; }
    .col-xs-8 { width: 66.66666667%; }
    .col-xs-7 { width: 58.33333333%; }
    .col-xs-6 { width: 33.33333333%; }
    .col-xs-5 { width: 47.8%; }
    .col-xs-4 { width: 31.3%; }
    .col-xs-3 { width: 23%; }
    .col-xs-2 { width: 16.66666667%; }
    .col-xs-1 { width: 8.33333333%; }
}


@media (max-width: 768px) {
    .col-stylethumb { width: 50%; }
    .col-xs-12 { width: 100%; }
    .col-xs-11 { width: 91.66666667%; }
    .col-xs-10 { width: 83.33333333%; }
    .col-xs-9 { width: 75%; }
    .col-xs-8 { width: 66.66666667%; }
    .col-xs-7 { width: 58.33333333%; }
    .col-xs-6 { width: 33.33333333%; }
    .col-xs-5 {width: 85%; margin: 0 6.4%;}
    .col-xs-4 { width: 90%; margin: 0 3% }
    .col-xs-3 {width: 45.88%;}
    .col-xs-2 { width: 16.66666667%; }
    .col-xs-1 { width: 8.33333333%; }
}

@media (max-width: 667px) {
    .col-stylethumb { width: 50%; }
    .col-xs-12 { width: 100%; }
    .col-xs-11 { width: 91.66666667%; }
    .col-xs-10 { width: 83.33333333%; }
    .col-xs-9 { width: 75%; }
    .col-xs-8 { width: 66.66666667%; }
    .col-xs-7 { width: 58.33333333%; }
    .col-xs-6 { width: 33.33333333%; }
    .col-xs-5 { width: 45.1%; }
    .col-xs-4 { width: 90%; }
    .col-xs-3 { width: 45.9%; }
    .col-xs-2 { width: 16.66666667%; }
    .col-xs-1 { width: 8.33333333%; }
}

@media (max-width: 568px) {
    .col-stylethumb { width: 50%; }
    .col-xs-12 { width: 100%; }
    .col-xs-11 { width: 91.66666667%; }
    .col-xs-10 { width: 83.33333333%; }
    .col-xs-9 { width: 75%; }
    .col-xs-8 { width: 66.66666667%; }
    .col-xs-7 { width: 58.33333333%; }
    .col-xs-6 { width: 33.33333333%; }
    .col-xs-5 {width: 85%; margin: 0 6.4%;}
    .col-xs-5 {width: 100%;margin: 0;}
    .col-xs-4 {width: 85%; margin: 0 6.4%;}
    .col-xs-3 { width: 100%; }
    .col-xs-2 { width: 16.66666667%; }
    .col-xs-1 { width: 8.33333333%; }
}






.clearfix:before, .clearfix:after, .container:before, .container:after, .container2:before, .container2:after, .container-content:before, .container-content:after, .container-content-main:before, .container-content-main:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .no-gutter:before, .no-gutter:after { content: " "; display: table; }
.clearfix:after, .container:after, .container2:after, .container-content:after, .container-content-main:after, .container-fluid:after, .row:after, .no-gutter:after { clear: both; }
.row.no-gutter { margin-right: 0; margin-left: 0; }
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none !important; visibility: hidden !important; }
.affix { position: fixed; }
/******************************************************************************
* TEXT
*******************************************************************************/
.tx-left { text-align: left; }
.tx-center { text-align: center; }
.tx-right { text-align: right; }
.tx-justify { text-align: justify; text-justify: inter-ideograph; }
.ls-1 { letter-spacing: 1px; }
.ls-2 { letter-spacing: 2px; }
.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.underline { text-decoration: underline; }
/******************************************************************************
* COLOR
*******************************************************************************/
.red { color: #dd0000; }
.redpink { color: #e3245e; }
.pink { color: #ff3399; }
.blue { color: #2E82C9; }
.green { color: #688C00; }
.white { color: #ffffff; }
.orange { color: #ff6633; }
.violet { color: #944FAF; }
.gold { color: #D0A31A; }
.gray { color: #CCCCCC; }
/******************************************************************************
* LINK COLOR
******************************************************************************
a { outline: none; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:active { color: #333; text-decoration: underline; }
a:hover { color: #333; text-decoration: underline; }*/
/******************************************************************************
* WORDBREAK
*******************************************************************************/
.breakword { word-wrap: break-word; }