body {
	font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif; 
	color: #222;
    font-size: 1rem;
    margin: 0;
}

@media (max-width: 600px) {
	.container {
		padding-left: 0;
		padding-right:0;
		overflow-x: hidden;
	}
}

.InnerGIGABYTEContent .container {
	max-width: 800px !important;
	background: #fff url(../innergigabyteimages/header-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

.edm-product h3 {
	text-transform: uppercase;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
}
.edm-product .hard-core {
	background: #02081F url(../innergigabyteimages/bg_Hard-core.png);
    background-repeat: no-repeat;
    background-position: right top;
}
.edm-product .body-hard-core {
	background: #02081F url(../innergigabyteimages/bg_Hard-core_body.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 130px;
}
.edm-product .body-rack-server{
	background: #fff url(../innergigabyteimages/bg_rack-server_body.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 110px;
}

.edm-product .hard-core h3 {
	border-bottom: 1px solid #fff;
	color:#fff;
}
.edm-product .hard-core h3 b {
	color:#fff;
}
.edm-product .div-workstation {
	background: url(../innergigabyteimages/bg_workstation.png);
	background-repeat: no-repeat;
    background-position: center bottom;
}
.edm-product .div-workstation h3 {
	border-bottom: 1px solid #fff;
}
.edm-product .div-workstation h3 b {
	color:#333;
}

.edm-product h3 b {
	font-weight: bolder;
	color: #fcb24f;
	font-size: 120%;
}
.InnerGIGABYTEContent .edm-header {
	position: relative;
    color: #fff;
}
.InnerGIGABYTEContent .edm-header h1 {
	font-size: 1.95rem;
}
.InnerGIGABYTEContent .edm-header h1 span {
	font-weight: 600;
	font-size: 105%;
}
.InnerGIGABYTEContent .edm-header h2 {
	font-size: 4.5rem;
	font-weight: bolder;
	color: #ffd633;
	margin-bottom: 1.65rem;
}



.InnerGIGABYTEContent .edm-header p {
	font-size: 1.2rem;
}
.InnerGIGABYTEContent .edm-header p span {
	background: #666;
	box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.6);
}
.InnerGIGABYTEContent .edm-header .text-shadow {
	text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.85);
}

.InnerGIGABYTEContent .edm-header .GIGABYTECiLogo {
	display: block;
    height: 1.7rem;
    width: auto;
    fill: #fff;
}

.InnerGIGABYTEContent .edm-header .GBT-logo {
	position: relative;
}

.InnerGIGABYTEContent .edm-note {
	font-size: 80%;
}

.InnerGIGABYTEContent .edm-contact {
	font-size: 85%;
	background: #e8e8e8;
}

.InnerGIGABYTEContent .edm-contact a img {
	max-height: 30px;
	width: auto;
}
.InnerGIGABYTEContent.bg-dark, .InnerGIGABYTEContent .bg-dark {
	background-color: #282828 !important;
}

.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: 1rem;
	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%;
}



.edm-product a:hover {
	text-decoration: none;
}
.edm-product h4 {
	font-size: 1.75rem;
	font-weight: bold;
	text-decoration: none;
	color: #444;
}

.add-component {
	max-width: 95%;
	padding: 0 25px;
	margin-right: 0;
	margin-left: auto;
}
.div-workstation .add-component {
	padding:0 !important;
}
.add-component .component-name {
  border-radius: 0.65rem;
  position: relative;
  font-weight: 600;
  color: #c872f2;
  border: 2px solid #c872f2;
  padding: 5px 5px 5px 25px;
  font-size: 1rem;
  text-decoration: none;
  display: block;
}
.div-workstation .add-component .component-name {
	border-color: #fff;
	color: #fff;
	font-size: 0.95rem;
	padding-left: 20px;
}
.edm-product .body-hard-core h4, .edm-product .div-workstation h4 {
	color: #fff;
}
.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: 31px;
  height: 44px;
  width: 44px;
  top: -5px;
  left: -22px;
  border-radius: 50%;
  background: #c872f2;
  color: #fff;
  border: 5px solid #fff;
  font-size: 2.5rem;
  font-weight: 500;
}
.body-hard-core .add-component .component-name::after {
	border-color: #011532;
}
.div-workstation  .add-component .component-name::after{
	border-width:0;
	color: #E6B152;
	background: #fff;
	top: -17px;
	left: -17px;
	height: 34px;
    width: 34px;
}



@media (max-width: 430px) {
	.InnerGIGABYTEContent .edm-header h1 {
		font-size: 1.6rem;
	}
	.InnerGIGABYTEContent .edm-header h1 span {
		font-size: 105%;
	}
	.InnerGIGABYTEContent .edm-header h2 {
		font-size: 3.75rem;
	}
	.InnerGIGABYTEContent .edm-header p {
		font-size: 0.95rem;
	}
	.InnerGIGABYTEContent .edm-product h3 {
		font-size: 1.5rem;
	}
	.InnerGIGABYTEContent .termsPolicy {
		font-size: 0.75rem;
	}
	.InnerGIGABYTEContent .edm-header .GIGABYTECiLogo {
	    height: 1.5rem;
	}
	.edm-product h4 {
	  font-size: 1.5rem;
	}
	.add-component {
	  max-width: 100%;
	  padding-right: 0;
	  padding-left: 10px;
	}
	.add-component .component-name {
	  padding: 2px 5px 2px 16px;
	  font-size: 0.9rem;
	}
	.div-workstation .add-component .component-name  {
	  padding: 3px 5px 3px 5px;
	  font-size: 0.8rem;
	}
	.add-component .component-name::after {
	  line-height: 23px;
	  height: 34px;
	  width: 34px;
	  top: -4px;
	  left: -18px;
	  border-width: 4px;
	  font-size: 2rem;
	}

	.div-workstation .add-component .component-name::after {
	  top: -13px;
	  left: -13px;
	  height: 26px;
      width: 26px;
	}
}