@charset "utf-8";
/* CSS Document */
/* CSS STYLE */
html {overflow-y: scroll }
body {
    /*background-color: #FFFFFF;*/
    font-family:华康明体,"PT Sans",sans-serif;
    font-size: 15px;
	line-height:1.55em;
	letter-spacing:1px;
	color:#616161;
}

body.en-GB{
	 font-family:华康明体,"PT Sans",sans-serif;
	 font-size:14px;
	 line-height:1.6em;
	 letter-spacing:0;
	 }


img {max-width: 100% }


a{-webkit-transition: all .25s ease-out;transition:all .25s ease-out;}

.item-page a{color:#F90;}
.item-page a:hover{color:#F30;}

.list_contain a{color:#222}
.list_contain a:hover{color:#F90;}

h2{font-size:1.5em;color:#333}
h3{margin:0 0 1.25em; font-size:1.25em; color:#333}

p{ margin:0 0 2em; text-align:justify; text-align-last:left;}

#top {
    /*    background: none repeat scroll 0 0 #444444;*/
    color: #ddd;
    /*font-size: 12px;
    margin-bottom: 16px;
    padding-bottom: 4px;
    padding-top: 4px;*/
	clear:both; float:none;
	border-bottom: 1px solid #e0eded;
}
#top .container .separator {
    border-left: 1px solid #CCCCCC;
    display: inline-block;
    height: 10px;
    margin: 0 20px;
    width: 1px;
}

/*#top .row>div{float:left \9;}*/

#top .row>div.main-menu, #top .row>div.lang_switch{float:right}

#logo img{max-height:70px;margin-top:10px}

#navigation {
    /*   border-bottom: 3px solid #ccc;;
    margin-bottom: 20px;*/
}
.navbar {border-radius: 0!important }
.navbar-default {
	background-color: #FFF;
	border:none;
    border-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {outline: medium none }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {outline: medium none }

.nav.menunav.navbar-nav.mmenu{ float:right}

.navbar-default .container{padding:15px 0;/* margin:0*/}

/*.main-menu, .lang_switch{float:right}*/
.lang_switch{ padding-right:0 !important; margin-right:-10px \9;}
.lang_switch a{color:#666; font-size:13px;}
.lang_switch a:hover{color:#F90}

.main-menu .navbar-nav>li>a{ line-height:60px; color:#666; text-transform: uppercase;}
.main-menu .navbar-nav>li>a:hover{ background-color:#f93; color:#fff}
.main-menu .nav>li{float:left}


.main-menu .navbar-nav>li.open>a:after{
		content: "";
		position: absolute;
		bottom: -1px;
		left: 50%;
		border: solid transparent;
		height: 0;
		width: 0;
		border-color: transparent;
		border-bottom-color: #fff;
		border-width: 10px;
		margin-left: -10px;
		z-index: 1100;
	}
	
	
	

.navbar-default .navbar-nav>li>a {line-height:43px;}
.mod-languages a{padding: 0 3px;line-height: 90px;}

select#srm_select_list{ width:40px;}

.toggle-mmenu{display:none; width:48px; height:48px; padding-bottom: 5px;/* text-indent:-999em; background:#CCC url(../images/menu-icon.png) center center no-repeat;*/ background-color:#FFB552; font-size:24px; color:#fff; border:none; border-radius:4px}

.nav-mark{background:url(../images/menu-icon.png) no-repeat}


.dropdown-menu {
    padding: 0px!important;
    border-radius: 0!important;
}



ul.nav-child.dropdown-menu{
min-width: 220px;
  padding: 0;
  background: #fff;
  border: 0;
  border-bottom: 3px solid #e0eded;
  border-radius: 2px;
}

.main-menu .dropdown-menu>li>a{font-size:1em; padding:8px 15px}
.main-menu .dropdown-menu>li>a:hover, .main-menu .dropdown-menu>li>a:focus, .main-menu .dropdown-menu>.active>a, .main-menu .dropdown-menu>.active>a:focus, .main-menu .dropdown-menu>.active>a:hover{background-color:#F90; color:#fff;}

.badge{padding:0;line-height:2em; width:2em; background-color:#000; border-radius: 50%;}

.black .moduletable {
    background: none repeat scroll 0 0 #222222;
    border-color: #222222;
    color: #AAAAAA;
}
.moduletable {
    /*    background: none repeat scroll 0 0 #FFFFFF;;
    border: 1px solid #E5E5E5;*/
    margin-bottom: 20px;
    padding: 10px;
}

.container.middle{background:#fff;}
.middle{padding-bottom:1em;}
body.homePage .middle, .item-page.homePage{padding-bottom:0; display:none}
/*display as table,if some bug Happen, please delete*/
#main{/*display:table;*/ height:100%}
#main > .row{/*display:table-row;*/ height:100%; margin-left:auto; margin-right:auto}
#main > .row >div{/*display:table-cell;*/ float:none; height:100%;}
#sidebar, #sidebar-2{background-color:#f8f8f8}
/*display as table*/

#main .main-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #E5E5E5; /* border 1, if you have front component*/
    margin-bottom: 20px;
    padding: 10px;
}
#breadcrumbs .moduletable {
    border: 0;
    padding: 0;
}

.Breadcrumb-right{position:absolute; right:0; top:0;}
.Breadcrumb-right .breadcrumb{margin:0}
.Breadcrumb-right .breadcrumb a{color:#333;}
.Breadcrumb-right .breadcrumb a:hover{color:#F90; text-decoration:none;}
.Breadcrumb-right .breadcrumb .separator{ padding-left:10px; padding-right:10px; color:#ccc; font-size:10px;}

#fullwidth {
   /* margin-top: -20px;*/
    overflow: hidden;
	padding:0;
}
#fullwidth>.row{ margin-left:0; margin-right:0}
#fullwidth .moduletable {
    border: 0;
    padding: 0;
}
#feature>.container{background-color:#FFF; padding:0; /*padding-top:10px;*/}
#feature .category_image{ text-align:center}
#content-top, #content-bottom{margin-top:10px; margin-bottom:10px; background-color:#f5f5f5;border: 1px solid #e3e3e3;border-radius: 6px;}
#content-top>.row, #content-bottom>.row{ margin-left:0; margin-right:0;}
#content-top .moduletable, #content-bottom .moduletable{margin:0}

.panel.moduletable { padding: 0 }
.panel .moduletable {
    box-shadow: none;
    margin: 0px 10px;
    padding: 10px;
}
#brand {
    float: left;
    padding-left: 15px;
    padding-top: 5px;
}
.page-header {margin:0 0 20px; border:none; padding:1em 0 27px;color:#333; width:100%;
 background: #fcfcfc url(../images/p_header.png) repeat-x bottom;
 /*-webkit-box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);*/
  }
  
.page-header>.container{position:relative}
.page-header h2{margin:0 auto;}

.page-header .breadcrumb{padding:0; margin:0;list-style: none;background-color:transparent;border-radius:0;}

.hasTooltip {display: inline !important }
.noMainbody {display: none !important }
ul.unstyled,
ol.unstyled {
    list-style: outside none none;
    margin-left: 0;
    padding: 0;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  /*  float: left;
    position: relative !important;*/
    margin-left: 0 !important;
}
.checkbox label, .radio label {
    padding-left: 20px;
    padding-right: 10px;
}
label {
    display: block;
    margin-bottom: 5px;
}
label,
input,
button,
select,
textarea {
    /*font-size: 13px;*/
    font-weight: normal;
    line-height: 18px;
    /*font-family: arial;*/
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {cursor: pointer }
.control-group input, .control-group textarea, .control-group .uneditable-input{/*width: 100% !important */}
.contact-form .control-group input, .contact-form .control-group textarea, .contact-form .control-group .uneditable-input {
    width: 100%;
}
.email-copy-input {float: left }
#pop-print {
    float: right;
    margin: 10px;
}
div#jform_catid_chzn.chzn-container, div#jform_catid_chzn.chzn-container div.chzn-drop, div#jform_state_chzn.chzn-container, div#jform_state_chzn.chzn-container div.chzn-drop, div#jform_featured_chzn.chzn-container, div#jform_featured_chzn.chzn-container div.chzn- drop, div#jform_access_chzn.chzn-container, div#jform_access_chzn.chzn-container div.chzn-drop, div#jform_metadata_tags_chzn.chzn-container, div#jform_metadata_tags_chzn.chzn-container div.chzn-drop, div#jform_language_chzn.chzn- container, div#jform_language_chzn.chzn-container div.chzn-drop, div#jform_language_chzn.chzn-container, div#jform_tags_chzn.chzn-container {
    width: 260px !important;
}
.control-group .control-label {
    padding-top: 7px;
    padding-bottom: 7px;
}
.chzn-container-single .chzn-single {
    width: 140px;
}
.chzn-container .chzn-drop{
    width: 100px;
}
.btn.modal {
    bottom: auto;
    display: inline;
    left: auto;
    position: relative;
    top: auto;
}
html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
    height: auto !important;
    margin: 0 auto -60px;
   /* min-height: 100%;*/
   min-height:87%;
    padding: 0 0 60px;
}

body.homePage #wrap{min-height:0;}

bogy#wrap {min-height:0;}


#container.col-sm-12{ padding-left:0; padding-right:0;}

#bottom{padding:0; margin-bottom:0;}
#bottom, #bottom p{ font-size: 13px !important; line-height:1.25em !important}
/* Set the fixed height of the footer here */
#footer {
    /*  height: 80px;;*/
    background-color: #FFF;
	color:#FFF;
}

#footer a{color:#FFF;}
#footer a:hover{color:#F63;}

#footer.well {
    border-radius: 0;
    border: 0;
    margin: 0;
}
#footer .moduletable {
    background: transparent;
    border: 0;
    margin-bottom: 0;
}
#push {    height: 60px }
/* LAYOUT */
/* Floats */
.float-left {float: left }
.float-right {float: right }
.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {clear: both }
.ie7 .group {zoom: 1 }
/* JOOMLA */
.form-horizontal .control-label {text-align: inherit!important;}
i.icon-calendar:before {
	content: "\1f4c5";
	display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: relative;
  top: 1px;
}
div.contact-form-field label,
div.message-label label {
display: inline !important;
}
div#jform_tags_chzn.chzn-container ul.chzn-choices li.search-field input.default {
    padding: 0;
}
.control-group input[type="checkbox"] {
    width: 10px!important;
}
.btn-toolbar {
    margin-bottom: 10px;
}
.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}
.cols-2 .column-1 {
    float: left;
    width: 46%;
}
.cols-2 .column-2 {
    float: right;
    margin: 0;
    width: 46%;
}
.cols-3 .column-1 {
    float: left;
    margin-right: 4%;
    padding: 0 5px;
    width: 29%;
}
.cols-3 .column-2 {
    float: left;
    margin-left: 0;
    padding: 0 5px;
    width: 29%;
}
.cols-3 .column-3 {
    float: right;
    padding: 0 5px;
    width: 29%;
}
.items-row {
    margin-bottom: 10px !important;
    overflow: hidden;
}
.column-1,
.column-2,
.column-3 {padding: 10px 5px }
.column-2 {
    margin-left: 40%;
    width: 55%;
}
.column-3 {width: 30% }
.blog-more {padding: 10px 5px }
/*TO TOP*/
.back-to-top {
    display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: 0;
	padding-top: 5px;
	background: #555;
	border-radius: 3px;
	font-size:2em; line-height:50px; text-align:center;
	color:#fff !important;

}
.back-to-top:hover { background-color:#F60 }
.ft{background-color:#fff}
/*
.row.clients>div{width:16.6666666666% \9;}
.row.clients>div>a{text-align:center}
.row.clients>div>a>img{
-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition:all .5s ease-out;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100% );
  filter: gray;
}
.row.clients>div>a:hover>img{
	-webkit-filter:none;
	-moz-filter:none;
	filter:none;
}
.row.clients>div.col-sm-12{width:100%; float:none}
*/
.well.clients table td{text-align:center;  display:block \9; float:left;}
.well.clients table td img{width:100%; min-width:92px \9;}
/*.well.clients a>img{
	-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition:all .5s ease-out;
	-webkit-filter: grayscale(100%);
  	-moz-filter: grayscale(100%);
  	filter: gray;
	}
.well.clients a:hover>img{
	-webkit-filter:none;
	-moz-filter:none;
	filter:none;
}*/


ul.nav-tabs{ margin-left:0; margin-top: -1px; margin-right:-1px; margin-bottom:1em; border-bottom: 1px solid #E0EDED;}
ul.nav-tabs>li{margin-bottom:0}
ul.nav-tabs>li>a{border:1px #e0eded solid; border-bottom:2px #FFF solid; font-size:1.15em; color:#000; margin-right:0; margin-left:-1px; border-radius:0;/* border-width:1px 1px 2px*/}
ul.nav-tabs>li>a:hover, ul.nav-tabs>li>a:focus{color:#FFF; background-color:#F90;border-bottom:2px #F90 solid}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ border-bottom:2px #F90 solid}

.list_contain{border:1px #e0eded solid; padding-bottom:3em; min-height:400px;}

.list-title{font-weight:bold; color:#222; margin-bottom:1em; margin-left:0; margin-right:0;}
.list-item{ border-bottom:1px #e0eded solid; padding:0.5em 0; margin-left:0; margin-right:0;}
/*.list-item>div{line-height:2em}*/
.tit_box h5{margin:0; line-height:1.55em}
.download_box, .date_box{text-align:center}
.download_box span.glyphicon{font-size:1.5em;}

.date_box>span{text-align:left; width:6.5em; margin:0 auto; display:block;}
body.en-GB .date_box>span{width:5em}

.client{
  border: 1px solid #e0eded;
  padding: 20px 15px;
  margin: 10px 0;
  background: #fff;
  display:block;
}

.item-page em.fa{color:#F90; margin-right:0.5em}

.item-page.contact input[type="text"], .item-page.contact select, .item-page.contact textarea{color:#70808b; border:1px #ccc solid; background-color:#f9f9f9; width:458px;} 

.item-page.contact input[type="radio"]{border:none \9;}
.item-page.contact .ms-ctn{background:#f9f9f9; width:460px;}
.item-page.contact .ms-ctn .ms-trigger{border-left:none;}
.item-page.contact .ms-sel-ctn>input[type="text"]{ width:auto !important; border:none !important; background-color:transparent !important}
.item-page.contact input#captcha1{width:200px}
.ms-helper{display:none !important}

.corporate h3{margin-bottom:0}

ul.list-check{padding-left:0; list-style:none}
ul.list-check>li{margin-bottom:1em}
ul.list-check>li a{color:#333}
ul.list-check>li a:hover{color:#F90}

ul.pdf-new-list li{padding:4px 8px;margin-bottom:0; border-bottom: 1px solid #e0eded}
ul.pdf-new-list li a{color:#333}
ul.pdf-new-list li a:hover{color:#F90}

.fluid_dgContent h1{font-size:52px;}
body.en-GB .fluid_dgContent h1{font-size:36px;}

table.responsive-table{}
table.responsive-table tr{}
table.responsive-table td{padding:10px 0;border-bottom:1px solid #e0eded; vertical-align:top}
table.responsive-table td.table-head{font-weight:bold; color:#333; border-bottom:none}

h2.panel-heading{margin-top:0}
/*
table.gray-box{border:1px #ddd solid; border-spacing: 10px;border-collapse: separate;}
table.gray-box caption{background-color:#f5f5f5; color:#333; border-bottom:1px #ddd solid;}
table.gray-box tr{border-bottom:1px solid #e0eded;}
table.gray-box td{border-spacing:0 !important;border-collapse: collapse !important;}
*/

#fin-captcha2 img{padding-top:10px !important}
#fin-captcha2 img#gcaptcha_4{padding-top:0 !important;}
#fin-submit{padding-left:150px;}
#fin-submit input{background:#F90;color:#fff}

@font-face {
    font-family: '华康明体';
    src: url('../fonts/dfnming-xb-hkp-bf-webfont.eot');
    src: url('../fonts/dfnming-xb-hkp-bf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dfnming-xb-hkp-bf-webfont.woff2') format('woff2'),
         url('../fonts/dfnming-xb-hkp-bf-webfont.woff') format('woff'),
         url('../fonts/dfnming-xb-hkp-bf-webfont.ttf') format('truetype'),
         url('../fonts/dfnming-xb-hkp-bf-webfont.svg#dfnmingxbold-b5regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Media Queries */
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) { 
}
/* Landscape phones and down */
@media (max-width: 480px) { 
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
p{text-align:left}
.container>.navbar-header{ margin-left:0; margin-right:0;} 
#main, #main > .row, #main > .row >div{display:block; height:auto}
#logo img{max-width:200px;margin-top:0;}

.toggle-mmenu{display:block;position:absolute; top:2px; right:4px}
.main-menu{width:100%}
.main-menu .nav{display:none}
.main-menu .nav li{float:none; text-align:center}
.main-menu .nav>li{border-top:1px solid #eee}
.navbar-nav{margin-top:0}
.main-menu .navbar-nav li a{line-height:30px;}
.nav.menunav.navbar-nav.mmenu{float:none}
.navbar-nav .open .dropdown-menu>li>a{padding-left:15px}

#top .row>div.lang_switch{background-color: #333;margin-left: -15px;margin-right: -15px; margin-top:10px; padding-left:1em; float:none; clear:both;}
.mod-languages a{line-height:2em; color:#fff}

.Breadcrumb-right{position:relative; margin-top:5px}
.Breadcrumb-right, .Breadcrumb-right .breadcrumb a{color:#999; font-size:10px}

body.homePage #wrap{min-height:87%;}

.row{ margin-left:0; margin-right:0;}
.row.clients .col-xs-6{ padding-left:5px; padding-right:5px; margin:0 0 10px;}
.row.clients .client{margin:0;}

.list_contain .cate-level-2{width:100%; text-align:center}
.list_contain .cate-level-3{ width:25%;}

.list-title{display:none}
.list-item >div{ text-align:left}
.list-item{position:relative}
.list-item >div.tit_box{padding-right:30px;}
.list-item >div.download_box{position:absolute; right:8px; bottom:8px; padding:0}

.item-page.contact input[type="text"], .item-page.contact select, .item-page.contact textarea{width:100%}
.item-page.contact .ms-ctn{width:100%}
.item-page.contact .gcore-label-left{width:100%;max-width:none; float:none}

.fluid_dgContent h1{ font-size:1em !important}
body.zh-TW .fluid_dgContent h1{font-size:24px !important; }
body.zh-CN .fluid_dgContent h1{font-size:24px !important; }
#footer{font-size:10px !important;padding: 0;}

table.responsive-table{}
table.responsive-table tr{display:block;border-bottom:1px solid #e0eded;}
table.responsive-table td{display:block; width:100% !important; padding:0; border-bottom:none;}
table.responsive-table .table-head{display:none}

.well.clients table td{display:block; float:left}

.pic-item{clear:both; padding-top: 10px;}
#fin-submit{width:100%;text-align: center;padding-left:0;}
body.homePage #showcase .container{padding:0}
}

@media (min-width: 768px){
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
.item-page.contact input[type="text"], .item-page.contact select, .item-page.contact textarea, .item-page.contact .ms-ctn{width:100%}
.well.clients table td{display:block; float:left}
}
/* Large desktop */
@media (min-width: 1200px) { 
}
/* Fix disappearing tabs on editor page - Added by Waseem Sadiq 8th March 2015*/
.icons .btn-group,
.icons .btn-group a[data-toggle="tab"][aria-expanded="false"],
ul.nav-tabs > li > a[data-toggle="tab"][aria-expanded="false"]
{
    display:block!important;
}


a[href="http://www.faboba.com"], p.chrono_credits{display:none !important}
.gcore-label-left.required_label span{display:none !important}

.pdf-thumb{ margin-right:1em; float:left; width:98px; min-height:125px;}
div.pdf-thumb{border:1px #ccc solid}

.thanks_mess{ padding-top:80px;width:100%; text-align:center; font-size:2em; color:#F60;}
.thanks_mess span{font-size:0.5em; color:#666}

.gcore-display-table{display:block \9; width:160px \9;}