/* Bento Grid System Source: https://github.com/fenbox/bento Version: 1.2.8 Update: 2013.11.25 */ .container, .row [class*="col-"] { box-sizing: border-box; } .container { margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } .row { margin-right: -10px; margin-left: -10px; } .row [class*="col-"] { float: left; min-height: 1px; padding-right: 10px; padding-left: 10px; } .row [class*="-push-"], .row [class*="-pull-"] { position: relative; } /* Mobile and up */ .col-mb-1 { width: 8.33333%; } .col-mb-2 { width: 16.66667%; } .col-mb-3 { width: 25%; } .col-mb-4 { width: 33.33333%; } .col-mb-5 { width: 41.66667%; } .col-mb-6 { width: 50%; } .col-mb-7 { width: 58.33333%; } .col-mb-8 { width: 66.66667%; } .col-mb-9 { width: 75%; } .col-mb-10 { width: 83.33333%; } .col-mb-11 { width: 91.66667%; } .col-mb-12 { width: 100%; } /* Tablet and up */ @media (min-width: 768px) { .container { max-width: 728px; } .col-tb-1 { width: 8.33333%; } .col-tb-2 { width: 16.66667%; } .col-tb-3 { width: 25%; } .col-tb-4 { width: 33.33333%; } .col-tb-5 { width: 41.66667%; } .col-tb-6 { width: 50%; } .col-tb-7 { width: 58.33333%; } .col-tb-8 { width: 66.66667%; } .col-tb-9 { width: 75%; } .col-tb-10 { width: 83.33333%; } .col-tb-11 { width: 91.66667%; } .col-tb-12 { width: 100%; } .col-tb-offset-0 { margin-left: 0%; } .col-tb-offset-1 { margin-left: 8.33333%; } .col-tb-offset-2 { margin-left: 16.66667%; } .col-tb-offset-3 { margin-left: 25%; } .col-tb-offset-4 { margin-left: 33.33333%; } .col-tb-offset-5 { margin-left: 41.66667%; } .col-tb-offset-6 { margin-left: 50%; } .col-tb-offset-7 { margin-left: 58.33333%; } .col-tb-offset-8 { margin-left: 66.66667%; } .col-tb-offset-9 { margin-left: 75%; } .col-tb-offset-10 { margin-left: 83.33333%; } .col-tb-offset-11 { margin-left: 91.66667%; } .col-tb-offset-12 { margin-left: 100%; } .col-tb-pull-0 { right: 0%; } .col-tb-pull-1 { right: 8.33333%; } .col-tb-pull-2 { right: 16.66667%; } .col-tb-pull-3 { right: 25%; } .col-tb-pull-4 { right: 33.33333%; } .col-tb-pull-5 { right: 41.66667%; } .col-tb-pull-6 { right: 50%; } .col-tb-pull-7 { right: 58.33333%; } .col-tb-pull-8 { right: 66.66667%; } .col-tb-pull-9 { right: 75%; } .col-tb-pull-10 { right: 83.33333%; } .col-tb-pull-11 { right: 91.66667%; } .col-tb-pull-12 { right: 100%; } .col-tb-push-0 { left: 0%; } .col-tb-push-1 { left: 8.33333%; } .col-tb-push-2 { left: 16.66667%; } .col-tb-push-3 { left: 25%; } .col-tb-push-4 { left: 33.33333%; } .col-tb-push-5 { left: 41.66667%; } .col-tb-push-6 { left: 50%; } .col-tb-push-7 { left: 58.33333%; } .col-tb-push-8 { left: 66.66667%; } .col-tb-push-9 { left: 75%; } .col-tb-push-10 { left: 83.33333%; } .col-tb-push-11 { left: 91.66667%; } .col-tb-push-12 { left: 100%; } } /* Desktop and up */ @media (min-width: 992px) { .container { max-width: 952px; } .col-1 { width: 8.33333%; } .col-2 { width: 16.66667%; } .col-3 { width: 25%; } .col-4 { width: 33.33333%; } .col-5 { width: 41.66667%; } .col-6 { width: 50%; } .col-7 { width: 58.33333%; } .col-8 { width: 66.66667%; } .col-9 { width: 75%; } .col-10 { width: 83.33333%; } .col-11 { width: 91.66667%; } .col-12 { width: 100%; } .col-offset-0 { margin-left: 0%; } .col-offset-1 { margin-left: 8.33333%; } .col-offset-2 { margin-left: 16.66667%; } .col-offset-3 { margin-left: 25%; } .col-offset-4 { margin-left: 33.33333%; } .col-offset-5 { margin-left: 41.66667%; } .col-offset-6 { margin-left: 50%; } .col-offset-7 { margin-left: 58.33333%; } .col-offset-8 { margin-left: 66.66667%; } .col-offset-9 { margin-left: 75%; } .col-offset-10 { margin-left: 83.33333%; } .col-offset-11 { margin-left: 91.66667%; } .col-offset-12 { margin-left: 100%; } .col-pull-0 { right: 0%; } .col-pull-1 { right: 8.33333%; } .col-pull-2 { right: 16.66667%; } .col-pull-3 { right: 25%; } .col-pull-4 { right: 33.33333%; } .col-pull-5 { right: 41.66667%; } .col-pull-6 { right: 50%; } .col-pull-7 { right: 58.33333%; } .col-pull-8 { right: 66.66667%; } .col-pull-9 { right: 75%; } .col-pull-10 { right: 83.33333%; } .col-pull-11 { right: 91.66667%; } .col-pull-12 { right: 100%; } .col-push-0 { left: 0%; } .col-push-1 { left: 8.33333%; } .col-push-2 { left: 16.66667%; } .col-push-3 { left: 25%; } .col-push-4 { left: 33.33333%; } .col-push-5 { left: 41.66667%; } .col-push-6 { left: 50%; } .col-push-7 { left: 58.33333%; } .col-push-8 { left: 66.66667%; } .col-push-9 { left: 75%; } .col-push-10 { left: 83.33333%; } .col-push-11 { left: 91.66667%; } .col-push-12 { left: 100%; } } /* Widescreen and up */ @media (min-width: 1200px) { .container { max-width: 1160px; } .col-wd-1 { width: 8.33333%; } .col-wd-2 { width: 16.66667%; } .col-wd-3 { width: 25%; } .col-wd-4 { width: 33.33333%; } .col-wd-5 { width: 41.66667%; } .col-wd-6 { width: 50%; } .col-wd-7 { width: 58.33333%; } .col-wd-8 { width: 66.66667%; } .col-wd-9 { width: 75%; } .col-wd-10 { width: 83.33333%; } .col-wd-11 { width: 91.66667%; } .col-wd-12 { width: 100%; } .col-wd-offset-0 { margin-left: 0%; } .col-wd-offset-1 { margin-left: 8.33333%; } .col-wd-offset-2 { margin-left: 16.66667%; } .col-wd-offset-3 { margin-left: 25%; } .col-wd-offset-4 { margin-left: 33.33333%; } .col-wd-offset-5 { margin-left: 41.66667%; } .col-wd-offset-6 { margin-left: 50%; } .col-wd-offset-7 { margin-left: 58.33333%; } .col-wd-offset-8 { margin-left: 66.66667%; } .col-wd-offset-9 { margin-left: 75%; } .col-wd-offset-10 { margin-left: 83.33333%; } .col-wd-offset-11 { margin-left: 91.66667%; } .col-wd-offset-12 { margin-left: 100%; } .col-wd-pull-0 { right: 0%; } .col-wd-pull-1 { right: 8.33333%; } .col-wd-pull-2 { right: 16.66667%; } .col-wd-pull-3 { right: 25%; } .col-wd-pull-4 { right: 33.33333%; } .col-wd-pull-5 { right: 41.66667%; } .col-wd-pull-6 { right: 50%; } .col-wd-pull-7 { right: 58.33333%; } .col-wd-pull-8 { right: 66.66667%; } .col-wd-pull-9 { right: 75%; } .col-wd-pull-10 { right: 83.33333%; } .col-wd-pull-11 { right: 91.66667%; } .col-wd-pull-12 { right: 100%; } .col-wd-push-0 { left: 0%; } .col-wd-push-1 { left: 8.33333%; } .col-wd-push-2 { left: 16.66667%; } .col-wd-push-3 { left: 25%; } .col-wd-push-4 { left: 33.33333%; } .col-wd-push-5 { left: 41.66667%; } .col-wd-push-6 { left: 50%; } .col-wd-push-7 { left: 58.33333%; } .col-wd-push-8 { left: 66.66667%; } .col-wd-push-9 { left: 75%; } .col-wd-push-10 { left: 83.33333%; } .col-wd-push-11 { left: 91.66667%; } .col-wd-push-12 { left: 100%; } } /* Responsive kit */ @media (max-width: 575px) { .kit-hidden-mb { display: none; } } @media (max-width: 767px) { .kit-hidden-tb { display: none; } } @media (max-width: 991px) { .kit-hidden { display: none; } } /* Clearfix */ .clearfix, .row { zoom: 1; } .clearfix:before, .row:before, .clearfix:after, .row:after { content: " "; display: table; } .clearfix:after, .row:after { clear: both; } 性色AV手机在线观看一区二区三区-日韩美无码特黄无码毛片免费-日美女免费一级毛片-中文字幕亚洲欧美日韩2020