/*
Description: Reset css inside content for all pages.
Version: 2.0
Time: 2013-10-02 22:00
Author: Jensen
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, del, cite, address, small, sub, sup, b, u, i, center, font, em, dl, dt, dd, ul, ol, li, form, fieldset, legend, table, caption, thead, tbody, tfoot, tr, th, td {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

ul, ol {
  list-style-type: none; }

a {
  text-decoration: none;
  color: #000; }

a:hover {
  text-decoration: none;   color: ##d6000f;}
 .art-page{margin-top: 20px;
    border-top: 1px solid #f2f2f2;
    padding: 20px 0;}

a:focus {
  outline: none; }

li:focus {
  outline: none; }

fieldset, img {
  border: 0; }

q, blockquote {
  quotes: "" ""; }

q:before, q:after, blockquote:before, blockquote:after {
  content: ""; }

del {
  text-decoration: line-through; }

ins {
  text-decoration: underline; }

sup {
  vertical-align: super; }

sub {
  vertical-align: sub; }

cite, em, dfn {
  font-style: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show; }

caption, th, td {
  font-weight: normal; text-align:center; }

input, textarea, select, button {
  font-size: 100%;
  font-family: inherit;
  margin: 0;
  padding: 0; }

label, button {
  cursor: pointer; }

textarea {
  white-space: pre;
  resize: none;
  border: 1px solid #ececec; }

button, input, select, textarea {
  font-size: 100%; }

article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary {
  margin: 0;
  padding: 0;
  display: block;
  border: 0;
  font-size: 100%; }

.clearfix { clear:both;
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  /* content: " "; */
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
not supported by any browser */
}
.fl{ float: left; }
.fr{ float: right; }


.product li{width: 24%;/* float:left; *//* margin: 10px; */overflow:  hidden;height: 240px;margin-bottom: 10px;margin-right:  10px;}
/*.product li:first-child{width: 48%;height:500px;}*/
.product li img{ width:100%;-webkit-transition: all .5s ease .1s;
    -moz-transition: all .5s ease .1s;
    -ms-transition: all .5s ease .1s;
    -o-transition: all .5s ease .1s;
    transition: all .5s ease .1s;
    -webkit-transform: scale(1.01) translateZ(0);
    -moz-transform: scale(1.01) translateZ(0);
    -ms-transform: scale(1.01) translateZ(0);
    -o-transform: scale(1.01) translateZ(0);
    transform: scale(1.01) translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0.05);}
.product li img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}

.gallery img { height: 100%; }
.baguetteBoxOne {/* width: 100%; *//* margin: 0 auto; */display:  flex;flex-wrap:  wrap;justify-content: center;}
/* Highlight.js Tomorrow Night style */
.hljs-comment { color: #969896 }
.hljs-tag { color: #f8f8f2 }
.css .hljs-class, .css .hljs-id, .css .hljs-pseudo, .hljs-attribute, .hljs-regexp, .hljs-title, .hljs-variable, .html .hljs-doctype, .ruby .hljs-constant, .xml .hljs-doctype, .xml .hljs-pi, .xml .hljs-tag .hljs-title { color: #c66 }
.hljs-built_in, .hljs-constant, .hljs-literal, .hljs-number, .hljs-params, .hljs-pragma, .hljs-preprocessor { color: #de935f }
.css .hljs-rules .hljs-attribute, .ruby .hljs-class .hljs-title { color: #f0c674 }
.hljs-header, .hljs-inheritance, .hljs-string, .hljs-value, .ruby .hljs-symbol, .xml .hljs-cdata { color: #b5bd68 }
.css .hljs-hexcolor { color: #8abeb7 }
.coffeescript .hljs-title, .hljs-function, .javascript .hljs-title, .perl .hljs-sub, .python .hljs-decorator, .python .hljs-title, .ruby .hljs-function .hljs-title, .ruby .hljs-title .hljs-keyword { color: #81a2be }
.hljs-keyword, .javascript .hljs-function { color: #b294bb }
.hljs { display: block; overflow-x: auto; background: #35383C; color: #c5c8c6; padding: .8em }
.coffeescript .javascript, .javascript .xml, .tex .hljs-formula, .xml .css, .xml .hljs-cdata, .xml .javascript, .xml .vbscript { opacity: .5 }



.brand .item { position: relative; padding-top: 60px; margin-bottom: 60px;}
.brand .item .img { display: inline-block; vertical-align: top; width: 38%; height: 285px; margin-right: 50px;}
.brand .item .img img { width: 100%; height: 100%;}
.brand .item .text { display: inline-block; width: 57%; float: right;}
.brand .titleInfo { width: 85%; float: right;}
.brand .titleInfo h2 { margin: 7px 0 0 0; font-size: 24px;}
.brand .titleInfo h2 a { color: #000;}
.brand .titleInfo p { margin-top: 30px;color: #575757;}

.brand .item .text .check { position: absolute; right: 0; bottom: 0; background: #267dca;}
.brand .item .text .check a { display: block;  padding: 10px 38px; color: #fff; text-decoration: none;}
.brand .readMore { position: relative; display: inline-block; width: 100%; text-align: center; color: #267dca; margin-bottom: 100px; font-size: 18px; margin-top: 60px;}
.brand .readMore a { color: #1f7bcd;}
.brand .readMore img { width: 70px; height: 70px;}


span.time { display: inline-block; width: 80px; height: 80px; margin-right: 10px; vertical-align: top; text-align: center; color: #1178bc; font-size: 12px; border: 1px solid #ddd;}
span.time b { font-size: 34px;}
.titleInfo { display: inline-block; vertical-align: top; width: 86%; float: right;}
.titleInfo h2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
 overflow: hidden;}
.titleInfo p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 30px; font-size: 16px; overflow: hidden;}