@import url("http://fonts.googleapis.com/css?family=Oswald:200,300,400,600,700");
*{padding: 0; margin: 0;}
body {font-family: 'LiHei Pro Medium','Microsoft YaHei';}
.fl{float: left;}
.fr{float: right;}
.cl{clear: both;}
ul li {list-style: none;}
a:hover{text-decoration: none;}

.navbar-nav > li > a {
    font-family: "Oswald", Times, serif;
}

/* ¹ýÂËBT */
.nav li a{ font-size: 12px;}
.nav>li {border-bottom: 1px solid #666;}
.nav .dropdown-menu a { font-size: 12px;}
.col-lg-3 { text-align: center; margin-bottom:50px; }
.col-lg-4 { text-align: center; margin-bottom:50px; }
.navbar-nav>li>a {padding-top: 5px;padding-bottom: 5px;line-height: 20px;}
.img-responsive, .thumbnail>img, .thumbnail-staff>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{margin: 0 auto;}
.navbar {margin-bottom:0px; }
.navbar-brand {padding: 0; height: auto; margin-top: 8px;}
.navbar-header {height: 65px;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {color: #fff;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {background: #000; color: #fff;}
.carousel-control {left: 5%;}
.carousel-control.right {right: 5%;}
.navbar-inverse .navbar-toggle {background: #999; margin-top:15px; }
.navbar-inverse .navbar-toggle:focus { background: #000;}
.gb1 { background: #f2f3f7; width: 100%; min-height: 500px; padding-top:140px;}
.gb1 .row h2 {font-size: 14px; font-weight: bold;}
.gb1 .row p {color: #a4a4a2; line-height: 30px;}
.btn-default { color: #fff; background: #21c2f8; border-color: #21c2f8;padding-left:25px; padding-right: 25px; }
.btn-default:hover {color: #fff; background: #20a7d5; border-color: #20a7d5;}
.glyphicon {position: absolute; top:50%;}
.gb2 { background: #fff; min-height: 780px;padding-top:100px;}
.gb2 .gb2_1 {background: url(/Content/Images/wcwd.jpg);  height: 184px;width: 100%;  background-repeat: no-repeat;background-position: center top; }
.btn-primary { border-radius: 0px; background: #06a9ee; border:1px solid #06a9ee; font-size: 20px; padding: 10px 18px;  }
.btn-primary:hover {color: #fff; background: #20a7d5; border-color: #20a7d5;}
.btn-success { background: #224e6b; border-color:#224e6b; color: #fff; font-weight:bold; margin-top:20px; font-size: 16px; padding-left:20px; padding-right:20px;    }
.btn-success:hover { background: #163447; border-color:#163447; }
.gb2 .featurette-heading {color: #07a8f0; } 
.gb2 p { font-size: 14px; color: #747474;}
.gb3 {background: #f2f3f7; }
.gb3 .featurette-heading {color: #07a8f0; }
.gb3 p { font-size: 14px; color: #747474;}
.gb4 { background: #318cb8;min-height: 770px; color: #fff; padding-top:50px; }
.gb4 h1 { font-weight: normal; color: #fffffd; font-family: 'Microsoft JhengHei','Microsoft YaHei'; font-size: 40px; margin-top:35px; }
.gb4 i {color: #fffffd; font-size: 18px; margin-top: 15px; margin-bottom: 40px; display: block;}
.gb4 h2 {font-size: 24px; font-weight:bold; margin-bottom:30px;  }
.gb4 p{ font-size: 14px; line-height: 25px;}
.btn-primary i {font-size: 24px;}
.sub { text-align: center;}
.gb5 {background: #f2f3f7; min-height: 200px;}

#wrap {background: #009cff; height: 110px;}

footer { background: #0b2f47; min-height: 408px; padding-top:60px; }
.info {margin-left:30px; margin-top:15px;  }
.info li { color: #fff; line-height: 25px;}
.info li label{ width: 20px; height: 20px; border: 1px solid #dedede; border-radius: 50%; text-align: center; line-height: 15px; margin-right:5px; }
.info li label i {color: #fff; font-size: 8px;}
footer p {color: #fff;}
footer .btn-warning {background: #393939; border-color: #393939; padding: 10px 20px ;}
footer .btn-warning:hover{ background: #000; border-color: #000;}
footer .btn-warning i {font-size: 20px;}
.form-control { height: 44px;}
.footer_nav {color: #dfe0e5; height: 35px; border-bottom: 1px solid #dfe0e5; }
.footer_nav a { color: #dfe0e5; font-size: 14px;margin: 0px 5px; }
.otherimg li{ float: right; width: 23px; height: 23px; background:#676767; border-radius:50%;  margin-right: 10px; text-align: center; color: #fff; line-height: 22px;}
.c1 { clear:both;}
.blog-main {background-color:#fafafa;}
.blog-post h2 {
    margin-bottom: 20px;
}
.blog-post h2, .blog-post h3 {
    color: #000000;
}
.blog-post h3 {
    margin-bottom:30px;
}
.blog-post h4 {
    color: #000000;
    font-size:16px;
}
.blog-post p {
    color: #424242;
    line-height: 22px;
    /*text-indent:10px;*/
}
.blog-post .activity1 {
    border-left: 3px solid #99cc33;
padding-left: 10px;
}
.blog-post .activity2 {
    border-left: 3px solid #0099cc;
padding-left: 10px;
}
@media (min-width: 768px) {.navbar{border-radius: 0px; margin-top:0px; } .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {} .navbar-wrapper {background: #fff; border-bottom: 1px solid #dedede; }.dropdown-menu>li>a {padding:15px 20px;}.gb1{min-height: 500px; padding-top: 100px;}.gb3{padding-top: 130px; }.gb4{min-height: 900px; padding-top: 100px;}.gb5{min-height: 300px;}
.navbar-inverse {background: #fff; border-color:transparent; }.navbar-inverse .navbar-nav>li>a {color: #000;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {color: #000;background: #fff;  border-bottom: 3px solid #fb5a02; }.nav li a{ font-size: 16px;}.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {color: #f45d42;}..dropdown-menu {border-bottom: 3px solid #fb5a02;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {background: #fff; color: #f45d42;}.nav>li { border-bottom: none;}.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;line-height: 20px;}.navbar-nav{margin-top:0px;} .col-sm-8 {width: 75%;}}
@media (min-width: 992px){
.col6txt {width: 440px; margin-left: 150px;}.col6txt p { line-height: 35px;}.gb2 .featurette-heading {margin-bottom:50px;}.gb3 {padding-top:200px; min-height: 780px; }.gb3 .featurette-heading {margin-bottom:50px;}.gb3 .col6txt{ margin-top:40px; }.sub { text-align: left;}.gb4 .rows { margin-left:50px; margin-right:50px; }.input-group .form-control{ width: 300px; float: right;}.dropdown-menu {background: #4E5052; color: #fff; border-top: 3px solid #fb5a02;  padding: 0;}.dropdown-menu li{line-height: 30px; border-top: 1px solid #5e5f61;
border-bottom: 1px solid #3d3f41;}.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background: #888; color: #fff}.nav .dropdown-menu a { color: #fff;}.col-sm-3 {
width: 20%;}}
.img-circle {border-radius:0px;}
.h65 {height: 65px;}
.wximg { margin-right: 20px; text-align: center;}
.wximg img {margin-top: 10px;}
.featurette .input-group  {float: right; clear: both;}

@media (max-width: 900px) {
	#main-nav .navbar-nav>li>a {margin: 0 8px;}
}

@media (max-width: 993px) {
	.featurette .input-group {width: 350px;}
}
@media (max-width: 580px) {
	.featurette .input-group {width: 100%;}
}
/* ÄÚÒ³ */
.aboutbr { background: url(/Content/Images/aboutbr.jpg);  height: 304px;width: 100%;  background-repeat: no-repeat;background-position: center top;}
.aboutbr_en { background: url(/Content/Images/aboutus_en_new.jpg);  height: 304px;width: 100%;  background-repeat: no-repeat;background-position: center top;background-position-y: -55px;}
.casebr { background: url(/Content/Images/casebr.jpg);  height: 304px;width: 100%;  background-repeat: no-repeat;background-position: center top;}
.casebr_en { background: url(/Content/Images/casebr_en.jpg);  height: 304px;width: 100%;  background-repeat: no-repeat;background-position: center top;}
.productbr { background: url(/Content/Images/productbr.jpg);  height: 304px;width: 100%;  background-repeat: no-repeat;background-position: center top;}
.productbr_en { background: url(/Content/Images/technology_en.jpg);  height: 304px;width: 100%;  background-repeat: no-repeat;background-position: center top;}
.solutionbr { background: url(/Content/Images/solutionbr.jpg);  height: 304px;width: 100%;  background-repeat: no-repeat;background-position: center top;}
.solutionbr_en { background: url(/Content/Images/howwework_en.jpg);  height: 304px;width: 100%;  background-repeat: no-repeat;background-position: center top;}
.joinbr { background: url(/Content/Images/joinbr.jpg);  height: 304px;width: 100%;  background-repeat: no-repeat;background-position: center top;}
.joinbr_en { background: url(/Content/Images/contactus_en.jpg); height: 304px; width: 100%; background-repeat: no-repeat; background-position: center top; }
.trial_en { background: url(/Content/Images/freetrail_en_new.jpg); height: 900px; width: 100%; background-repeat: no-repeat; background-position: center top; }

.sidebar-module li{height: 50px;background-color: #fafafa;/*#f7f7f7;*/margin-bottom: 3px;border-left: 11px solid #fafafa;/*#f7f7f7;*/padding-left:50px;  list-style: none;display: table;width: 100%;}
.sidebar-module li a {color: #212121;display: table-cell;vertical-align: middle; /*font-weight: bold;*/}
.sidebar-module li a:hover { color: #545454;/*#f00;*/}
.sidebar-module li a span {margin-right: 20px;}
.sidebar-module li.do {border-left: 11px solid #fb5a02;background: #333; height: 50px;}
.sidebar-module li.do a {color: #fff !important; font-weight: normal;}
.sidebar-module li.he a {color: #212121;/*#f00;*/ font-weight: bold;}

.thumbnail{display: block;padding: 4px;border: 1px solid #ddd;transition: border .2s ease-in-out;margin-left: auto;margin-right: auto;text-align: center;max-width: 310px;height: 180px;margin-bottom: 0px;border-radius: 0;}
.thumbnail img { width: 100%;height: 170px; overflow: hidden;}
.thumbnail-staff {display: block;padding: 8px;border: 1px solid #ddd;transition: border .2s ease-in-out;margin-left: auto;margin-right: auto;text-align: center;max-width: 310px;height: 275px;margin-bottom: 0px;border-radius: 0;}
.thumbnail-staff img { width: 100%;height: 266px; overflow: hidden;}
.media-body a{ color: #333;}

/*New Add*/
.ul_style, .ul_titlestyle {
    padding-left:20px;
}
    .ul_style > li, .ul_titlestyle > li {
        list-style-type:disc;
        padding-left:5px;
    }
.ul_titlestyle > li {
    margin-bottom:15px;
}
.coretech h3.title{
 font-size:20px;
 margin-bottom:20px;   
}


@media (min-width: 768px){
.neiin .col-sm-4 {
width: 32%;
}
.neiin .col-sm-8 {
width: 68%;
}
.container {
width: 100%;
}

}
@media (min-width: 992px){
.container {
width: 970px;
}}
@media (min-width: 1200px){
.container {
width: 1170px;
}}