@font-face {
    font-family: 'FontAwesome'; 
    src: url("../fonts/fontawesome-webfont.eot?v=4.4.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal
}
/* ---------- Overall Specifications ---------- */
body {
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background:#fff;
  font-size:14px;
  color:#000;
}
header,nav,footer,section{display:block;}
a{color: #000; text-decoration: none;}
a:hover {text-decoration:none; color:#000;}
div,ul,li{margin:0px 0px; padding:0px 0px;}
ul,li{list-style:none;}
h1 {
  color: #929292;
}
h2 {
}
p {
}
del {
  text-decoration: line-through;
}
tr.odd {
  background-color: #dddddd;
}
img {
  outline: 0;
}
code,
pre,
kbd,
samp,
var {
  padding: 0 0.4em;
}
code {
  background-color: #f2f2f2;
  background-color: rgba(40, 40, 0, 0.06);
}
pre code,
pre kbd,
pre samp,
pre var,
kbd kbd,
kbd samp,
code var {
  font-size: 100%;
  background-color: transparent;
}
pre code,
pre samp,
pre var {
  padding: 0;
}
.description code {
  font-size: 1.2em;
}
kbd {
  background-color: #f2f2f2;
  border: 1px outset #575757;
  margin: 0 3px;
  color: #666;
  display: inline-block;
  padding: 0 6px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
pre {
  background-color: #f2f2f2;
  background-color: rgba(40, 40, 0, 0.06);
  margin: 10px 0;
  overflow: hidden;
  padding: 15px;
  white-space: pre-wrap;
}

.f_l{float:left;}
.f_r{float:right;}
/* ------------------ Fonts ------------------ */

body,
#site-slogan,
.ui-widget,
.comment-form label {
}
header,
footer,
#skip-link,
ul.contextual-links,
ul.links,
ul.primary,
.item-list .pager,
div.field-type-taxonomy-term-reference,
div.messages,
div.meta,
p.comment-time,
table,
.breadcrumb {
}
input,
textarea,
select,
a.button {
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* ------------------ Reset Styles ------------------ */

caption {
  text-align: left; /* LTR */
  font-weight: normal;
}
blockquote {
  background: #f7f7f7;
  border-left: 1px solid #bbb;
  font-style: italic;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
blockquote:before {
  color: #bbb;
  content: "\201C";
  font-size: 3em;
  line-height: 0.1em;
  margin-right: 0.2em;
  vertical-align: -.4em;
}
blockquote:after {
  color: #bbb;
  content: "\201D";
  font-size: 3em;
  line-height: 0.1em;
  vertical-align: -.45em;
}
blockquote > p:first-child {
  display: inline;
}
a.feed-icon {
  display: inline-block;
  padding: 15px 0 0 0;
}
.form-item .description{font-size:12px; line-height:30px;}

.tabs ul.primary,ul.primary li a,.tabs ul.primary li.active a.active,.tabs ul.primary li a:hover{border:none; background:none;}
ul.primary li.active a{border:none;}
#breadcrumb{font-size:12px;}
#page-title{font-size:16px;}
.section{width:1200px; margin:0 auto; position:relative;}
/* ------------------ Table Styles ------------------ */

table {
  border: 0;
  border-spacing: 0;
  margin:0;
  width: 100%;
}
tbody {
	border:none;
}
table table {
  font-size: 1.2em;
}
footer table {
  font-size: 1.2em;
}
table tr th {
  background:none;
  border-bottom-style: none;
}
table tr th,
table tr th a,
table tr th a:hover {
  color: #FFF;
  font-weight: bold;
}
table tbody tr th {
  vertical-align: top;
}
tr td,
tr th {
  padding:0;
  border:none;
}
footer tr td,
footer tr th {
	border:none;
}
tr.even, tr.odd{background:none; border:none;}
tr.odd {
 	background:none;
}
tr,
tr.even {
	background:none;
}
table ul.links {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
}
table ul.links li {
  padding: 0 1em 0 0;
}

/* ------------------ List Styles ------------------ */


/* ------------------ Header ------------------ */


/* --------------- Main Menu ------------ */


/* ------------------- Main ------------------- */

#main {margin:0 auto; position:relative; background:#eeeeee;}

/* ----------------- Featured ----------------- */

#featured {
  text-align: center;
  font-size: 1.643em;
  font-weight: normal;
  line-height: 1.4;
  padding: 20px 0 45px;
  margin: 0;
  background: #f0f0f0;
  background: rgba(30, 50, 10, 0.08);
  border-bottom: 1px solid #e7e7e7;
  text-shadow: 1px 1px #fff;
}
#featured h2 {
  font-size: 1.174em;
  line-height: 1;
}
#featured p {
  margin: 0;
  padding: 0;
}

/* --------------- Highlighted ---------------- */

#highlighted {

}


/* ------------------ Footer ------------------ */
.helps{background:#333; padding:10px 0 10px 0;}
.helps section{width:1200px; margin:0 auto;}
.helps section .col{float:left; width:240px;}
.helps section .col h3{font-size:16px; color:#fff; line-height:50px;}
.helps section .col h3 a{color:#fff;}
.helps section .col.last{float:right;}
.helps section .ls a{display:block; color:#ccc; line-height:22px;}
/* --
 * 
 * ------------ Shortcut Links -------------- */
.red{color:#ff0000;}

.shortcut-wrapper {
  margin: 2.2em 0 1.1em 0; /* Same as usual h1#page-title margin. */
}
.shortcut-wrapper h1#page-title {
  float: left; /* LTR */
  margin: 0;
}
div.add-or-remove-shortcuts {
  padding-top: 0.9em;
}
.overlay div.add-or-remove-shortcuts {
  padding-top: 0.8em;
}


/* ---------- 鍏敤鐣岄潰 ----------- */
.flash-replaced .alt{display:none;}
.mgr10{margin-right:10px;}


/**/
.node .content a{text-decoration:underline;}
.node-article .content{color:#000; padding:0 10px 10px 10px;}
.node-article .content a{color:#000;}
.node-article h1.art-title{height:60px; line-height:60px; text-align:center; color:#000;}

header{position:relative; z-index:10; background:#ededed;}
header section{padding:20px 0 5px 0; width:1200px; margin:0 auto; position:relative; z-index:10000;}
header .mail{background:url(../image/ico-mail.png) no-repeat; padding-left:30px; font-size:14px;}
header .t-qrcode{position:absolute; right:0px; top:10px; width:100px;}
.topbar{background:#000; height:36px; line-height:36px; color:#afafaf; border-bottom:6px solid #ec7e21;}
.topbar .section{position:relative;}
.btn-top-bar-go{width:120px; background:none; border:1px solid #afafaf; height:24px; line-height:24px; text-align:center; color:#9f9f9f; display:block; float:right; margin-top:5px;}
.login-link{width:200px; height:36px; line-height:36px; text-align:right; float:right;}
.login-link,.login-link a{color:#999;}

.box_skitter ul li .logo{display:block; width:123px; height:93px; position:relative; top:30px; left:360px; background:url(../image/logo.png) no-repeat center 0; text-indent:-999px; overflow:hidden;}
#logo{}
#skitterpage{}
#page-wrapper{min-width:1200px;}
.contact-info{width:302px; position:absolute; right:0; top:60px; color:#fff;}
nav{width:860px; position:absolute; right:0; top:30px; height:44px; display:block;}
#main-menu{position:relative;}
#main-menu ul,#main-menu ul li{padding:0; margin:0; list-style:none;}
#main-menu ul li{color:#fff; line-height:44px; font-size:16px; float:left; display:inline; position:relative;}

#main-menu ul li a{color:#545454; width:90px; text-align:center; padding:0; display:block; float:left; height:44px; line-height:44px; overflow:hidden;}
#main-menu ul li a:hover,#main-menu ul li a.active-trail{color:#1dacf9; text-decoration:none;}
#main-menu .menu{}
#main-menu ul li a:hover{}
#main-menu ul li a.active{}

#main-menu .menu .expanded a{}

#main-menu .menu .expanded .menu{ position:absolute; width:120px; top:44px; overflow:hidden; left:0px; padding-top:6px; list-style:none; display:none; background-repeat:no-repeat; background-position:center 0;}
#main-menu .menu .expanded .menu li{border:none; text-align:left; width:99px; display:block;  height:31px; line-height:30px; position:relative; padding:0; background:none;}
#main-menu .menu .expanded .menu li a{height:30px; font-size:12px; float:none; font-weight:normal; border-bottom:1px solid #ec7e21; line-height:30px; background:#ec7e21; position:relative; color:#fff; padding:0; text-align:center; display:block;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
#main-menu .menu .expanded .menu li a:after{display:none;}
#main-menu .menu .expanded .menu li a:hover{position:relative; background:#ff0202;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#main-menu .menu .expanded .menu li a.active{}

.taxonomy-import{height:340px;}
.taxonomy-import .page-description{width:1200px; margin:0 auto; text-align:left;}
.taxonomy-import .page-description .cnt{padding:110px 500px 0 200px; color:#fff;}
#content .region-content .taxonomy-import .page-description p{margin:0; padding:0; text-indent:0;}
#content .region-content .taxonomy-import .page-description h2{line-height:50px; font-size:36px; color:#fff;}
#content .region-content .taxonomy-import .desc{margin-bottom:30px;}
#content .region-content .taxonomy-import .block-btn{text-align:left}
.w-50{width:50%; padding-top:60px;}
.w-80{width:100%; padding-top:60px;}
.w-r-50{width:50%; padding:100px 0 0 50%;}
.w-r-50 h2{font-size:32px;}
.w-r-50 .desc{color:#fafafa;}
.taxonomy-import .page-description .desc{padding:30px 0 0 0; font-size:16px;}

#secondary-menu-links{padding:60px 20px 0 20px;}
#secondary-menu-links,#secondary-menu-links li{list-style:none; margin:0; padding:0;}
#secondary-menu-links li{font-size:16px;}
#secondary-menu-links li a{display:block; height:50px; line-height:50px; color:#3e3e3e; text-align:left; padding-left:30px; background:url(../image/secondary-menu-icon.gif) no-repeat 200px center; border-bottom:1px solid #eeeeee;}
#secondary-menu-links li a:hover,#secondary-menu-links li a.active{color:#0b87de;}
.secondary section{padding-top:12px;}


#tertiary-menu{margin-bottom:20px; height:40px; border-bottom:1px solid #efefef; padding-left:12px;}
#tertiary-menu .menu{}
#tertiary-menu .menu,#tertiary-menu .menu li{list-style:none; margin:0; padding:0;}
#tertiary-menu .menu li{display:inline;}
#tertiary-menu .menu li,#tertiary-menu .menu li a{color:#000;}
#tertiary-menu .menu li a{line-height:40px; color:#000; font-size:14px; border-right:1px solid #000; text-align:left; padding:0px 12px 0px 12px;}
#tertiary-menu .menu li.last a{border-right:none;}
#tertiary-menu .menu li a.active{color:#006cbf; font-size:16px;}
#tertiary-menu .menu li.last a{background:none;}

.page-headers{margin-bottom: 30px; background:#d8d8d8; position:relative;}
.page-headers h1.title{font-size:16px; color:#3e3e3e; line-height:40px; padding-left:12px;}
.page-headers .line,.title-line{
	height:3px;
	overflow:hidden;
	background:#003c7d;
	background: -webkit-linear-gradient(left, rgba(59,179,234, 1) 0, rgba(59,179,234, 1) 16%, rgba(11, 135, 222, 1) 16%, rgba(11, 135, 222, 1) 100%);
    background: -ms-linear-gradient(left, rgba(59,179,234, 1) 0, rgba(59,179,234, 1) 16%, rgba(11, 135, 222, 1) 16%, rgba(11, 135, 222, 1) 100%);
    background: linear-gradient(left, rgba(59,179,234, 1) 0, rgba(59,179,234, 1) 16%, rgba(11, 135, 222, 1) 16%, rgba(11, 135, 222, 1) 100%)
}
.page-taxonomy .page-headers{margin-bottom:8px;}
.feature .b-featrue{position:relative;}
.feature .b-featrue .line{
	position: absolute; top:-8px; left:0; width:1200px;
	border-top:none;
	height:8px;
	background:#003c7d;
	background: -webkit-linear-gradient(left, rgba(243,152,0,1) 0, rgba(243,152,0,1) 33%, rgba(155,200,55,1) 33%, rgba(155,200,55,1) 66%,rgba(55,175,230,1) 66%,rgba(55,175,230,1) 100%);
    background: -ms-linear-gradient(left, rgba(243,152,0,1) 0, rgba(243,152,0,1) 33%, rgba(155,200,55,1) 33%, rgba(155,200,55,1) 66%,rgba(55,175,230,1) 66%,rgba(55,175,230,1) 100%);
    background: linear-gradient(left, rgba(243,152,0,1) 0, rgba(243,152,0,1) 33%, rgba(155,200,55,1) 33%, rgba(155,200,55,1) 66%,rgba(55,175,230,1) 66%,rgba(55,175,230,1) 100%);
}
.taxonomy-term .page-headers{margin-bottom:0px;}

#block-block-21 .content{padding:8px 12px; font-size:14px;}

.form-sign-up{background:#ea1b23; height:54px; position:fixed; bottom:0px; width:100%; left:0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.form-sign-relative{position:relative;}
.form-sign-up form{width:860px; margin:0 auto; padding:16px 0 10px 140px; background:url(../image/form-bottom-title.jpg) no-repeat left center;}
.form-sign-up form .form-item{display:inline; padding:0 8px 0 8px;}
.form-sign-up form .form-item .description{display:none;}
.form-sign-up form .form-item input,.form-sign-up form .form-item .form-select,.form-sign-up form .form-submit{
    color: #333;
    font-size: 12px;
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 200px
}

.form-sign-up form .form-submit {
    width: 80px;
    height:30px;
    margin-top: -10px;
    text-align: center;
    background-color: #eee
}

.form-sign-up form .form-submit:hover, .form-sign-up form .form-submit:focus {
    color: #fff;
    background-color: #a00
}

#main-wrapper{min-height:300px; background:url(../image/page-header.jpg) repeat-x;}
#main{width:1200px; margin:0px auto;}

.page-region h2{font-size:12px;}


.navs{}
.tabs ul.primary{text-align:right;}
.tabs ul.primary li.active a.active{color:#ff0000;}


.line{background:url(../image/line.jpg) repeat-x left bottom;}
.title h2{font-size:14px; font-weight:bold; background:url(../image/ico-title.jpg) no-repeat left center; padding-left:16px; height:28px; line-height:28px;}

.list{padding:10px 0px 10px 0px;}
.list ul,.list ul li{list-style:none; margin:0; padding:0;}
.list ul{padding:0 10px 0 10px;}
.list ul li{line-height:30px; font-size:14px;    padding-left: 12px; background: url(../image/dot.png) left center no-repeat;}
.list ul li:hover{background: url(../image/dot-hover.png) left center no-repeat;}
.list ul li a{color:#7b7b7b;}
.list ul li a:hover{color:#1dacf9;}
.list ul li .date{color:#7b7b7b;}


.news .ls{}
.news section{width:auto;}
.news .ls ul,.news .ls ul li{margin:0; padding:0; list-style:none;}
.news .ls ul li{margin:15px auto; position:relative;border-bottom:1px solid #eee;
	-webkit-transition: border 1s ease;
	-moz-transition: border 1s ease;
	transition: border 1s ease;
	padding:10px 0 10px 0;
}
.news .ls ul li:hover{border-bottom:1px solid #eaeaea;
	-webkit-transition: border 1s ease;
	-moz-transition: border 1s ease;
	transition: border 1s ease;
}
.news .ls ul li .thumb{float:left; margin-right:12px;}
#content .region-content .news .ls ul li h3,
.news .ls ul li h3{line-height:30px; padding:0; margin:0; padding-right:100px; font-size:18px;}
.news .ls ul li h3,.news .ls ul li h3 a{color:#333;}
.news .ls ul li .date{position:absolute; right:0; top:0; line-height:30px; color:#989898;}
.news .ls ul li h3 .date{position:relative; right: auto; top:auto; font-size:12px; padding:8px;}
.news .ls ul li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.news .ls ul li .description{color:#666; font-size: 14px; line-height:30px!important; padding:10px 0 5px 0}

.news .lstxt li a{background:url(../image/dot.png) no-repeat 5px center; padding-left:20px;}
.news .lstxt li a:hover{background:url(../image/dot-hover.png) no-repeat 5px center; padding-left:20px; color:#0c4da2;}

.news .pics .img{margin-right:5px;}
.news .pics .last{margin-right:0;}
.news-list{margin:10px auto; width:1200px;}
.news-list .item{width:220px; float:left; background:#fff; border:1px solid #d9d9d9; border-bottom:3px solid #d9d9d9; margin-right:18px; margin-bottom:20px;}
.news-list .item:hover{}
#content .region-content .news-list .item h3{line-height:30px; color:#666; padding:10px 0 10px 8px; font-size:14px;  border-bottom:1px solid #d8d8d8;}
#content .region-content .news-list .item h3 a{color:#666;}
.news-list .item .description{padding:10px; line-height:20px; color:#999; font-size:12px;}
.news-list .item .date{color:#6fa4e6; padding-left:10px;}
/* IE6 */
* html .news .ls ul li {
  height: 1%;
}
/* IE7 */
*:first-child + html .news .ls ul li {
  min-height: 1%;
}

.join-list{padding:10px 0 10px 0;}
.join-list ul li{width:186px; float:left; margin-right: 18px;}
.join-list ul li .link{height:40px; line-height: 40px; text-align:center; display:block; font-weight:bold; font-size: 14px; color:#727272;}

.pic-list{padding:10px 0 10px 0;}
.pic-list ul li{width:186px; float:left; margin-right: 10px;}
.pic-list ul li .link{height:40px; line-height: 40px; text-align:center; display:block; font-weight:bold; font-size: 14px; color:#727272;}

.file-list{}
.file-list .item{font-size:16px; padding:30px 0 10px 0; line-height: 50px; color:#6f6f6f;}
.file-list .item a{color:#6f6f6f;}
.file-list .item a:before{font-size:30px; position:relative; top:0px; padding-right:12px; color:#bebebe;}

#content .region-content .news .ls ul li .description p{text-indent:0;}

#breadcrumb{height:40px; line-height:40px; width:60%; position:absolute; right:10px; top:0; font-size:12px; margin:0; text-align: right; color:#777; background:none;}/*淇敼*/
#breadcrumb a{color:#777;}
#breadcrumb .span_go{ float:right; margin-top: 7px;}
.breadcrumb{background:none; margin:0; padding:0;}
.no-sidebars #breadcrumb{display:none;}


.page-slogan{text-align:center;height:160px;}

#content .page-title{text-align:center; font-size:16px;}
#page-title{line-height:50px;}
#content .region-content{min-height:300px;}
#content .region-content p,#content .region-content div{line-height:1.5em;}
#content .region-content p{color:#333}
#content .region-content h3{padding:8px 0 8px 0;}
#content .region-content .line{border-bottom:1px solid #d5d5d5; margin:12px 0 12px 0; height:10px;}
.prev_next_navigation ul,.prev_next_navigation ul li{margin:0; padding:0; list-style:none;}

#viewport{height:404px;}
#viewport #box figure{height:404px; margin:0; padding:0; position:relative;}
#viewport #box figure .text{position:absolute; left:0; bottom:0; width:100%; height:64px; padding-top:20px; display:block; background:#000; background:rgba(0,0,0,0.5); color:#fff;}
#viewport #box figure .text span{display:block; padding-left:20px;}
/*--棣栭〉鐣岄潰--*/


.free-exam{width:1200px; margin:10px auto;}
.free-exam .item{width:590px; height:170px; background-color:#e8e8e8;}
.free-exam .k1{float:left;}
.free-exam .k2{float:right;}
.free-exam .item .cnt{padding:56px 0 10px 0; font-size:14px; text-align:center;}
.free-exam .item .status{margin-top:20px; font-weight:normal; color:#333;}
.free-exam .item .status:before{font-size:26px; position:relative; top:4px;}
.btn-exam{width:160px; height:35px; margin:0 auto; display:block; line-height:30px; background:#0b87de; color:#fff; font-size:14px; margin-top:5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.btn-exam:before{position:relative; top:4px; font-size:28px; padding-right:8px;}
.btn-exam:active,.btn-exam:hover{background:#38adff; color:#fff; cursor:pointer;}

.b-featrue{width:1200px; margin:0 auto; padding:30px 0  30px 0;}
.b-featrue .block-video{width:368px; float:left; padding-top:40px;}
.b-featrue .block-cnt{width:830px; float:right;}
.block-featrue{padding:0px!important;}

.block-btns{text-align:center; padding:1px;}
.block-btns .btn-exam,.block-btns .btn-a{
	display:inline; padding:10px 60px 10px 60px; text-align:center;margin:0 auto; background:#0b87de; color:#fff; font-size:16px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	overflow:hidden;
	}
.block-btns .btn-exam:hover,.block-btns .btn-a:hover{
	background:#38adff; color:#fff; cursor:pointer;
}
.block-btns .btn-a{
	border:1px solid #38adff; background:none; color:#38adff; cursor:pointer;
}



.page-region .more{position:absolute; right:10px; top:3px; color:#aa7125;}
.page-region .list{padding:0 10px;}
.second .page-region .more{color:#000; top:16px; right:30px;}


h1.title,h2.title h2 {
    font-size: 48px;
    line-height: 1.5;
    font-weight: 400
}
.node-article section h1.title{text-align:center; padding-bottom:30px; color:#000; font-size:20px;}
.node-article section p{text-indent:2em;}
.node-article section .meta{font-size:12px; margin-bottom:50px; text-align:right;}
.node-article section .meta,.node-article section .meta a{color:#999;}
.node-article section .shares{margin:30px 0 100px 0; text-align:right; padding:10px 10px 10px 0; border:1px solid #ccc; border-bottom:1px solid #ccc;}

.one-sidebar .title,h2.title h2 {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 400
}

.no-sidebars .title,h2.title h2 {
    line-height: 1.5;
    font-size: 20px;
	border-bottom: 1px solid #eee;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
}
.no-sidebars h1.title{padding-top:20px;}
.no-sidebars .node-article{width:1200px; margin:0 auto; background:#fff; margin-bottom:50px;}
.no-sidebars .node-page{width:1200px; margin:0 auto; background:#fff; margin-bottom:50px;}
.node-type-article{background:#eee;}
.node-article section{padding:10px;}
.node-article .field-name-body{font-size:16px; color:#333;}

.block{padding:30px 0 30px 0; border-bottom:1px solid #e0e0e0;}
.block .block-title{font-size:36px; color:#353535; line-height:100px; font-weight:bold; text-align:center; font-family:"瀹嬩綋","microsoft Yahei"}
.block .block-description{text-align:center; font-size:16px; color:#8a8a8a; padding-bottom:50px;}
.block .block-description p{margin:0;}
.block .block-btn{text-align:center}
.block .block-btn a{width:186px; display:inline-block; height:40px; line-height:40px; text-align:center; font-size:16px; color:#ff6060; border:1px solid #ff6060; border-radius:4px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.block .block-btn a:hover{background:#ff6060; color:#fff; border:1px solid #fff;}
.block-system{border:none; padding:0;}
.one-sidebar .block{padding:0;}

.products .section{background:#fff;}

.product-list ul li{width:260px; float:left; text-align:center; margin:15px 20px;}
.product-list ul li a.thumb{display:block;width:260px; height:260px; margin:0 auto;}
.product-list ul li img{}
.product-list ul li a.link{display:block; height:30px; line-height:30px; background:#555; overflow:hidden; color:#fff;}

.thumb-list ul li{width:186px; float:left; text-align:center; margin:15px 10px;}
.thumb-list ul li a.thumb{display:block;width:186px; height:136px; margin:0 auto;}
.thumb-list ul li img{}
.thumb-list ul li a.link{display:block; height:30px; line-height:30px; background:#555; overflow:hidden; color:#fff;}

.recommend-list{padding:10px 0 12px 0;}
.recommend-list ul{margin-left:-10px;}
.recommend-list ul li{width:232px; float:left; text-align:center; margin-left:10px;}
.recommend-list ul li a.thumb{display:block;width:232px; height:129px; margin:0 auto;}

.qos-list{width:1200px; margin:0 auto;}
.qos-list ul li{width:360px; float:left; text-align:center; margin:15px 20px;}
.qos-list ul li a.thumb{display:block;width:360px; height:520px; margin:0 auto;}
.qos-list ul li img{}
.qos-list ul li a.link{display:block; height:30px; line-height:30px; text-align:center;}

.cert-list ul li{width:320px; float:left; text-align:center; margin:30px 38px;}
.cert-list ul li a.thumb{display:block;width:296px; height:180px; margin:0 auto; padding:11px; border:1px solid #ececec; background:#f5f5f5;}
.cert-list ul li img{}
.cert-list ul li a.link{display:block; height:30px; line-height:30px; overflow:hidden; color:#000;}

.faq-list ul,.faq-list ul li{list-style:none; padding:0; margin:0;}
.faq-list ul li{padding:12px 0 12px 0;}
.faq-list ul li h4{line-height:30px; background:url(../image/icon-faq.jpg) no-repeat left center; padding-left:40px;}
#content .region-content .faq-list ul li p{text-indent:0; margin:0; padding:0; line-height:30px;}

.page-data{margin:0 auto;}
.data-table{}
.data-table th{background:#e0e0e0; color:#6f6f6f; text-align:left; font-size:16px; border-right:1px solid #fff;}
.data-table th,.data-table td{padding:10px;}
.data-table td{font-size:14px; color:#777;}
.data-table .odd{background:#f6f6f6;}

.track th{background:#005cac; text-align:center; line-height:25px;}
.track tr.odd{background:#ececec;}
.track td{line-height:25px; text-align:center;}

.node-full .content{}


.front-news ul li{margin:10px 0 10px 0;}
.front-news ul li .thumb{float:left;}
.front-news ul li .intro{width:68%; float:right; padding-top:10px; font-size:12px;}
.news .front-news ul li .intro{width:82%;}
.front-news ul li h3,.front-news ul li h3 a{font-size:18px; color:#027dc3;}
.front-news ul li .intro .view{text-align:right;}
.front-news ul li .intro .view a{color:#ff6600;}

.page-region{position:relative; margin-bottom:8px}

.page-regions .page-region{float:left; width:200px; padding:0 24px; border-left:1px solid #117c3d;}
.page-regions .page-region h2,.sidebar .page-region h2{text-align:left;}
.page-regions .page-region .content{line-height:20px;}


.one-sidebar .main-content {
    width: 950px;
    border-left: 220px solid #fafafa;
    background-color: #fff;
    min-height: 500px;
    padding: 0px 0 0 30px;
}

.secondary{margin:0 auto; padding-top:8px;}
.secondary h2,.sidebar h2{font-size:16px; height:50px; background-color:#124b97; line-height:50px; margin:0; padding:0; color:#ffffff; text-align:left; padding-left:20px;}
.sidebar .page-region .content{line-height:20px;}
.no-sidebars .main-content{width:100%; min-height:400px;float:none; clear:both;}
.no-sidebars .sidebar{display:none}
.no-sidebars .main-content .content h1.title{text-align:center;}

.one-sidebar{background:#fff;}
.one-sidebar #main{margin:20px auto;width:1200px;}

.item-list .pager{padding:12px 0 12px 0; height:30px; display:block;}
.item-list .pager li{margin:0;}




.page-slides-wrapper{width:100%; height:500px; background:#005ba0; overflow:hidden; position:relative;}
.page-slides{width:1200px; position:absolute; top:0; left:50%; margin-left:-502px;}

.page-slides-wrapper .control{width:100%; height:96px; position:absolute; bottom:0;}
.page-slides-wrapper .control #controls{padding:0 12px 0 12px;}
.page-slides-wrapper .control li{width:98px; height:88px; float:left; margin:5px;}
.page-slides-wrapper .control li .goto-slide{display:block;width:92px; height:57px; background:url(../image/thumb-bg.gif) no-repeat left bottom; padding:9px 3px 3px 3px;}
.page-slides-wrapper .control li .current{background:url(../image/thumb-bg.gif) no-repeat left 1px;}
.page-slides-wrapper .control li span{display:block; color:#fff; text-align:center;}


footer{margin:0 auto; font-size: 14px; color:#9d9d9d; border-top:4px solid #ec7e21;}
footer section{width:1200px; margin:0 auto;}
#footer{line-height:30px; background:#fff;}
#footer .page-region{padding:0;}
#footer .copyright{text-align:center; position:relative; width:1200px; margin:0 auto; padding:36px 0 36px 0;}
#footer .copyright strong{color:#dcdcdc; font-size:1.2em;}
#footer .copyright,#footer .copyright a{color:#9c9c9c;}
#footer .copyright p{margin:0;}
#block-system-powered-by{}

.footer-menu{display:block; background:#000;padding:5px 0px 5px 0px;}
.footer-menu ul,.footer-menu ul li{list-style:none; list-style:none;}
.footer-menu ul{display:block; text-align:center;width:1200px; margin:0px auto;}
.footer-menu ul li{display:inline; line-height:28px; padding:0px; margin:0px;}
.footer-menu ul li,.footer-menu ul li a{color:#c8c7c7;}
.footer-menu ul li a{padding:0 5px 0 5px; border-right:1px solid #c8c7c7;}
.footer-menu ul li.last a{border:none;}

#footer .block{border:none; padding:0px;}

.footer-infos .col{float:left; border-right:1px solid #8a8a8a; padding:10px; height:150px;}
.footer-infos .col h3{font-size:18px; color:#d6d6d6; margin-bottom:10px;}
.footer-infos .coltel{width:300px;}
.footer-infos .col{float:left; border-right:1px solid #8a8a8a; padding:10px; height:150px;}
.footer-infos .coltel .phones{font-size:32px; color:#f4f4f4; margin-bottom:20px;}
.footer-infos .colnotice{width:468px;}
.footer-infos .colnav{width:150px;}
.footer-infos .coladd{width:150px; border:none;}
.footer-infos .col .block{padding:0; border:none}

.ft-qrcodes{position:absolute; top:30px; right:0; }

.sidebar {
    width: 220px;
    position: absolute;
    left: 0;
    top: 0
}
.sidebar .section{}
.sidebar .section h2,.sidebar .section h2 a{color:#705717;}
.sidebar .block{padding:0px; margin-bottom:12px; position:relative; border:none;}
.sidebar .block .more{color:#fff; top:0px; height:47px; line-height:47px;}


#content-wrapper{padding-left: 220px;}
#content{background:#fff; padding-left:12px; min-height:800px; padding-top:10px;}

#mapcanvas{height:300px;}

.department-logo{margin-top:10px;} 
.tim{width:210px; position:absolute; right:0; top:0; color:#ffffff;}



/*scroll*/
#scrollbar .viewport { height: 360px; overflow: hidden; position: relative;overflow-y:hidden; }
#scrollbar .overview { list-style: none; width:100%; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scrollbar{position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar .track{background:#ccc; width:5px;}
#scrollbar .track .thumb { background:#000; height: 20px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -3px; }
#scrollbar .disable { display: none; }
#scrollbar .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#scrollbar li {
    float: left;
    width: 450px;
    _width: 360px;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
    text-align: center;
    height: 200px;
}
#scrollbar .n-c {
    text-align: center;

}




div.friendlink{padding:10px 0 20px 0;}
div.friendlink,div.friendlink a{color:#553210;}




.front-left{float:left; width:320px; border-top:8px solid #00b0e7;}
.front-center{float:left; width:560px; border-top:8px solid #0088dc;}
.front-right{float:right; width:320px; border-top:8px solid #00b0e7;}

.tabs{
 height:30px;
}
.main-content .tabs{width:40px; height:40px; position:fixed; bottom:100px; right:20px;}

.main-content .tabs a{color:#999; display:block; text-align:center; background:#c2d8ff; border-radius:40px; float:left; line-height:30px; text-align:center; width:40px; line-height:40px;}
.main-content .tabs .active{display:none;}

.slogan{position:absolute; top:30px; left:400px;}



.product-series .btn_prev,.product-series .btn_next{width:25px; cursor:pointer; height:48px; background:#1c6ab6; border:1px solid #1c6ab6; position:absolute; z-index:10000; top:120px; text-indent:-999px; overflow:hidden; display:block; background-image:url(../image/prev-next.png); background-repeat:no-repeat;
	-webkit-transition: border 1s ease;
	-moz-transition: border 1s ease;
	transition: border 1s ease;
}
.product-series .btn_prev{left:0;}
.product-series .btn_next{right:0; background-position:left bottom;}
.product-series .btn_prev:hover,.product-series .btn_next:hover{border:1px solid #d1d1d1;
	-webkit-transition: border 1s ease;
	-moz-transition: border 1s ease;
	transition: border 1s ease;
}


.product-item{}
.product-item .image{width:300px; float:left;}
.product-item .detail{width:600px; float:right;}
.product-item .detail h3{font-size:16px;}

.prodcut-intro{position:relative;}
.pdf-download,.pdf-download:hover{width:120px; position:absolute; color:#fff; top:0; right:10px; line-height:40px;}
.prodcut-intro .contents{padding-top:20px;}
.prodcut-intro .contents .item{display:none;}
.prodcut-intro .contents .active{display:block;}

#content .region-content .prodcut-intro table p{text-indent:0; margin:0;  padding:0}
.prodcut-intro table td{border:1px solid #ccc; padding:6px;}


.g2col{width:1200px; margin:0 auto;}
.g2col .sbl{float:left; width:370px;}
.g2col .sbr{float:right; width:818px;}
.sb .sb-title{border-bottom:3px solid #f5f5f5;}
.sb .sb-title h2{border-bottom:1px solid #e2e2e2; font-size:14px; margin:0;}
.sb .sb-title h2 span.tit{ border-left:2px solid #0b87de; padding-left:5px;}

.d2col{width:1200px; margin:0 auto;}
.d2col .sbl{float:left; width:590px;}
.d2col .sbr{float:right; width:590px;}
.d2col .sb .sb-title h2{font-size:18px; color:#070707;}

.cnt-list{padding-top:30px; font-size:14px;}

.map-contact{border-top:3px solid #bac7da; width:92%; margin:0 auto;}
.map-contact th,.map-contact td{line-height:40px; border-right:1px solid #cad4e3;}
.map-contact .last{border-right:none;}
.map-contact th{background:#e7edf4; color:#000; text-align:center;}
.map-contact td{padding-left:12px;}
.map-contact .odd{background:#e2e8f1;}

.page-one-col{width:1200px; margin:0 auto;}
.page-one-col .node-full .content{padding:0;}
.page-one-col .qian{background:#f0f7ff;}
.page-one-col .intro{background:#dae9ff; padding:10px;}

.node-page .field-name-body{font-size:14px;}
#content .region-content .field-name-body table td{border:1px solid #ddd; background:#fff; padding:3px;}
#content .region-content .field-name-body table td p{text-indent:0; margin:0; padding:0;}

.page-slide{height:130px; padding:10px 40px 10px 40px; background:#dae9ff; position:relative;}
.page-slide .item{height:130px; width:139px; float:left; margin-right:10px;}
.page-slide .item  span{display:block; text-align:center;}
.page-slide .btn_prev,.page-slide .btn_next{width:25px; height:48px; position:absolute; top:30px; text-indent:-999px; overflow:hidden; display:block; background-image:url(../image/prev-next.png); background-repeat:no-repeat;}
.page-slide .btn_prev{left:0;}
.page-slide .btn_next{right:0; background-position:left bottom;}

.banner .region-banner{width:100%; overflow:hidden; max-width:1200px; height:333px; margin:0 auto; position:relative;}
.banner .region-banner .block{width:1200px; left:50%; position:absolute; top:0;}
.banner .region-banner .block .content{width:1200px; position:absolute; top:0; left:-600px;}
.banner img{display:block;}


.btn-red{color: #fff; background-color: #f44e51}
.btn-blue{color: #fff; background-color: #0b87de}
.btn-grey:hover, .btn-red:hover {
    color: #fff;
    background-color: #d00
}
.modal-body .form-submit{width: 100%; height: 50px}


.modal-header {
    padding: 16px 30px 0 50px;
    color: #999;
    font-size: 18px;
    height:40px;
    position: relative
}

.modal-header .close {
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    position: absolute;
    top: 10px;
    right: 20px
}

.modal-header .close:hover, .modal-header .close:focus {
    text-decoration: none;
    cursor: pointer
}

.modal-body {
    padding: 20px 50px 40px 50px
}


.modal-body input,.modal-body textarea {
    width: 97%;
}
.modal-body .form-item{padding:0px 0 10px 0;}
.modal-body select{width:100%;}


.modal-body .help-block {
    position: absolute;
    left: 47px;
    bottom: -30px;
    color: #a94442
}

.modal-body .error {
    border-color: #a94442
}

.modal-body .has-success {
    border-color: #3c763d
}
.guest_book_form{}
.guest_book_form td,.guest_book_form th{padding:8px; border:1px solid #cdcdcd;}
.guest_book_form td .form-item .description{display:inline;}
.guest_book_form td .form-item .form-text{height:20px;}
.guest_book_form  .form-submit{border:none; background:#004c8f; width:100px; height:30px; color:#fff;}


.pager-actions{height:30px;}
.bottom-pager{padding:0px 0 10px 680px;}
.top-pager{padding:0px 0 10px 350px;}
.pager-actions div{display:inline; padding:1px;}
.pager-actions a{display:block; width:100px; height:30px; line-height:30px; float:left; border:1px solid #ccc; color:#000; margin-left:10px; text-decoration:none; text-align:center;}
.node .content .pager-actions a{text-decoration:none; color:#000;}
.pager-actions a:hover{background:#eee;}


.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}

.environment-list ul,.environment-list ul li{margin:0; padding:0; list-style:none;}
.environment-list{width:1200px; margin:0 auto; padding:40px 0 40px 0;}
.environment-list ul{margin-right:-6px;}
.environment-list ul li{list-style:none; float:left; margin-right:6.5px}
.environment-list ul li .link{display:block; font-size:16px; text-align:center; line-height:40px;}

.courses-list ul,.courses-list ul li{margin:0; padding:0; list-style:none;}
.courses-list{width:1200px; margin:0 auto; padding:40px 0 40px 0;}
.courses-list ul{margin-right:-6px;}
.courses-list ul li{list-style:none; width:295px; overflow:hidden; float:left; margin-right:6.5px}
.courses-list ul li .link{display:block; font-size:16px; text-align:center; line-height:40px;}
.courses-list ul li .desc{font-size:14px; color:#999; text-align:center}

.download-slogan{height:612px; background:url(../image/bg-download.jpg) no-repeat center center;}
.download-slogan .section{width:1200px; margin:0 auto; position:relative;}
.download-slogan .section .download-btn{padding:283px 0 0 570px;}
.download-slogan .section .download-btn p{padding-left:10px; color:#fff; padding-top:20px;}
.download-slogan .section .btn-download{width:371px; height:105px; text-indent:-900px; overflow:hidden; background:url(../image/btn-download.png) no-repeat; display:block;}
.download-slogan .section .btn-download:hover{background:url(../image/btn-download.png) no-repeat 0 -105px;;}
.download-page{padding:30px 0 30px 0}
.download-extra{background:#f4f4f4; width:1200px; border:1px solid #e3e3e3; margin:0 auto;}
.download-extra .blk{width:49%; float:left; margin-left:1%; padding:12px 0 12px 0;}
.download-extra .blk h3{color:#464646; border-left:4px solid #124b97; padding-left:8px; font-size:16px; height:25px; line-height:25px;}
.download-extra .blk ul{padding:12px 0 12px 0;}
.download-extra .blk ul li{line-height:22px;}
.download-extra .blk ul li,.download-extra .blk ul li a{color:#a3a3a3;}


.login-page{background:#e1e1e1; padding:12px 0 12px 0;}
.login-page .login-title h2{font-size:16px; color:#124b97; padding-left:20px; border-bottom:1px solid #ccc;}
.login-page .login-body{ width:1200px; background:url(../image/login-bg.jpg) no-repeat; padding:40px 0 40px 0; margin:0 auto;}
.login-form{padding:12px 20px 12px 20px;}
.user-register{padding-left:12px; margin-left:20px;}
.login-form .form-item{padding:10px 0 10px 0;}
.login-form .form-text{width:240px; height:30px;}
.login-form .description{color:#999;}
.form-action{padding-top:20px;}
.btn-login{padding: 11px 40px;}
.login-form-wrapper{border:1px solid #ddd; background:#fff; width:300px; height:400px; margin-left:900px;}

.registry-page{background:#e1e1e1; padding:12px 0 12px 0;}
.registry-page .registry-title h2{font-size:16px; color:#124b97; padding-left:50px;}
.registry-page .registry-body{border:1px solid #ddd; background:#fff; width:1200px; margin:0 auto;}
.registry-page .registry-body form{padding:50px;}
#send_code{margin-top:-8px;}


#content .region-content .teacher-list-squre .item .desc p{text-indent:0;}


.row{border-bottom:1px solid #eee; padding:30px 0 30px 0;}
.row .section{width:1200px; position:relative;}
.row .section .text{position:absolute; color:#333;}
.even .section .text{top:100px; left:600px; }
.odd .section .text{top:100px; left:0px; text-align:left;}
.row.odd{background:#fafafa;text-align:right;}
.row .section .text h3{font-size:32px; color:#333;}
.row .section .text .description{font-size: 18px; color:#666;}
#content .region-content .row .section .text .description p{text-indent:0;}

.item-list .pager {
  clear: both;
  text-align: center;
}
.item-list .pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: 0.5em;
}
.pager-current {
  font-weight: bold;
}

#messages{border:1px solid #fb0000; color:#000; font-size:12px; padding:8px; font-style:normal; margin-bottom:10px;}
#messages em{font-style:normal;}
.page-description{text-align:center; color:#7a7a7a; font-size:16px;}

#onlineservice {
    position: fixed;
    right: 10px;
    top: 160px;
    z-index: 99
}

#onlineservice > div {
    width: 64px;
    height: 64px;
    position: relative;
    margin-top: 2px
}

#onlineservice > div * {
    cursor: pointer
}

#onlineservice > div:first-child .icon {
    border-radius: 5px 5px 0 0
}

#onlineservice > div:last-child .icon {
    border-radius: 0 0 5px 5px
}

#onlineservice .icon {
	display: inline-block;
    font-size: 12px;
    font: normal normal normal 14px/1 FontAwesome;
    text-align: center;
    width: 64px;
    height: 64px;
    color: #fff;
    font-weight: 700;
    overflow: hidden
}

#onlineservice i{font-style:normal;}
#onlineservice .icon:before{
    display: block;
    font-size: 24px;
    margin: 10px 0 6px
}

#onlineservice .phone, #onlineservice .webchat, #onlineservice .apply {
    position: relative
}

#onlineservice .icon-chat, #onlineservice .webchat .pop {
    background-color: #f44e51
}

#onlineservice .icon-qrcode, #onlineservice .qrcode .pop {
    background-color: #ffa200
}

#onlineservice .icon-phone, #onlineservice .phone .pop {
    background-color: #51b7ec
}

#onlineservice .icon-apply, #onlineservice .apply .pop {
    background-color: #44b549
}

#onlineservice .pop {
    display: none;
    position: absolute;
    right: 72px;
    top: 50%;
    margin-top: -20px;
    white-space: nowrap;
    height: 40px;
    line-height: 20px;
    padding: 10px 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.1)
}

#onlineservice .qrcode .pop {
    height:100px;width:100px;top: 10%;
}

#onlineservice .pop:after {
    content: "";
    position: absolute;
    right: -13px;
    top: 50%;
    margin-top: -8px;
    border: 8px solid transparent
}

#onlineservice .pop strong {
    color: #ff0;
    font-size: 16px
}

#onlineservice .webchat .pop:after {
    border-left-color: #f44e51
}

#onlineservice .qrcode .pop:after {
    border-left-color: #ffa200
}

#onlineservice .phone .pop:after {
    border-left-color: #51b7ec
}

#onlineservice .apply .pop:after {
    border-left-color: #44b549
}

#onlineservice .phone:hover .pop, #onlineservice .qrcode:hover .pop,#onlineservice .webchat:hover .pop,
#onlineservice .apply:hover .pop {
    display: block
}
.block-search{width:258px; position:absolute!important; top:32px; right:0; padding:0; margin:0; border:none;}
.container-inline *{display: inline;}
.block-search .form-actions{display:inline; padding:0; border:none; margin:0; position:absolute; top:0px; right:0;}
.block-search form{margin:0;}
.block-search .form-item{display:inline;}
.block-search .form-item .form-text{height:26px; width:160px;}
.block-search .form-submit{width:60px; height:34px; background:#de0b0b; color:#fff; border:none;}

.point-search{width:680px; margin:0 auto; padding:100px 0 60px 0;}
.point-search .txtpoint{width:436px; height:56px; font-size:16px; line-height:30px;}
.point-search .form-submit{width:126px; height:66px; border:none; background:#0b4ea7; color:#fff; font-size:16px; position:relative; top:-5px;}

.icon-chat:before{content: "\f0e6"}
.icon-qrcode:before{content: "\f029"}
.icon-phone:before{content: "\f095"}
.icon-apply:before{content: "\f040"}


.anchorBL{  
       display:none;  
   }
   


/**
 * template	
 * 
 */
.left-thumb-right-detail{padding:16px 0 16px 0; border-bottom:1px solid #f5f5f5;}
.left-thumb-right-detail .tpl-left-thumb{width:30%; float:left;}
.left-thumb-right-detail .tpl-left-thumb img{width:252px; height:158px;}
.left-thumb-right-detail .tpl-right-detail{width:68%; float:right;}
.left-thumb-right-detail .tpl-right-detail h2{font-size:16px; color:#666666;}
.left-thumb-right-detail .tpl-right-detail .tpl-intro{color:#888888; font-size:14px;}

.left-detail-right-thumb{padding:16px 0 16px 0; border-bottom:1px solid #f5f5f5;}
.left-detail-right-thumb .tpl-right-thumb{width:30%; float:left;}
.left-detail-right-thumb .tpl-right-thumb img{width:252px; height:158px;}
.left-detail-right-thumb .tpl-left-detail{width:68%; float:right;}
.left-detail-right-thumb .tpl-left-detail h2{font-size:16px; color:#666666;}
.left-detail-right-thumb .tpl-left-detail .tpl-intro{color:#888888; font-size:14px;}

.tpl-g2col{padding:10px 0 10px 0; border-bottom:1px solid #f5f5f5;}
.tpl-g2col .tpl-col-left,.tpl-g2col .tpl-col-right{width:49%; text-align:center;}
.tpl-g2col .tpl-col-left{float:left;}
.tpl-g2col .tpl-col-right{float:right;}
.tpl-g2col h3{font-size:16px; color:#666666;}
.tpl-g2col .tpl-pic-desc{color:#888888; font-size:14px;}

.tpl-big-title{border-bottom:1px solid #f5f5f5; padding:16px 0 16px 0;}
.tpl-big-title h2{padding:30px 0 30px 0; color:#333;}
.tpl-big-title .desc{color:#666666; padding:10px 0 20px 0; font-size:16px;}
.tpl-big-title a.btn{text-decoration:none;}

.four-pic th,.four-pic td{border:none!important; text-align:center; padding:12px!important;}


/** timeline box structure **/
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eee;
  left: 50%;
  margin-left: -1.5px;
}

.tldate {
  display: block;
  width: 200px;
  background: #fff;
  color: #0b87de;
  margin: 0 auto;
  font-size:
  padding: 3px 0;
  font-weight: bold;
  text-align: center;
}

.timeline li {
  margin-bottom: 25px;
  position: relative;
}

.timeline li:before, .timeline li:after {
  content: " ";
  display: table;
}
.timeline li:after {
  clear: both;
}
.timeline li:before, .timeline li:after {
  content: " ";
  display: table;
}

/** timeline panels **/
.timeline li .timeline-panel {
  width: 36%;
  float: left;
  background: #fff;
  border: 1px solid #d4d4d4;
  color:#666;
  padding: 20px;
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

/** panel arrows **/
.timeline li .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline li .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {
  top:0;
  right:0;
  display: none;
  border: 0;
}

.timeline li.timeline-inverted .timeline-panel {
  float: right;
}

.timeline li.timeline-inverted .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline li.timeline-inverted .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}


/** timeline circle icons **/
.timeline li .tl-circ {
  position: absolute;
  top: 23px;
  left: 50%;
  text-align: center;
  background: #c5e7ff;
  color: #fff;
  width: 11px;
  height: 11px;
  line-height: 11px;
  margin-left: -8px;
  border: 3px solid #eff8ff;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  z-index: 99999;
}


/** timeline content **/

.tl-heading h4 {
  margin: 0;
  color: #c25b4e;
}

.tl-body p, .tl-body ul {
  margin-bottom: 0;
}

.tl-body > p + p {
  margin-top: 5px;
}

/** media queries **/
@media (max-width: 991px) {
  .timeline li .timeline-panel {
    width: 36%;
  }
}

@media (max-width: 700px) {
  .page-header h1 { font-size: 1.8em; }
  
  ul.timeline:before {
    left: 40px;
  }
  
  .tldate { width: 140px; }

  ul.timeline li .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }

  ul.timeline li .tl-circ {
    top: 22px;
    left: 22px;
    margin-left: 0;

  }
  ul.timeline > li > .tldate {
    margin: 0;
  }

  ul.timeline > li > .timeline-panel {
    float: right;
  }

  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }

  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
}
.form-type-checkbox label{display:inline;}
