﻿body {
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif; 
	color: #222;
}

body:lang(zh)  {
	font-family: 'Noto Sans TC', sans-serif; 
	color: #222;
	font-weight: 400;
}

body:lang(zh) .InnerGIGABYTEContent h4 {
    font-weight: 500 !important;
}

@media (max-width: 600px) {
	.container {
		padding-left: 0;
		padding-right:0;
		overflow-x: hidden;
	}
}

.InnerGIGABYTEContent .container {
	max-width: 100% !important;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.InnerGIGABYTEContent h2 {
	margin-bottom: 1.65rem; 
}

.InnerGIGABYTEContent h4 {
	font-weight: 600 !important;
	margin-bottom: 0.75rem; 
}

.table {
	font-size:inherit;
}

.table thead tr th{
	background:#666;
	color:#fff;
}


.row img {
	display: block;
	margin: 5px auto;
}

hr {
	margin: 45px 0;
}
hr:last-child{
	margin-bottom: 0;
}

.docs-section {
    margin-bottom: 50px;
	line-height: 1.6;
	padding-bottom: 50px;
	border-bottom: 1px solid #ddd;
}

.docs-section h2 {
    margin-top: 0;
    font-weight: 700;
    margin-bottom: 25px;
    font-size: 2.25rem;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}
.key-features ul {
	margin-top: 0;
	margin-bottom: 0;
}
.key-features ul li {
	margin-bottom: 0px;
}

.key-features .table-responsive {
	margin-bottom: 15px;
	margin-top: 0px;
	
}
.key-features .table tbody tr td {
	vertical-align: middle;
	line-height: 1.3;
}

.docs-section.hidden + hr {
	display: none;
}
.container {
	width: 100%;
	max-width: 1400px;
}


.div-features-list, #EBR .list  {
	margin-left: 0px;
	margin-right: 0px;
}
.div-features-list div[class^="col"], #EBR .list div[class^="col-"]  {
	border: 1px solid #ddd;
	background: #f3f3f3;
	padding: 5px;
	padding-top: 0;
}

.div-features-list div[class^="col-"] span {
	display: block;
	color: #999;
	font-size: 12px;
	min-height: 50px !important;
}

.div-features-list div[class^="col-"] b {
	font-weight: bold;
	display: block;
	font-size: 100%;
	color: #333;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	line-height: 1.1;
}
.div-features-list .col-6 b {
	font-size: 120% !important;
	margin-top: 2px;
	line-height: 1;
}
.div-features-list div[class^="col-"] b i {
	font-style: normal;
	font-size: 175%;
	display: block;
}

#EBR .list div[class^="col-"] {
	text-align: center;
	font-weight: 600;
	color:rgba(0,113,188,0.8) !important;
	background:  rgba(0,113,188,0.1) !important;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 1;
	border: 1px solid rgba(0,113,188,0.25)
}

#M2 .div-content img {
	display: inherit;
	margin: inherit;
	margin-top: 20px;
}

#FeaturesValue {
	margin-bottom: 30px;
}

@media (min-width: 600px) {

  .div-features-list div[class^="col-"] b {
	  font-size: 115%;
	  margin-top: -8px;
  }
  .div-features-list div[class^="col-"] b i {
	  display: inline-block;
  }
  .div-features-list .col-6 b {
	  font-size: 130% !important;
	  margin-top: 0 !important;
  }
  .div-features-list div[class^="col-"] b i {
	  font-size: 200%;
  }
  #EBR .list div[class^="col-"] {
	  font-size: 110%;
  }
}
#GSM .div-content-dashboard, #GSM .div-content-dashboard-1, #GSM .div-content-vmware {
	margin-top: 30px;
}
.div-content-1 ul li b,  #AMI .div-content ul li b, .div-content ul li b  {
	font-size: 120%;
	font-weight: 600;
}
.app-link .btn {
	font-size: 115%;
	display: inline-block;
	margin: 5px;
	padding: 10px 15px;
	font-weight: 600;
}
.app-link .btn small {
	font-weight: normal;
}
@media (max-width: 600px) {
	.app-link {
		text-align: center;
	}
	.app-link .btn {
		font-size: 105%;
		font-weight: normal;;
	}
}

#Fan-Speed .div-image img, #AMI .div-image img {
	margin-bottom: 15px;
	border: 1px solid #999;
}
#Rome .key {
	border-radius: 50%; 
	padding:15px; 
	width:200px; 
	height:200px; 
	margin-right: auto; 
	margin-left: auto;
}
#Rome .key:before {
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}

#Rome .key p {
	display: inline-block;
	vertical-align: middle;
	font-size: 110%; 
	line-height: 1.35;
}
#Rome .key p b  {
	font-size: 275%; 
	display:block;
}

#Rome ul .fa-li {
	font-size: 135%;
}

.features-list-more .btn {
	line-height: 1.2;
}
.features-list-more p {
	font-size: 115%;
	font-weight: 600;	
}
.features-list-more .div-Floating-Point p:after {
	content: '　'; 
	display: block;
	width: 0;
	height: 100%;
}
.features-list-more p b {
	font-size: 165%;
	font-weight: 700;
	display: block;
}
.features-list-more p + small {
	color: rgba(256,256,256,0.5);
}

body:lang(zh) .features-list-more .btn {
	line-height: 1.5;
}
body:lang(zh) .features-list-more p {
	font-size: 140%;
	font-weight: 300;	
}
body:lang(zh) .features-list-more .div-Floating-Point p:after {
	content: '　'; 
	display: block;
	width: 0;
	height: 100%;
}
body:lang(zh) .features-list-more p b {
	font-size: 160%;
	font-weight: 700;
	display: block;
	margin-bottom: 0;
}

#GSM .embed-responsive, #AMI .embed-responsive, #video .embed-responsive{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ccc;
}

#GSM .embed-responsive, #AMI .embed-responsive, #video .embed-responsive{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ccc;
}
