body {
    background: #eeeeee;
}

.InnerGIGABYTEContent {
    background: #eeeeee;
}

#kv2 {
    max-width: 2560px;
    width: 100%;
    height: 0;
    position: relative;
    margin: auto;
    padding: 0 0 55% 0;
    overflow: hidden;
}

.award-BG {
    width: 100%;
    padding: 0 0 100% 0;
    margin: 0% 0 0 0;
    display: block;
    overflow: hidden;
    height: 0;
    position: absolute;
    z-index: 150;
    max-width: 2560px;
}

.award-BG img {
    width: 100%;
}

#ui1,
#ui2,
#ui3,
#ui4 {
    width: 100%;
    padding: 0 0 100% 0;
    margin: 0% 0 0 0;
    display: block;
    overflow: hidden;
    height: 0;
    position: absolute;
    z-index: 151;
    max-width: 2560px;
}

.fire_ani,
.fire_ani2,
.fire_ani3,
.fire_ani4 {
    width: 100%;
}

.gbtlogo {
    width: 100%;
    padding: 1.5% 0 100% 5vw;
    margin: 0% 0 0 0;
    display: block;
    overflow: hidden;
    height: 0;
    position: absolute;
    z-index: 152;
    max-width: 2560px;
}

.gbtlogo img {
    width: 20%;
    max-width: 250px;
}

.kv2-rwd {
    width: 100%;
    padding: 0 0 150% 0;
    overflow: hidden;
    margin: auto;
    position: relative;
    height: 0;
    max-width: 2560px;
}

.award-BG-rwd {
    width: 100%;
    padding: 0 0 150% 0;
    margin: 0% 0 0 0;
    display: block;
    overflow: hidden;
    height: 0;
    position: absolute;
    z-index: 150;
    max-width: 2560px;
}

.spacer {
    width: 100%;
    padding-bottom: 8%;
}

.swiper-outer {
    width: 100%;
    background: url('../innergigabyteimages/bg/01.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    padding-bottom: 10vh;
}

.swiper-container {
    border-radius: 10px;
}

.swiper-slide img {
    width: 100%;
}

#section1 {
    color: #222222;
    font-weight: 700;
}

.award_title {
    color: #222222;
    font-family: 'Arial', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
    font-weight: 700;
    margin-bottom: 40px;
}

p.gigabyte_design_content{
    color: #222222;
    font-family: 'noto sans','Arial', "微軟正黑體", Microsoft JhengHei, "微軟雅黑體", Microsoft YaHei, SimHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "新細明體", Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 1.5rem;
}

.title_img img {
    width: 100%;
}

.concept-content {
    width: 90%;
    max-width: 1760px;
    background: #F5F5F5;
    box-shadow: 5px 5px 10px rgba(187, 187, 187, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.8);
    margin: auto;
    border-radius: 15px;
    color: #222;
    font-family: noto sans;
    text-align: center;
    font-size: 18px;
    line-height: 62px;
    border: white 1px solid;
    transition: 0.3s;
}

.concept-content-inside {
    width: 100%;
    background-color: #eeeeee;
    border-radius: 15px 15px 0 0;
    cursor: default;
    padding-top: 3%;
}

.concept-content-text {
    width: 100%;
    cursor: default;
}

.concept-model {
    width: 100%;
    padding: 2% 3% 3% 3%;
}

.concept_part_img img {
    width: 100%;
}

.more_info_img {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    height: 0;
    overflow: hidden;
    margin-top: 1%;
}

.more_info_img div {
    padding: 0 !important;
    margin: 0 !important;
}

.more_info_img img {
    width: 100%;
}

.more_info {
    width: 100%;
    padding-bottom: 20px;
    margin-top: 0%;
}

.more_info>div {
    width: 50px;
    height: 50px;
    background: #eeeeee;
    box-shadow: 5px 5px 10px rgba(187, 187, 187, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.8);
    margin: auto;
    border-radius: 25px;
    color: #222;
    font-family: noto sans;
    text-align: center;
    font-size: 18px;
    line-height: 62px;
    border: white 1px solid;
    cursor: pointer;
}

.more_info>div:hover {
    background: #fafafa;
}

.more_info_button {
    font-size: 45px;
    color: #C1C1C1;
    line-height: 45px;
    vertical-align: middle;
}

.cate_filter img{
    -webkit-filter:grayscale(1);
    -webkit-filter:brightness(.5);
    transition: 0.5s;
    transform: scale(1.0);

}


.cate_filter img:hover{
    -webkit-filter:grayscale(0);
    -webkit-filter:brightness(1);
    transition: 0.5s;
    transform: scale(1.05);

}

.head_image{
    width:100%;height: 0;padding-bottom: 27%;
}


@media screen and (min-width: 992px) and (max-width: 1200px) {
.head_image{
    width:100%;height: 0;padding-bottom: 42%;
}
}

@media screen and (min-width: 768px) and (max-width: 992px) {

   .head_image{
    width:100%;height: 0;padding-bottom: 42%;
} 
}


@media screen and (max-width: 768px) {

    .head_image{
    width:100%;height: 0;padding-bottom: 58%;
}


    .swiper-outer {
    width: 100%;
    background: url('../innergigabyteimages/bg/01.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    padding-bottom: 3vh;
}
}