body {
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif; 
	color: #222;
    font-size: 1rem;
    margin: 0;
}

.InnerGIGABYTEContent, footer {
	background-color: #555 !important;
}


.InnerGIGABYTEContent .container {
	max-width: 800px !important;
	background: #fff;
}

.InnerGIGABYTEContent header .GIGABYTECiLogo {
    height: 25px;
    width: auto;
    fill: #000000;
}

.InnerGIGABYTEContent .edm-top {
	position: relative;
    color: #fff;
    background: #000 url(../innergigabyteimages/header-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

.div-rack-server {
	position: relative;
    color: #fff;
    background: #02081f url(../innergigabyteimages/bg_dark.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
}

.div-storage-server {
	position: relative;
    color: #fff;
    background: #000 url(../innergigabyteimages/bg_server.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
}

.div-workstation {
	position: relative;
    color: #fff;
    background: #000 url(../innergigabyteimages/bg_workstation.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}

.InnerGIGABYTEContent .edm-top h1 {
	font-weight: bold;
	font-size: 2rem;
	text-transform: uppercase;
	text-shadow: 0 0 0.25rem #07fae6, 0 0 0.05rem #07fae6;
}

.InnerGIGABYTEContent .edm-top h1 span {
	font-weight: normal;
	font-size: 106%;
}

.InnerGIGABYTEContent .edm-top h2 span {
	font-size: 2.25rem;
	color: #07fae6;
	text-transform: uppercase;
	font-weight: 500;
}

.InnerGIGABYTEContent .edm-top h2 span b {
	font-weight: 700;
	font-size: 150%;
}

.InnerGIGABYTEContent .edm-top p {
	font-size: 0.98rem;
}

.InnerGIGABYTEContent .edm-top p span {
	background: #666;
	box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.6);
}

.InnerGIGABYTEContent .text-shadow {
	text-shadow: 0 0 0.2rem rgba(0, 0, 0, 1);
}

.edm-top .logo-amd-epyc .img-fluid, .edm-top .logo-nvidia .img-fluid  {
	max-width: 120px;
}

.edm-product h3 {
	margin-bottom: 0;
	font-size: 1.55rem;
	font-weight: lighter;
	padding: 5px 0;
}

.edm-product h3 span {
	color: #ce0d3a;
}

.edm-product h3 b {
	font-weight: bold !important;
	padding: 0 10px;
}

.edm-product h4 {
	font-size: 1.75rem;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.edm-product h4 small {
	font-size: 50%;
	padding: 3px 6px;
	background: #aaa;
}
.edm-product .epyc .col-md-5 {
	background: url(../innergigabyteimages/CPU_AMD-EPYC.png);
    background-position: 10% top;
    background-repeat: no-repeat;
    background-size: auto 32px;
    padding-top: 15px;
}
.edm-product .epyc.rtx .col-md-5 {
	background: url(../innergigabyteimages/CPU_AMD-EPYC.png), url(../innergigabyteimages/GPU_NVIDIA-RTX.png);
    background-position: 20px top, 74px 3px;
    background-repeat: no-repeat;
    background-size: auto 32px, auto 24px;
    padding-top: 15px;
}
.edm-product .div-rack-server .epyc .col-md-5, .edm-product .div-storage-server .epyc .col-md-5  {
	background: url(../innergigabyteimages/CPU_AMD-EPYC-white.png);
    background-position: 20px top;
    background-repeat: no-repeat;
    background-size: auto 32px;
    padding-top: 15px;
}
.edm-product .xeon .col-md-5 {
	background: url(../innergigabyteimages/CPU_Intel-Xeon.png);
    background-position: 20px top;
    background-repeat: no-repeat;
    background-size: auto 32px;
    padding-top: 15px;
}
.edm-product .S251-3O0.xeon .col-md-5 {
	background-position: 6% 93px;
	padding-top: 0;
}
.edm-product a ul {
	margin-bottom: 0;
}
.edm-product a ul li {
	color: #444 !important;
	font-size: 0.8rem;
	line-height: 1.6;
}

.edm-product .div-rack-server a ul li, .edm-product .div-rack-server h4, .edm-product .div-workstation a ul li, .edm-product .div-workstation h4, .edm-product .div-storage-server a ul li, .edm-product .div-storage-server h4  {
	color: #fff !important;
}

.add-component {
	max-width: 240px;
	padding-right: 0;
	padding-left: 10px;
	margin-left: auto;
	margin-right: auto;
}
.div-gpu-server .add-component {max-width: 270px;}


.div-storage-server .add-component {
	max-width: 230px;
}

.add-component .component-name {
  border-radius: 0.65rem;
  position: relative;
  font-weight: 600;
  color: #c872f2;
  border: 2px solid #c872f2;
  padding: 5px 5px 5px 16px;
  font-size: 0.9rem;
  text-decoration: none;
  display: block;
  margin-top: 18px;
  text-align: center;;
}

.add-component .component-name b {
	font-weight: bold;
	padding-left: 6px;
}

.add-component .component-name::after {
  content: "+";
  display: block;
  position: absolute;
  text-align: center;
  line-height: 27px;
  height: 30px;
  width: 30px;
  top: -15px;
  left: -15px;
  border-radius: 50%;
  background: #c872f2;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
}

.div-workstation .img-fluid {
	max-width: 70%;
	margin-bottom: 10px;
}

.div-workstation .logo-Radeon {
	position: absolute;
	right: 0px;
	top: 30px;
	max-width: 120px;
	height: auto;
}
.InnerGIGABYTEContent .edm-note, .InnerGIGABYTEContent .edm-contact  {
	font-size: 0.8rem;
	background-color: #282828;
}
.InnerGIGABYTEContent .edm-note .btn {
	font-weight: 600;
}

.InnerGIGABYTEContent .edm-note ul, .InnerGIGABYTEContent .edm-contact  a {
	color: #bbb;
	font-size: 80%;
}


.InnerGIGABYTEContent .edm-contact a img {
	max-height: 45px;
	width: auto;
	max-width: 100%;
	margin-bottom: 3px;
}

.InnerGIGABYTEContent .termsPolicy {
	color: #ddd;
	font-size: 80%;
}

.InnerGIGABYTEContent .termsPolicy a .termsLink {
    color: #ddd;
    border-left: 1px solid #ddd;
    padding: 0px 10px;
}
.InnerGIGABYTEContent .termsPolicy a:hover .termsLink {
	text-decoration: underline;
}
.InnerGIGABYTEContent .termsPolicy a:last-child .termsLink {
	border-right: 1px solid #ddd;
}

.footer-sns a {
	color: #ddd !important;
	border-radius: 50%;
	border: 1px solid #ddd;
	display: inline-block;
	width: 29px; 
	line-height: 27px;
	height: 29px;
	font-size: 1em;
	overflow: hidden;
}
.footer-sns a:hover {
	color: #282828 !important;
	background: #ddd;
}

.gotop {
	position: fixed;
	bottom: 20px;
	right: 0;
	width: 0;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #999;
	color:#FFF;
	cursor: pointer;
	z-index: 51;
	transition: all .3s ease;
	border-radius: 50% 0 0 50%;
}

.gotop .bi {
	font-size: 130%;
}

.edm-product a:hover {
	text-decoration: none;
}


.body-hard-core .add-component .component-name::after {
	border-color: #011532;
}


@media (max-width: 430px) {
	.InnerGIGABYTEContent header .GIGABYTECiLogo {
	    height: 19px;
	}

	.InnerGIGABYTEContent .edm-top h1 {
		font-size: 1.6rem;
	}

	.InnerGIGABYTEContent .edm-top h1 span {
		font-size: 106%;
	}

	.InnerGIGABYTEContent .edm-top h2 span {
		font-size: 2rem;
	}

	.InnerGIGABYTEContent .edm-top h2 span b {
		font-size: 140%;
	}

	.InnerGIGABYTEContent .edm-top p {
		font-size: 0.85rem;
	}

	.edm-top .logo-amd-epyc .img-fluid, .edm-top .logo-nvidia .img-fluid  {
		max-width: 100px;
	}

	.edm-product h3 {
		font-size: 1.3rem;
		font-weight: 600;
	}

	.edm-product h4 {
	  font-size: 1.5rem;
	}
    .edm-product a ul {
		padding-left: 1.55rem !important;
    }

	.add-component, .div-storage-server .add-component {
	  max-width: 240px;
	  padding-right: 0;
	  padding-left: 10px;
	  margin-left: auto;
	  margin-right: auto;
	}
	.InnerGIGABYTEContent .edm-note, .InnerGIGABYTEContent .edm-contact  {
		font-size: 0.85rem;
	}
	.add-component .component-name {
	  padding: 2px 5px 2px 13px;
	  font-size: 0.9rem;
	  margin-top: 10px;
	}
	.add-component .component-name::after {
	  line-height: 21px;
	  height: 24px;
	  width: 24px;
	  top: -12px;
	  left: -12px;
	  font-size: 2rem;
	}
	.InnerGIGABYTEContent .termsPolicy {
		font-size: 0.75rem;
	}
	.edm-product .epyc .col-md-5, .edm-product .div-rack-server .epyc .col-md-5, .edm-product .div-storage-server .epyc .col-md-5, .edm-product .xeon .col-md-5 {
	    background-position: 18px top;
	    padding-top: 3px;
	}
	.edm-product .S251-3O0.xeon .col-md-5 {
	    background-position: 18px 50%;
	}

}