/*.fork{ border:0; position:absolute; top:0; right:0;}
.col{ width:320px; float:left; margin-right:32px; margin-bottom:16px;}
.c3{ margin-right:0;}*/
h1{ border-bottom:1px solid #333; font-size:32px; color:#fff; padding-bottom:12px; text-shadow:0px 0px 2px rgba(0,0,0,0.6);}
h2{ margin:10px 0; color:#000; font-size:18px; text-shadow:1px 1px 2px #fff;}
/*h3{ margin:0; background-color:rgb(204,204,204); background-image:linear-gradient(bottom, rgb(204,204,204) 14%, rgb(238,238,238) 57%); background-image:-o-linear-gradient(bottom, rgb(204,204,204) 14%, rgb(238,238,238) 57%); background-image:-moz-linear-gradient(bottom, rgb(204,204,204) 14%, rgb(238,238,238) 57%); background-image:-webkit-linear-gradient(bottom, rgb(204,204,204) 14%, rgb(238,238,238) 57%); background-image:-ms-linear-gradient(bottom, rgb(204,204,204) 14%, rgb(238,238,238) 57%);}*/
h3{ margin:0; background-color:#EAF0F6;}
h3 a{ background:url(../images/imginside/sprite.png) 15px 13px no-repeat; display:block; padding:10px; padding-left:32px; margin:0; color:#fff; text-decoration:none; font-weight:normal; border-bottom:1px solid rgba(222,222,222, 0.5); /*text-shadow:1px 1px 1px rgb(222,222,222);*/}
h3:hover{ background:rgb(204,204,204);}
h3.open{ background:#999;}
h3.open a{ background-position:13px -25px; color:#FFF;}
h3.close a:hover, h3.open a:hover{ font-weight:bold; color:#1F7ECF;}
h3 + div{ padding:10px;}
h2 + div, .example{ background:#fff; overflow:hidden; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:20px;}
/* Pre hide sections with JavaScript on
--- */
h3+div{ display:none;}
/* CSS3 Animation example
--- */
#css3-animated-example h3 + div{ height:0px; padding:0px; overflow:hidden; background:#1F7ECF; display:block!important; -webkit-transform:translateZ(0); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
#css3-animated-example .faq-a{ padding:20px 20px;}
#css3-animated-example h3.open + div{ height:auto; background:#F8F8F8;}
/* Event example
--- */
pre#event-log{ background:#fafacc; padding:10px; display:block;}
/* Responsive design
--- */
@media screen and (max-width: 1056px) {
body{ width: 672px;}
.c2{ margin-right: 0; margin-bottom: 0;}
}
 @media only screen and (max-width: 704px), only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
body{ width: 320px;}
.c1{ margin-right: 0; margin-bottom: 0;}
h1{ font-size: 28px; text-shadow: 0px 0px 1px rgba(0,0,0,0.7);}
}
 @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
body{ padding: 0 12px;}
}