body {font-family:'Open Sans',Arial, Helvetica, sans-serif;  margin:0;  color:#666666}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul,li,h1,h2,h3,h4,h5,h6,p {margin:0; padding:0;}
input[type="submit"],input[type="button"] {cursor:pointer}

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

.clear {clear:both}

.frame-1 { width:1200px}
.frame-2 { width:910px}

ul {list-style:none}

#header {padding:40px 0; display:block; color:#666666}
#header h1{font-size:50px; font-weight:300}
#header h2{font-size:30px; font-weight:300}

.line-graident {height:1px; background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 47%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(221,221,221,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 47%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 47%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 47%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 47%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}

#menu ul li{ display:inline-block; border-left:solid 1px rgb(221,221,221);margin: 0 -2px;}
.menu-last {border-right:solid 1px rgb(221,221,221) }
#menu ul li a{ color:#999; font-size:14px; padding:5px 20px; display:inline-block}
#menu ul li a:hover,.active {color:#000 !important}

.pictures { background-image:url(_images/pictures.png); height:140px; margin-top:50px}

.paragraph-1 { font-size:18px; line-height:30px}
.paragraph-1 h3 {color:#333333; font-weight:500; font-size:36px}

.triple-image {background-image:url(_images/bg-1.png); background-repeat:no-repeat; margin-top:50px; padding:40px 0}
.triple-image ul li {float:left; width:270px }
.triple-image ul li h2 {margin-top:25px; font-size:16px; font-weight:600}
.triple-image ul li p {margin-top:20px; text-align:justify; float:left; font-size:16px; line-height:30px}
.triple-image-info {width:252px; float:left}
.triple-image-1,.triple-image-2 {margin-right:40px}
.triple-image-1 p {line-height:33px !important}
.triple-image-2 p {line-height:33px !important}

.antaj {margin-top:20px}
.antaj-1 {width:50%; float:left; text-align:right; padding-right:20px}
.antaj-2 {width:50%; float:left; text-align:left; padding-left:20px}
.antaj ul li {line-height:30px}

#content {margin-top:40px}

.panel {padding:20px; background-color:#333; color:#FFF}
.panel-group { float:left; margin: 0 7px}
.panel-info {font-size:12px; background-image:url(_images/arrow_1.png); background-position:right center; background-repeat:no-repeat; padding:5px 20px 5px 0}
.panel label {font-size:13px; margin-right:10px; float:left; margin-top:5px}
select {border:none; padding:0 0 0 5px; height:26px; max-height:26px; line-height:26px}
input {border:none; height:26px; width:30px; text-align:center; margin:0; float:left}
.panel-add-minus {float:left; border-left:solid 1px #333;}
.panel-add,.panel-minus {display:block;height: 13px;width: 20px;background:#fff; cursor:pointer}
.panel-add{ background-image:url(_images/arrow_add.png); background-position:center; background-repeat:no-repeat}
.panel-minus { background-image:url(_images/arrow_minus.png); background-position:center; background-repeat:no-repeat}
.sample_codes {float: right;margin:-190px 0 -10px 0;position: relative;}

.CodeMirror {border: 1px solid black;}.cm-delimit {color: #fa4;}