/*
    Wisoft add
*/
.social li.wims { cursor:pointer; }

.team .item .team-member-links a.wims:hover,
.member-social.dark a.wims:hover,
header .social li.wims:hover,
footer .social li.wims:hover{
	background-color: rgba(255,40,47,1.00);
	color: #FFF;
}

.social li.wims span{
	letter-spacing: -2px;
	font-size: 0.9em;
	font-weight: bold;
	color: #666;
	position: relative;
	left: -1px;
	top: -1px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace
}
.social li.wims:hover span{ color:#FFF;font-weight:100; letter-spacing: -2px;font-size: 0.7em;font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif }

.layout-style select{ height:25px;float:right;margin-left:10px; width:25px;display:block; }

.logoTitle{
    height: 80px;
	float:left;
	margin-left:30px;
}

.logoTitle h1 {
    margin: 18px 0;
}

/* Header */
#header .main-header {
    min-height: 2px;
	z-index: 999;
    width: 100%;
    position:relative;
	background:#FFF;
    -webkit-box-shadow: 0 3px 3px -3px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px -3px rgba(0,0,0,0.2);
}


.topDivLine {
	min-height: 3px;
	width: 100%;
	background:#e41c21;
}

#style-switcher {
		background-color: #fff;
		width: 205px;
		position:fixed;
		top: 128px;
		z-index: 999;
		border-radius: 0 0 3px 0;
		left: -206px;
		border: 1px solid #e4e4e4;
		border-left: 0;
		border-top: 0;
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
	}
	
.menu ul>li>a {
    padding: 10px 18px 10px 18px;
}

.main-content,.content {
    padding: 30px 0 30px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	
}
.home-2 .main-content, .home-3 .main-content {
	margin: 0px 0 40px;
	padding:0;
}

.main-content {
	margin: 0px 0 0px;
	border-top:1px solid rgba(0,0,0,0.1);
}

.bottom-pad {
    margin-bottom: 30px;
}

.ch-info-wrap {
    background: #FFF;
}



#red{
	background:rgba(228,28,33,0.95)
}
#orange {
	background:rgba(253,69,23,0.95);
}

#yellow {
    background:rgba(253,148,23,0.95);
}

#green{
	background:rgba(0,176,80,0.95)
}
#blue{
	background:rgba(0,174,239,0.95)
}
#darkblue{
	background:rgba(23,52,110,0.95)
}
#purple{
	background:rgba(125,68,169,0.95)
}
	
.red-text{
	color:rgba(228,28,33,1)
}
.orange-text {
    color: #FD9417;
}

.green-text{
	color:rgba(0,176,80,1)
}
.blue-text{
	color:rgba(0,174,239,1)
}
.darkblue-text{
	color:rgba(23,52,110,1)
}
.purple-text{
	color:rgba(125,68,169,1)
}


.news-box {
	min-height:80px;
	margin:20px 0 10px 0;
}
.news-img {
    position: absolute;
    width: 80px;
    height: 80px;
	margin:0px;
	padding:3px;
}

.news-box-info {
    padding-left: 100px;
}


.content-box{
    min-height:80px;
	margin:20px 0 10px 0;
}

.news-title-control {
	position:relative;
	top:-35px;
	left:25px;
	}

.footer-one{
	float:left;
	width:24%;margin-left:80px;margin-right:100px}
.footer-two{
	float:left;
	width:21%;min-width:200px;margin-right:80px}	
.footer-three,
.footer-four{
	float:right;margin-right:10px;margin-top:30px;}
	
.adv-bar {
    text-align: center;
    padding: 0px 15px 10px !important;
	background:rgba(0,0,0,0.15);
	width:100%;
	position:absolute;
	bottom:50px;
	margin-bottom:-50px;
	z-index:102;
	height:50px;
}

.adv-carousel{ width:723px;margin:auto;}
.advantage {}

.advantage li {
	background: rgba(91,98,105,0.90);
	border-radius: 0;
	display: inline-block;
	height: 50px;
	margin-right: -3px;
	margin-left: 0px;
	width: 160px;
	text-align: left;
	font-size: 16px;
	-webkit-transition: background .5s ease-in-out;
	-moz-transition: background .5s ease-in-out;
	-o-transition: background .5s ease-in-out;
	-ms-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;
	padding: 7px 10px 5px 10px;

}

.advantage li:hover{
	background:rgba(228,28,33,0.8)
}
.advantage li.adv_1:hover{
	background:rgba(228,28,33,0.8)
}
.advantage li.adv_2:hover{
	background:rgba(253,69,23,0.8)
}
.advantage li.adv_3:hover{
	background:rgba(253,148,24,0.8)
}
.advantage li.adv_4:hover{
	background:rgba(0,176,80,0.8)
}
.advantage li.adv_5:hover{
	background:rgba(0,174,239,0.8)
}
.advantage li.adv_6:hover{
	background:rgba(23,52,110,0.8)
}
.advantage li.adv_7:hover{
	background:rgba(125,68,169,0.8)
}
	
.advantage i {
    color: #FFF;
	font-size:30px;
	position:relative;
	top:3px;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
}

.advantage a{
	color:#FFF;
}

.advantage li.adv_prev,
.advantage li.adv_next
{ width:50px; text-align:center;padding:0px;}

.advantage li.adv_prev a,
.advantage li.adv_next a
{ width:100%; height:100%; text-align:center;padding: 7px 10px 5px 10px;display:block}
	
.slider{
	display:block;
	position:relative;
}

.adv-con-hide{
	display:none;
}

.adv-con-show{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.adv_back{
	background:rgba(91,98,105,0.97);
	width:100%;
	height:100%;
	position:relative;
	z-index:101;
	color:#FFF;
	
}


.adv_box{
	width:800px;
	left:50%;
	position:relative;
	margin-left:-400px;
}

.adv_box div,
.adv_box h1{
	text-shadow:			
rgba(0,	0, 0,	0.10)	1px 1px,
rgba(0,	0, 0,	0.10)	2px 2px,
rgba(0,	0, 0,	0.10)	3px 3px,
rgba(0,	0, 0,	0.09)	4px 4px,
rgba(0,	0, 0,	0.09)	5px 5px,
rgba(0,	0, 0,	0.09)	6px 6px,
rgba(0,	0, 0,	0.08)	7px 7px,
rgba(0,	0, 0,	0.08)	8px 8px,
rgba(0,	0, 0,	0.08)	9px 9px,
rgba(0,	0, 0,	0.07)	10px 10px,
rgba(0,	0, 0,	0.07)	11px 11px,
rgba(0,	0, 0,	0.07)	12px 12px,
rgba(0,	0, 0,	0.06)	13px 13px,
rgba(0,	0, 0,	0.06)	14px 14px,
rgba(0,	0, 0,	0.06)	15px 15px,
rgba(0,	0, 0,	0.05)	16px 16px,
rgba(0,	0, 0,	0.05)	17px 17px,
rgba(0,	0, 0,	0.05)	18px 18px,
rgba(0,	0, 0,	0.04)	19px 19px,
rgba(0,	0, 0,	0.04)	20px 20px,
rgba(0,	0, 0,	0.04)	21px 21px,
rgba(0,	0, 0,	0.03)	22px 22px,
rgba(0,	0, 0,	0.03)	23px 23px,
rgba(0,	0, 0,	0.03)	24px 24px,
rgba(0,	0, 0,	0.02)	25px 25px,
rgba(0,	0, 0,	0.02)	26px 26px,
rgba(0,	0, 0,	0.02)	27px 27px,
rgba(0,	0, 0,	0.01)	28px 28px,
rgba(0,	0, 0,	0.01)	29px 29px,
rgba(0,	0, 0,	0.00)	30px 30px;
}

.adv_icon_close{
	position:absolute; 
	right:30px;
	top:30px;
}

.adv_icon_close a i {
	font-size:30px;
	width:35px;
	height:35px;
	line-height:20px;
	text-align:center;
    color:rgba(0,0,0,0.5);
	border-radius: 5px;
	border:2px solid rgba(0,0,0,0.5);

    -webkit-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    -ms-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
}

.adv_icon_close a:hover i{
    color:rgba(255,255,255,1);
    -webkit-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    -ms-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
	border-radius: 5px;
	border:2px solid rgba(255,255,255,1);
}

.adv_con{
	height:377px;
	width:800px;
	display:table-cell;
	vertical-align:middle;
}

.adv_icon{  float:left; margin:0 30px 0 50px;}

.adv_back i {
	font-size:100px;
	display:table-cell;
	vertical-align:middle;
	height:150px;
}

.adv_text{
	font-size:16px;	
	width:500px;
	white-space:normal;
	display:table-cell;
	vertical-align:middle;
	height:150px;
}

.adv_back h1 {
	color:#FFF;
	font-size:50px;
	font-weight:bold;
}
.posts-block{ width:65%; 
	padding:10px 0px 10px 0px; 
	margin:0 40px 100px 40px; }

.post-header{
    margin-bottom: 0px;
}

.post-content p{
    margin: 10px 0 10px 0;
	text-indent:28px;
	text-align:justify;
	text-justify:inter-ideograph;
}



.post-content .list{
	margin-left:60px;
	float:left;
}

.post-content .list li{
    list-style:square;
	line-height:150%;
	margin-bottom:6px;
}

.post-content .numlist{
	margin-left:60px;
}

.post-content .numlist li{
    list-style:decimal-leading-zero;
	line-height:150%;
	margin-bottom:6px;
}


.leftAlign-image {
	float:left;
	margin-top:25px;
	margin-right:60px;
}

.rightAlign-image {
	float:right;
	margin-top:25px;
}



.iconNav {width: 100%;
	margin:0px;
	padding:0px;}

.iconNav li {
	background: rgba(100,100,100,0.1);
	color:#333;
	border-radius: 0;
	display: table;
	height: 60px;
	margin-right: -3px;
	margin-left: 0px;
	width: 100%;
	text-align: left;
	font-size: 16px;
	-webkit-transition: background .1s ease-in-out;
	-moz-transition: background .1s ease-in-out;
	-o-transition: background .1s ease-in-out;
	-ms-transition: background .1	s ease-in-out;
	transition: background .1s ease-in-out;
	padding: 10px 10px 10px 10px;
	border-bottom:1px solid rgba(228,28,33,0.5);

}

.iconNav li:hover{
	background:rgba(228,28,33,0.85);
	color:#FFF;
	border-bottom:1px solid rgba(228,28,33,0.0);
}

li.red:hover{
	background:rgba(228,28,33,0.9)
}
li.orange:hover {
    background: rgba(253,148,23,0.9);
}

li.green:hover{
	background:rgba(0,176,80,0.9)
}
li.blue:hover{
	background:rgba(0,174,239,0.9)
}
li.darkblue:hover{
	background:rgba(23,52,110,0.9)
}
li.purple:hover{
	background:rgba(125,68,169,0.9)
}

.icon-box {
    position: relative;
	float:left;
    width: 60px;
    height: 60px;
    border-radius: 10%;
	border:1px solid rgba(228,28,33,0.8);
	margin-right:10px;
	-webkit-transition: border .1s ease-in-out;
    -moz-transition: border .1s ease-in-out;
    -o-transition: border .1s ease-in-out;
    -ms-transition: border .1s ease-in-out;
    transition: border .1s ease-in-out;

}

.iconNav li:hover .icon-box {
	border:1px solid rgba(256,256,256,0.8);
	margin-right:10px;
}

.iconNav i {
    color: #e41c21;
	font-size:40px;
	position:relative;
	float:left;
	padding:10px  2px;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
}

.iconNav li:hover i{
    color: #FFF;
	position:relative;
	float:left;
    -webkit-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    -ms-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
}

.iconNav .title {
	position:relative;
	width:160px;
	height:60px;
	display:table-cell;
	vertical-align:middle;
}

.iconNav a{
	color:#333;
}

.iconNav li:hover a{
	color:#fff;
}

.iconNav li.active{
	background:rgba(228,28,33,1);
	border-bottom:1px solid rgba(256,256,256,0.8);
	color:#FFF;
}

.iconNav li.active .icon-box {
	border:1px solid rgba(256,256,256,0.8);
}

.iconNav li.active  i {
    color: #FFF;
}

.iconNav li.active  .title {
    color: #FFF;
}


/* Recruit */


.recruit-head {
	clear:both;
	display:block;

}

.post-image .anchor{

	position:relative;
	top:-239px;
}
.recruit-head .anchor{
	height:0px;
	padding-bottom:150px;
	clear:both;
	display:block;
}

.recruit-head .icon-box {
	position: relative;
	float:left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
	border:2px solid rgba(228,28,33,0.8);
	margin-right:10px;
	-webkit-transition: border .5s ease-in-out;
    -moz-transition: border .5s ease-in-out;
    -o-transition: border .5s ease-in-out;
    -ms-transition: border .5s ease-in-out;
    transition: border .5s ease-in-out;
}

.recruit-head .icon-box i{
    color: #e41c21;
	font-size:30px;
	display:block;
	line-height:45px;
	text-align:center;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
}

.recruit-head h3.title {
	overflow: hidden;
	line-height:50px;
}

.recruit-head h3.title:after {
    background: url(../img/bg_off.png) repeat;
    content: "";
    height: 5px;
    margin-left: 10px;
    position: absolute;
    top: 22px;
    width: 99%;
}

.recruit-subtitle{
	background:rgba(228,28,33,1);
	border-radius:5px;
	padding:10px;
	color:#FFF;
	display:block;
	min-width:100px;
	float:left;
	margin-bottom:20px;
	font-size:16px;
	-webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
}

.recruit-content {
    padding-left: 60px;
	padding-bottom:20px;
}

.recruit-content ol {
	margin-left:30px;
}
.recruit-content li {
    list-style:decimal;
	line-height:150%;
	margin-bottom:6px;
}


.box-title{
	border-radius:5px;
	min-width:100px;
	clear:both;
	margin:0 0 20px 0px;
	font-size:20px;
}

.box-title i{
    width: 60px;
    height: 60px;
	line-height:55px;
	font-size:40px;
	vertical-align:middle;
	text-align:center;
    border-radius: 8px;
	color:rgba(255,255,255,1.0);
	border:1px solid rgba(228,28,33,0.8);
	background:rgba(228,28,33,1.0);	
	margin-right:10px;
}

.contact-info {
    padding: 10px 0 0 20px;
	margin: 0 0 50px 0;
}

.contact-info i{
    color:#A7A7A7;
}

.contact-info strong{
    padding:0 10px 0 0;
}

.tip-box p {
	background: rgba(228,28,33,1);
	font-weight: 500;
	margin: 0;
	color:#FFF;
	border-radius:10px;
	padding: 27px 25px;
	border: 1px solid rgba(228,28,33,1);
}

.msgbox-arrow {
    display: block;
    content: "";
    margin-top: -7px;
    margin-left: 35px;
    width: 14px;
    height: 14px;
    background-color: rgba(228,28,33,1);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-bottom: 10px;
	border-bottom: 1px solid rgba(228,28,33,1);
	border-right: 1px solid rgba(228,28,33,1);
    border-top: 0;
}

.tip-box .author {
    margin: -10px 0 0 0px;
	display:block;
	min-height:220px;
}

.tip-box .icon-box {
	float:left;
    width: 60px;
    height: 60px;
	line-height:55px;
	text-align:center;
	color:rgba(228,28,33,1);
	font-size:40px;
    border-radius: 50%;
	border:3px solid rgba(228,28,33,0.8);
	margin:10px 10px 0 12px;
	-webkit-transition: border .1s ease-in-out;
    -moz-transition: border .1s ease-in-out;
    -o-transition: border .1s ease-in-out;
    -ms-transition: border .1s ease-in-out;
    transition: border .1s ease-in-out;

}

.author-title{

	font-size:25px;
	font-weight:500;
	color:rgba(0,0,0,0.8);
	padding:20px 0 20px 0;
}

.tip-box .contact-info {
  	float:left;
}


.sub-title{ 
	display:block;
	width:100%;
	margin:20px 0 20px 0;
	font-size:40px;
	line-height:36px;
	color:rgba(228,28,33,1);	
}

.sub-title .num-box {

	float:left;
	width:40px;
	height:40px;
    border-radius: 0%;
	border:0px solid rgba(228,28,33,0.8);
	background:rgba(228,28,33,1);
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-family:"微软雅黑 Light", "微软雅黑", "Microsoft JhengHei", "Microsoft JhengHei UI";
	font-weight:lighter;
	letter-spacing:-5px;
	text-indent:-8px;
	color:#FFF;
	margin-right:10px;
	text-align:center;
}

.sub-title-1{ 
	display:block;
	width:100%;
	margin:20px 0 20px 0;
	font-size:15px;
	line-height:36px;
	color:rgba(228,28,33,1);	
}

.sub-title-1 .num-box {

	float:left;
	width:30px;
	line-height:30px;
	font-size:25px;
    border-radius: 0%;
	border:1px solid rgba(228,28,33,0.8);
	background:rgba(255,255,255,1);
	font-family:"微软雅黑 Light", "微软雅黑", "Microsoft JhengHei", "Microsoft JhengHei UI";
	font-weight:lighter;
	letter-spacing:-5px;
	text-indent:-8px;
	margin-right:10px;
	text-align:center;
}

.sub-title .title {

	font-size:18px;
	line-height:40px;
}

.sub-title .title-t1 {

	font-size:28px;
	line-height:40px;
	color:#727272;
}

.bold { font-weight:bold; }
.PdtContact{
    margin: 80px 0 40px 0px;
	float:right;
	display:block;
	color: #A7A7A7

}

.PdtContact i{
	margin-right:5px;
}
.PdtContact-ad-info{
	background:rgba(228,28,33,1);
	border-radius:5px;
	color:#FFF;
	display:block;
	position:relative;
	text-indent:-17px;
	padding:10px 30px 20px 60px;
	min-width:100px;
	float:left;
	margin:30px 140px 0px 0px;
	font-size:16px;
	-webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
}

.PdtContact-ad-info i{
	font-size:30px;	
	top:15px;
	position:relative;
}

.PdtContact-image {
    float: left;
    height: 75px;
    position: relative;
    width: 75px;
	border:3px solid rgba(228,28,33,0.9);
	background:#FFF;
	border-radius: 50%;
	top:0px;
}

.PdtContact-image i{
    color: #e41c21;
	font-size:50px;
	display:block;
	line-height:60px;
	text-align:center;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
}

.PdtContact-image img {
    border-radius: 50%;
    height: 65px !important;
    width: 65px !important;
	border:0px solid #ddd;
	padding:0px;
}

.PdtContact-author-info {
    padding: 10px 0 0 20px;
	float:left;
}

.PdtContact-author-info .author-name{
	font-size:30px;
	line-height:50px;
}

footer{z-index:1; position:relative;}


.alert {
	padding: 15px;
	margin-bottom: 20px;
	color: #FFF;
	border-radius: 4px;
	border: 1px solid rgba(253,148,23,1.00);
	background-color: rgba(253,148,23,1.00);
}


.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px 10px 14px;
  color:rgba(228,28,33,1);
  background-color: #FFF;
  border: 1px solid rgba(228,28,33,1);
  border-radius: 0px;
  font-size:16px;
}

.pager li i{
  font-size:28px;
  top:3px;
  position:relative;
  
}

.pager .previous > a,
.pager .previous > span{
  border-radius: 8px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.pager .next > a,
.pager .next > span{
  border-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
}


.portfolio-wrap .item {
    width: 33%;
}


.post-image {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.post-image img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.noborder{
	padding:0px; 
	border:none;	
}

.searchHiglight{
	color: #e41c21;
}

/*Font Size*/
.small {
  font-size: 80%;
}

.smaller {
  font-size: 50%;
}

.big {
  font-size: 120%;
}

.bigger {
  font-size: 150%;
}

/*color*/

.light { color:rgba(0, 0, 0,0.3)}

.dark { color:rgba(0, 0, 0,0.8)}

/* common tools */
.more{
  display:inline-block;
  position:relative;
  top:3px;
  float:right;
}

.more > a{
  display:block;
  padding: 0 5px 0 10px;
  border-radius: 2px;
  background-color: rgba(255,255,255,0.00);
  height:14px;
  color:rgba(255,255,255,0.2);
}

.more > a:hover,
.more > a:focus {
  text-decoration: none;
  background-color: rgba(228,28,33,0.8);
  color:#FFF;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.more > a i{
  margin:0 0 0 -5px;
  position:relative;
  top:-3px;

}