body, td, textarea, input, button, select, keygen, legend { font-family: "Hiragino Sans GB","Microsoft YaHei","sans-serif","Arial", "宋体","微软雅黑","华文细黑","黑体"; outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
table-full { border-collapse: collapse; border-spacing: 0; width: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; margin: 0px; padding: 0px; font-weight: normal; }
a, a:hover, a:focus, a:visited, a:active,
.btn:focus, .btn:active, .btn:active:focus { text-decoration: none; outline: 0; }
.btn:hover, .btn:visited { outline: 0; }
hr { margin-top: 0; margin-bottom: 0; }

/*重写 begin*/
.btn:focus, .btn:active, .btn:active:focus { text-decoration: none; outline: 0; }
.btn:hover, .btn:visited { outline: 0; }

.list-inline { margin-left: 0; } .list-inline > li { padding-left: 0; padding-right: 0; }

.btn-lg, .btn-group-lg > .btn { font-size: 16px; }


@media (min-width: 768px) {
    .modal-sm { width: 90%; max-width: 400px; }
}

.close { font-size: 26px; }
.modal-body { position: relative; padding: 20px; }
.modal-footer { padding: 10px; }
/*重写 end*/



.bg-filter-none{ background-color: #000; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.bg-filter-1{ background-color: #000; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1; }
.bg-filter-2{ background-color: #000; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.bg-filter-3{ background-color: #000; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; }
.bg-filter-4{ background-color: #000; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.bg-filter-5{ background-color: #000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.bg-filter-6{ background-color: #000; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.bg-filter-7{ background-color: #000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.bg-filter-8{ background-color: #000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.bg-filter-9{ background-color: #000; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.bg-filter-10{ background-color: #000; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }

.fix-full-none{ position:fixed; left:0; top:0; right:0; bottom:0; }
.fix-left-none{ position:fixed; left:0; }
.fix-left-1{ position:fixed; left:10px; } .fix-left-2{ position:fixed; left:20px; } .fix-left-3{ position:fixed; left:30px; } .fix-left-4{ position:fixed; left:40px; } .fix-left-5{ position:fixed; left:50px; } .fix-left-6{ position:fixed; left:60px; } .fix-left-7{ position:fixed; left:70px; } .fix-left-8{ position:fixed; left:80px; } .fix-left-9{ position:fixed; left:90px; } .fix-left-10{ position:fixed; left:100px; } .fix-left-11{ position:fixed; left:110px; } .fix-left-12{ position:fixed; left:120px; }
.fix-top-none{ position:fixed; top:0; }
.fix-top-1{ position:fixed; top:10px; } .fix-top-2{ position:fixed; top:20px; } .fix-top-3{ position:fixed; top:30px; } .fix-top-4{ position:fixed; top:40px; } .fix-top-5{ position:fixed; top:50px; } .fix-top-6{ position:fixed; top:60px; } .fix-top-7{ position:fixed; top:70px; } .fix-top-8{ position:fixed; top:80px; } .fix-top-9{ position:fixed; top:90px; } .fix-top-10{ position:fixed; top:100px; } .fix-top-11{ position:fixed; top:110px; } .fix-top-12{ position:fixed; top:120px; }
.fix-right-none{ position:fixed; right:0; }
.fix-right-1{ position:fixed; right:10px; } .fix-right-2{ position:fixed; right:20px; } .fix-right-3{ position:fixed; right:30px; } .fix-right-4{ position:fixed; right:40px; } .fix-right-5{ position:fixed; right:50px; } .fix-right-6{ position:fixed; right:60px; } .fix-right-7{ position:fixed; right:70px; } .fix-right-8{ position:fixed; right:80px; } .fix-right-9{ position:fixed; right:90px; } .fix-right-10{ position:fixed; right:100px; } .fix-right-11{ position:fixed; right:110px; } .fix-right-12{ position:fixed; right:120px; }
.fix-bottom-none{ position:fixed; bottom:0; }
.fix-bottom-1{ position:fixed; bottom:10px; } .fix-bottom-2{ position:fixed; bottom:20px; } .fix-bottom-3{ position:fixed; bottom:30px; } .fix-bottom-4{ position:fixed; bottom:40px; } .fix-bottom-5{ position:fixed; bottom:50px; } .fix-bottom-6{ position:fixed; bottom:60px; } .fix-bottom-7{ position:fixed; bottom:70px; } .fix-bottom-8{ position:fixed; bottom:80px; } .fix-bottom-9{ position:fixed; bottom:90px; } .fix-bottom-10{ position:fixed; bottom:100px; } .fix-bottom-11{ position:fixed; bottom:110px; } .fix-bottom-12{ position:fixed; bottom:120px; }

.abs-full-none{ position:absolute; left:0; top:0; right:0; bottom:0; }
.abs-left-none{ position:absolute; left:0; }
.abs-left-1{ position:absolute; left:10px; } .abs-left-2{ position:absolute; left:20px; } .abs-left-3{ position:absolute; left:30px; } .abs-left-4{ position:absolute; left:40px; } .abs-left-5{ position:absolute; left:50px; } .abs-left-6{ position:absolute; left:60px; } .abs-left-7{ position:absolute; left:70px; } .abs-left-8{ position:absolute; left:80px; } .abs-left-9{ position:absolute; left:90px; } .abs-left-10{ position:absolute; left:100px; } .abs-left-11{ position:absolute; left:110px; } .abs-left-12{ position:absolute; left:120px; }
.abs-top-none{ position:absolute; top:0; }
.abs-top-1{ position:absolute; top:10px; } .abs-top-2{ position:absolute; top:20px; } .abs-top-3{ position:absolute; top:30px; } .abs-top-4{ position:absolute; top:40px; } .abs-top-5{ position:absolute; top:50px; } .abs-top-6{ position:absolute; top:60px; } .abs-top-7{ position:absolute; top:70px; } .abs-top-8{ position:absolute; top:80px; } .abs-top-9{ position:absolute; top:90px; } .abs-top-10{ position:absolute; top:100px; } .abs-top-11{ position:absolute; top:110px; } .abs-top-12{ position:absolute; top:120px; }
.abs-right-none{ position:absolute; right:0; }
.abs-right-1{ position:absolute; right:10px; } .abs-right-2{ position:absolute; right:20px; } .abs-right-3{ position:absolute; right:30px; } .abs-right-4{ position:absolute; right:40px; } .abs-right-5{ position:absolute; right:50px; } .abs-right-6{ position:absolute; right:60px; } .abs-right-7{ position:absolute; right:70px; } .abs-right-8{ position:absolute; right:80px; } .abs-right-9{ position:absolute; right:90px; } .abs-right-10{ position:absolute; right:100px; } .abs-right-11{ position:absolute; right:110px; } .abs-right-12{ position:absolute; right:120px; }
.abs-bottom-none{ position:absolute; bottom:0; }
.abs-bottom-1{ position:absolute; bottom:10px; } .abs-bottom-2{ position:absolute; bottom:20px; } .abs-bottom-3{ position:absolute; bottom:30px; } .abs-bottom-4{ position:absolute; bottom:40px; } .abs-bottom-5{ position:absolute; bottom:50px; } .abs-bottom-6{ position:absolute; bottom:60px; } .abs-bottom-7{ position:absolute; bottom:70px; } .abs-bottom-8{ position:absolute; bottom:80px; } .abs-bottom-9{ position:absolute; bottom:90px; } .abs-bottom-10{ position:absolute; bottom:100px; } .abs-bottom-11{ position:absolute; bottom:110px; } .abs-bottom-12{ position:absolute; bottom:120px; }


/*两端对齐*/
.flex-between{ position: relative; display: flex; justify-content: space-between;}

.relative { position: relative; }
.relative-100p { position: relative; width:100%; }
.block-center{ margin-left: auto; margin-right: auto;}

.inline-block,.block-inline{ display:inline-block; }

/*hover图片放大*/
.img-scale img, img.img-scale { transition: all 0.8s; }
.img-scale img:hover, img.img-scale:hover { transform: scale(1.05); }

.img-auto img, img.img-auto{ border:0; max-width:100%;}

.over-hide { overflow: hidden; }
.over-scroll { overflow: scroll; }
.over-scroll-x { overflow-x: scroll; }
.over-scroll-y { overflow-y: scroll; }

.word-break { word-break: break-all; }
.word-nowrap { white-space: nowrap; }
/*单行文本的溢出显示省略号*/
.word-dd { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.font-bold { font-weight: bold; }


.color-gray-dark { color: darkgray; } .color-gray-dark-x { color: #cccccc; } .color-gray-dark-xx { color: #dddddd; } .color-gray-dark-xxx { color: #eeeeee; } .color-gray-dark-xxxx { color: #f6f6f6; }
.color-blue-dark { color: darkblue; }
.color-green-dark { color: darkgreen; }
.color-red-dark { color: darkred; }
.color-orange-dark { color: darkorange; }

.color-black { color: black; }
.color-gray { color: gray; }
.color-blue { color: blue; }
.color-green { color: green; }
.color-red { color: red; }
.color-white { color: white; }
.color-yellow { color: yellow; }
.color-orange { color: orange; }

.bg-gray-dark { background-color: darkgray; } .bg-gray-dark-x { background-color: #cccccc; } .bg-gray-dark-xx { background-color: #dddddd; } .bg-gray-dark-xxx { background-color: #eeeeee; } .bg-gray-dark-xxxx { background-color: #f6f6f6; }
.bg-blue-dark { background-color: darkblue; }
.bg-green-dark { background-color: darkgreen; }
.bg-red-dark { background-color: darkred; }
.bg-orange-dark { background-color: darkorange; }

.bg-black { background-color: black; }
.bg-gray { background-color: gray; }
.bg-blue { background-color: blue; }
.bg-green { background-color: green; }
.bg-red { background-color: red; }
.bg-white { background-color: white; }
.bg-yellow { background-color: yellow; }
.bg-orange { background-color: orange; }


/*圆角*/
.border-r-half { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

.border-r-1px { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }
.border-r-2px { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.border-r-3px { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.border-r-4px { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.border-r-5px { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.border-r-6px { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.border-r-7px { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.border-r-8px { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.border-r-9px { -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
.border-r-10px { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.border-r-11px { -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; }
.border-r-12px { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }

.border-r-1 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.border-r-2 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.border-r-3 { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.border-r-4 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.border-r-5 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.border-r-6 { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.border-r-7 { -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; }
.border-r-8 { -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; }
.border-r-9 { -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; }
.border-r-10 { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.border-r-11 { -moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px; }
.border-r-12 { -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; }

.border-r-left-top-none, .border-r-top-left-none { border-top-left-radius: 0; }
.border-r-top-right-none, .border-r-right-top-none { border-top-right-radius: 0; }
.border-r-bottom-right-none, .border-r-right-bottom-none { border-bottom-right-radius: 0; }
.border-r-bottom-left-none, .border-r-left-bottom-none { border-bottom-left-radius: 0; }


.font-11px { font-size: 11px; }
.font-12px { font-size: 12px; }
.font-13px { font-size: 13px; }
.font-14px { font-size: 14px; }
.font-15px { font-size: 15px; }
.font-16px { font-size: 16px; }
.font-17px { font-size: 17px; }
.font-18px { font-size: 18px; }
.font-19px { font-size: 19px; }
.font-20px { font-size: 20px; }
.font-21px { font-size: 21px; }
.font-22px { font-size: 22px; }


.m-all-none { margin: 0; }
.m-left-none { margin-left: 0; }
.m-left-auto { margin-left: auto; }
.m-left-1 { margin-left: 5px; }
.m-left-2 { margin-left: 10px; }
.m-left-3 { margin-left: 15px; }
.m-left-4 { margin-left: 20px; }
.m-left-5 { margin-left: 25px; }
.m-left-6 { margin-left: 30px; }
.m-left-7 { margin-left: 35px; }
.m-left-8 { margin-left: 40px; }
.m-left-9 { margin-left: 45px; }
.m-left-10 { margin-left: 50px; }
.m-left-11 { margin-left: 55px; }
.m-left-12 { margin-left: 60px; }
.m-top-none { margin-top: 0; }
.m-top-1 { margin-top: 5px; }
.m-top-2 { margin-top: 10px; }
.m-top-3 { margin-top: 15px; }
.m-top-4 { margin-top: 20px; }
.m-top-5 { margin-top: 25px; }
.m-top-6 { margin-top: 30px; }
.m-top-7 { margin-top: 35px; }
.m-top-8 { margin-top: 40px; }
.m-top-9 { margin-top: 45px; }
.m-top-10 { margin-top: 50px; }
.m-top-11 { margin-top: 55px; }
.m-top-12 { margin-top: 60px; }
.m-right-none { margin-right: 0; }
.m-right-auto { margin-right: auto; }
.m-right-1 { margin-right: 5px; }
.m-right-2 { margin-right: 10px; }
.m-right-3 { margin-right: 15px; }
.m-right-4 { margin-right: 20px; }
.m-right-5 { margin-right: 25px; }
.m-right-6 { margin-right: 30px; }
.m-right-7 { margin-right: 35px; }
.m-right-8 { margin-right: 40px; }
.m-right-9 { margin-right: 45px; }
.m-right-10 { margin-right: 50px; }
.m-right-11 { margin-right: 55px; }
.m-right-12 { margin-right: 60px; }
.m-bottom-none { margin-bottom: 0; }
.m-bottom-1 { margin-bottom: 5px; }
.m-bottom-2 { margin-bottom: 10px; }
.m-bottom-3 { margin-bottom: 15px; }
.m-bottom-4 { margin-bottom: 20px; }
.m-bottom-5 { margin-bottom: 25px; }
.m-bottom-6 { margin-bottom: 30px; }
.m-bottom-7 { margin-bottom: 35px; }
.m-bottom-8 { margin-bottom: 40px; }
.m-bottom-9 { margin-bottom: 45px; }
.m-bottom-10 { margin-bottom: 50px; }
.m-bottom-11 { margin-bottom: 55px; }
.m-bottom-12 { margin-bottom: 60px; }

.p-left-none { padding-left: 0; }
.p-all-none { padding: 0; }
.p-left-1 { padding-left: 5px; }
.p-left-2 { padding-left: 10px; }
.p-left-3 { padding-left: 15px; }
.p-left-4 { padding-left: 20px; }
.p-left-5 { padding-left: 25px; }
.p-left-6 { padding-left: 30px; }
.p-left-7 { padding-left: 35px; }
.p-left-8 { padding-left: 40px; }
.p-left-9 { padding-left: 45px; }
.p-left-10 { padding-left: 50px; }
.p-left-11 { padding-left: 55px; }
.p-left-12 { padding-left: 60px; }
.p-top-none { padding-top: 0; }
.p-top-1 { padding-top: 5px; }
.p-top-2 { padding-top: 10px; }
.p-top-3 { padding-top: 15px; }
.p-top-4 { padding-top: 20px; }
.p-top-5 { padding-top: 25px; }
.p-top-6 { padding-top: 30px; }
.p-top-7 { padding-top: 35px; }
.p-top-8 { padding-top: 40px; }
.p-top-9 { padding-top: 45px; }
.p-top-10 { padding-top: 50px; }
.p-top-11 { padding-top: 55px; }
.p-top-12 { padding-top: 60px; }
.p-right-none { padding-right: 0; }
.p-right-1 { padding-right: 5px; }
.p-right-2 { padding-right: 10px; }
.p-right-3 { padding-right: 15px; }
.p-right-4 { padding-right: 20px; }
.p-right-5 { padding-right: 25px; }
.p-right-6 { padding-right: 30px; }
.p-right-7 { padding-right: 35px; }
.p-right-8 { padding-right: 40px; }
.p-right-9 { padding-right: 45px; }
.p-right-10 { padding-right: 50px; }
.p-right-11 { padding-right: 55px; }
.p-right-12 { padding-right: 60px; }
.p-bottom-none { padding-bottom: 0; }
.p-bottom-1 { padding-bottom: 5px; }
.p-bottom-2 { padding-bottom: 10px; }
.p-bottom-3 { padding-bottom: 15px; }
.p-bottom-4 { padding-bottom: 20px; }
.p-bottom-5 { padding-bottom: 25px; }
.p-bottom-6 { padding-bottom: 30px; }
.p-bottom-7 { padding-bottom: 35px; }
.p-bottom-8 { padding-bottom: 40px; }
.p-bottom-9 { padding-bottom: 45px; }
.p-bottom-10 { padding-bottom: 50px; }
.p-bottom-11 { padding-bottom: 55px; }
.p-bottom-12 { padding-bottom: 60px; }


.min-w-10px { min-width: 10px; } .min-w-20px { min-width: 20px; } .min-w-30px { min-width: 30px; } .min-w-40px { min-width: 40px; } .min-w-50px { min-width: 50px; } .min-w-60px { min-width: 60px; } .min-w-70px { min-width: 70px; } .min-w-80px { min-width: 80px; } .min-w-90px { min-width: 90px; } .min-w-100px { min-width: 100px; } .min-w-110px { min-width: 110px; } .min-w-120px { min-width: 120px; } .min-w-130px { min-width: 130px; } .min-w-140px { min-width: 140px; } .min-w-150px { min-width: 150px; } .min-w-160px { min-width: 160px; } .min-w-170px { min-width: 170px; } .min-w-180px { min-width: 180px; } .min-w-190px { min-width: 190px; } .min-w-200px { min-width: 200px; } .min-w-210px { min-width: 210px; } .min-w-220px { min-width: 220px; } .min-w-230px { min-width: 230px; } .min-w-240px { min-width: 240px; } .min-w-250px { min-width: 250px; } .min-w-260px { min-width: 260px; } .min-w-270px { min-width: 270px; } .min-w-280px { min-width: 280px; } .min-w-290px { min-width: 290px; } .min-w-300px { min-width: 300px; } .min-w-310px { min-width: 310px; } .min-w-320px { min-width: 320px; } .min-w-330px { min-width: 330px; } .min-w-340px { min-width: 340px; } .min-w-350px { min-width: 350px; } .min-w-360px { min-width: 360px; }
.min-h-10px { min-height: 10px; } .min-h-20px { min-height: 20px; } .min-h-30px { min-height: 30px; } .min-h-40px { min-height: 40px; } .min-h-50px { min-height: 50px; } .min-h-60px { min-height: 60px; } .min-h-70px { min-height: 70px; } .min-h-80px { min-height: 80px; } .min-h-90px { min-height: 90px; } .min-h-100px { min-height: 100px; } .min-h-110px { min-height: 110px; } .min-h-120px { min-height: 120px; } .min-h-130px { min-height: 130px; } .min-h-140px { min-height: 140px; } .min-h-150px { min-height: 150px; } .min-h-160px { min-height: 160px; } .min-h-170px { min-height: 170px; } .min-h-180px { min-height: 180px; } .min-h-190px { min-height: 190px; } .min-h-200px { min-height: 200px; } .min-h-210px { min-height: 210px; } .min-h-220px { min-height: 220px; } .min-h-230px { min-height: 230px; } .min-h-240px { min-height: 240px; } .min-h-250px { min-height: 250px; } .min-h-260px { min-height: 260px; } .min-h-270px { min-height: 270px; } .min-h-280px { min-height: 280px; } .min-h-290px { min-height: 290px; } .min-h-300px { min-height: 300px; } .min-h-310px { min-height: 310px; } .min-h-320px { min-height: 320px; } .min-h-330px { min-height: 330px; } .min-h-340px { min-height: 340px; } .min-h-350px { min-height: 350px; } .min-h-360px { min-height: 360px; }

.max-w-10px { max-width: 10px; overflow: hidden; }
.max-w-20px { max-width: 20px; overflow: hidden; }
.max-w-30px { max-width: 30px; overflow: hidden; }
.max-w-40px { max-width: 40px; overflow: hidden; }
.max-w-50px { max-width: 50px; overflow: hidden; }
.max-w-60px { max-width: 60px; overflow: hidden; }
.max-w-70px { max-width: 70px; overflow: hidden; }
.max-w-80px { max-width: 80px; overflow: hidden; }
.max-w-90px { max-width: 90px; overflow: hidden; }
.max-w-100px { max-width: 100px; overflow: hidden; }
.max-w-110px { max-width: 110px; overflow: hidden; }
.max-w-120px { max-width: 120px; overflow: hidden; }
.max-w-130px { max-width: 130px; overflow: hidden; }
.max-w-140px { max-width: 140px; overflow: hidden; }
.max-w-150px { max-width: 150px; overflow: hidden; }
.max-w-160px { max-width: 160px; overflow: hidden; }
.max-w-170px { max-width: 170px; overflow: hidden; }
.max-w-180px { max-width: 180px; overflow: hidden; }
.max-w-190px { max-width: 190px; overflow: hidden; }
.max-w-200px { max-width: 200px; overflow: hidden; }
.max-w-210px { max-width: 210px; overflow: hidden; }
.max-w-220px { max-width: 220px; overflow: hidden; }
.max-w-230px { max-width: 230px; overflow: hidden; }
.max-w-240px { max-width: 240px; overflow: hidden; }
.max-w-250px { max-width: 250px; overflow: hidden; }
.max-w-260px { max-width: 260px; overflow: hidden; }
.max-w-270px { max-width: 270px; overflow: hidden; }
.max-w-280px { max-width: 280px; overflow: hidden; }
.max-w-290px { max-width: 290px; overflow: hidden; }
.max-w-300px { max-width: 300px; overflow: hidden; }
.max-w-310px { max-width: 310px; overflow: hidden; }
.max-w-320px { max-width: 320px; overflow: hidden; }
.max-w-330px { max-width: 330px; overflow: hidden; }
.max-w-340px { max-width: 340px; overflow: hidden; }
.max-w-350px { max-width: 350px; overflow: hidden; }
.max-w-360px { max-width: 360px; overflow: hidden; }

.w-10px { width: 10px; overflow: hidden; }
.w-20px { width: 20px; overflow: hidden; }
.w-30px { width: 30px; overflow: hidden; }
.w-40px { width: 40px; overflow: hidden; }
.w-50px { width: 50px; overflow: hidden; }
.w-60px { width: 60px; overflow: hidden; }
.w-70px { width: 70px; overflow: hidden; }
.w-80px { width: 80px; overflow: hidden; }
.w-90px { width: 90px; overflow: hidden; }
.w-100px { width: 100px; overflow: hidden; }
.w-110px { width: 110px; overflow: hidden; }
.w-120px { width: 120px; overflow: hidden; }
.w-130px { width: 130px; overflow: hidden; }
.w-140px { width: 140px; overflow: hidden; }
.w-150px { width: 150px; overflow: hidden; }
.w-160px { width: 160px; overflow: hidden; }
.w-170px { width: 170px; overflow: hidden; }
.w-180px { width: 180px; overflow: hidden; }
.w-190px { width: 190px; overflow: hidden; }
.w-200px { width: 200px; overflow: hidden; }
.w-210px { width: 210px; overflow: hidden; }
.w-220px { width: 220px; overflow: hidden; }
.w-230px { width: 230px; overflow: hidden; }
.w-240px { width: 240px; overflow: hidden; }
.w-250px { width: 250px; overflow: hidden; }
.w-260px { width: 260px; overflow: hidden; }
.w-270px { width: 270px; overflow: hidden; }
.w-280px { width: 280px; overflow: hidden; }
.w-290px { width: 290px; overflow: hidden; }
.w-300px { width: 300px; overflow: hidden; }
.w-310px { width: 310px; overflow: hidden; }
.w-320px { width: 320px; overflow: hidden; }
.w-330px { width: 330px; overflow: hidden; }
.w-340px { width: 340px; overflow: hidden; }
.w-350px { width: 350px; overflow: hidden; }
.w-360px { width: 360px; overflow: hidden; }

.w-33p { width: 33%; overflow: hidden; }
.w-10p { width: 10%; overflow: hidden; }
.w-20p { width: 20%; overflow: hidden; }
.w-30p { width: 30%; overflow: hidden; }
.w-40p { width: 40%; overflow: hidden; }
.w-50p { width: 50%; overflow: hidden; }
.w-60p { width: 60%; overflow: hidden; }
.w-70p { width: 70%; overflow: hidden; }
.w-80p { width: 80%; overflow: hidden; }
.w-90p { width: 90%; overflow: hidden; }
.w-100p { width: 100%; overflow: hidden; }