@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------ */
/* show 960 design */
/* ------------------------------------------------ */


/* @media screen and (min-width: 961px) and (max-width: 1280px){ */


@media screen and (max-width: 1260px){
body{
/* overflow-x:hidden;
overflow-y:auto;*/
}


.container1280, .container960{
width:960px!important;
}




.hide960{
display:none!important; 
}


#wrapTop .logo{
max-width: 160px;
margin-left: 0px;
padding: 28px 0 0 0;
}



.nav ul li a{
font-size:13px;
padding: 5px 5px;
}




#wrapBtm .box305{
width:auto!important;
float:none!important;
margin:0 10px;
overflow:auto;
}

#wrapBtm .box305 .logo{
float:left;
margin-top:5px 0 0 0;
}

#wrapBtm .box305 .mediaWrap{
float:right;
margin:0;
}
#wrapBtm .mediaWrap p{
margin:0 0 5px 0;
}
#wrapBtm .nav{
clear:both;
padding:20px 0 0 0;
margin: auto;
float:none;
overflow:auto;
}




.cateWrap  .boxW2{
width:305px!important;
}


.cateWrap .boxW2 img{
margin-left:-150px;
}


.box3rdHide{
display:none!important;
}

.box2ndHide{
display:inline-block!important;
}



.boxTwitter{
display:none!important;
}





}
/* ------------------------------------------------ */
/* Wider Mobile */
/* ------------------------------------------------ */

@media screen and (max-width: 980px) {
.hideMobile{
display:none;
}

#wrap{
padding:68px 0 0 0;
}
.container1280, .container960{
width:100%!important;
}

#wrapMid{
margin:10px 10px 0 10px;
}

.leftCont600{
width:100%;
float:none;
}
/*.leftCont600Inner{
margin:10px;
}*/

.leftCont550{
width:auto;

}

.margin30{
margin:0 10px;
padding:10px 0;
}


.greyBgLeft, .greyBgRight{
width:auto;
float:none;
padding:10px 0;
}

.greyBgLeft h5, .greyBgRight h5{
padding:10px 0;
}

.greyBgLeft .abtBox ,.greyBgRight .abtBox{

min-height: 140px;
width: auto;
float:none;
margin:10px;
}

.rightCont390{
width:auto;
}



.rightSide300{
width:auto;
/* margin:10px;*/
float:none;
clear:both;
margin:20px 0 0 0;
}

.rightSide300 .greyBg{
padding:10px; 
}
.rightCont390R{
width:auto;
float:none;
}

.standard-dropdown{
float:none!important;
width:100%!important;
margin-right:0!important;
}


.refineWrap .searchWrap{
float:none!important;
width:auto;
overflow:hidden;
}
.refineWrap .searchWrap input{
float:none!important;
width:100%;
padding:0;
}

.box.hide960{
/* display:inline-block!important; */
}


#wrapTop .logo{
padding:20px 0 0 0;
margin-left:10px;
}


/* nav */
/*#wrapMid{
margin:90px 0 0 0;
}

.subBannerWrap{
margin:68px 0 0 0;
}
*/



.widgetRed{
width:auto!important;
float:none!important;
margin:10px 0 10px 0;
}
.subscribeBox{
width:auto!important;
margin:0;
float:none!important;
}





#collapseNav{
display:block;
}
#wrapTop{
width:100%;
height:68px;
position:fixed;
top:0;
left:0;
}


#wrapTop .nav{
position:absolute;
z-index:9999;
top:58px;
right:0;
width:280px;
margin:0;
display:none;
}
#wrapTop .nav ul{
display:block;
width:100%;
background-color:#fff;


padding:15px 0 0 0;

background:url(../images/navTopBg2.png) left top no-repeat;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;

-webkit-box-shadow: rgba(0,0,0,0.4) 0 8px 5px;
-moz-box-shadow: rgba(0,0,0,0.4) 0 8px 5px;
box-shadow: rgba(0,0,0,0.4) 0 8px 5px;
overflow:hidden;
}


#wrapTop .nav ul > li{
border-bottom:1px #CCC solid;
background-color:#fff;
display:block;
float:none;
width:100%;
}
#wrapTop .nav li:last-child{
border-bottom:none; 
}
#wrapTop .nav ul li a{
font-size:16px;
padding:0px 20px;
color:#e14646;
}

#wrapTop .nav ul li:hover ul{
display:none;
}



#wrapTop .nav ul li:hover{
background:#e14646;
}

#wrapTop .nav ul li:hover a{
color:#fff;
}




.cateWrap{

}


.cateWrap .boxNews{
width:305px;
}


.cateWrap .boxTwitter{
display:none;
}






.cateNav .btnMore{
position:static;
}

.box3rdHide{
display:inline-block!important;
}

.box2ndHide{
display:none!important;
}


/* -- */

.subBannerWrap{

}
h1{
font-size:22px;
line-height:30px;
}

.redLine{
margin:10px 0; 
}


.subBannerWrap .redCont{
top:50px;
width: 100%;
bottom:auto;
font-size:14px;
}

.subBannerWrap .redCont .redContInner{
margin:25px 10px 35px 10px;

}
.subBanner960Wrap{
margin:0 0 20px 0;
}



.caseListWrap{
padding:20px 0px;
}

.caseListWrap .cate{
margin: auto;
float:none;
display:block;
}

.caseListWrap .cont{
width:auto;
margin:0;
}


.caseListWrap .cont .contInner{
margin:25px 20px 25px 10px;
}



.topInfo .left{
display:none;
}


.subBannerCarousel {
width:300px;
height:160px;
margin:auto;
}
.subBannerCarousel li {
margin:0 0 0 0;
width:300px;
}
.subBannerCarousel img{
width:300px;
}

.subNav{
line-height:30px;
}

.eventListWrap .cont .date{
float:none;
width:auto;
margin:0 0 10px 0;
}

.eventListWrap .cont .info{
float:none;
width:auto;
margin:0 10px;
}


.eventListWrap .logo{
display:none;
}

.eventListWrap .photo{
width:100%;
}


.caseLogoCarousel .jcarousel-clip {
width:290px;
margin:auto;
}

.partnersCarousel .jcarousel-clip {
width:300px;
margin:auto;
}
/* contact */

.contactInner{
margin:10px!important; 
}

.contactWrap .leftIntro{
float:none;
width:100%;
}

.contactWrap .contactRow{
overflow:hidden;
}
.contactWrap .contactRow .col1{
text-align:left;
width:auto;
float:none;
}

.contactWrap .contactRow .col2{
width:auto;
float:none;
}

.contactWrap .rightMap{
float:none;
width:100%;
}






.inBoundListWrap{
height:auto;
}


.inBoundListWrap h2{
padding:10px 0 10px 0;
}

.inBoundListWrap .photo{
height:auto;
width:100%;
float:none;
}
.inBoundListWrap .photo img{
width:100%;
}
.inBoundListWrap .photo .arrow{
display:none;
}

.inBoundListWrap .info{
width:auto;
height:auto;
float:none;
padding:20px 0;
}

.inBoundListWrap .info .inner{
margin:0px 10px;
}

.inBoundListWrap .info .inner .btnMoreRedTxt{
position:static;
display:block;
float:right;
}



.inBoundListWrap .boxLogo{

float:none;
margin:8px 2px 0 2px;
display:inline-block;

}



.newsListWrap .newsList{
width:auto;
float:none;
}

.newsListWrap .tagRed{
width:auto;
float:none;
}


.widgetRed.widgetContact{
padding:0 20px;
}
.widgetRed.widgetContact .contactRow{
/*font-size:12px!important;*/
}

.teamBox{
float:none;
width:100%;
}


.teamBox .topSection{
 margin:0 0 20px 0; 
}

.teamBox .topSection, .teamBox .photo{
 width:100%;
 float:none;
}
.teamBox .photo{
 text-align:center;
}

.contactBorderBox, .widgeFollowSmall{
 width:100%;
 float:none;
 margin:10px 0;
}


.margin40, .teamBox .margin40{
margin:30px 10px;
}

}



@media screen and (max-width: 650px) {



#wrapBtm .box305{
width:305px!important;
margin:auto;
overflow:auto;
text-align:center;
}
#wrapBtm .logo{
overflow:auto;
float:none!important;
}
#wrapBtm .mediaWrap{
padding-top:15px;
overflow:auto;
float:none!important;
}
#wrapBtm .mediaWrap a{
float:none!important;
display:inline-block;
}

.cateNav .intro{
filter:alpha(opacity=100)!important;
-moz-opacity:1!important;
-khtml-opacity: 1!important;
opacity: 1!important;
}

.cateWrap .cateNav .title{
padding:0!important;
}
.cateWrap .boxNews{
height:auto!important;
}



.homeNews ul{
margin:10px 10px;
}









.widgeFollowSmall{
 height:auto;
 line-height:normal;
 padding:10px 0;
}

.widgeFollowSmall span{
 display:block;
 margin:0 0 10px 0;
}






.history .historyImg{
 display:none; 
 
}

.history .historyTxt{
 display:block; 
}



.contactBox{
float:none;
width:100%;
}


#landingBg{

 right:0;
 margin:0;
 
}


#landingPage .inner{
 width:90%;
 height:auto!important;
 padding:0 5% 0 5%;
 left:0;
 top:30px;
 margin:0;
}

#landingPage .homeInnerMsg{
 width:100%;
}

#landingPage .tagLine{
font-size:30px;
line-height:38px;
margin:30px 0 0 0;
}

#landingPage .txt{
font-size:14px;
line-height:22px;
margin:20px 0;
}

.landingBtnWrap{
 width:300px;
 position:static;
 margin:auto;
}

.btnWrap{
 width:150px; 
}

.landingBtnWrap a{
 font-size:18px;
 line-height:24px;
 width:80%;
 padding:8px 4%;
 height:auto;
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.landingBtnWrap a.left{
 background:#fff;
}

.landingBtnWrap a.right{
 background-color:#e14646;
}


}