﻿/*Common*/
body{color:#343434;font-size:1em;line-height:1em}
section{width:100%;display:inline-block}
article{width:1200px;display:inline-block}
.Content1 ul{margin:100px 0}
.Content1 .text1{font-size:1.5em;color:#000;letter-spacing:-1px;font-weight:500}
.Content1 .logo{margin:20px 0 30px 0}
.Content1 .text2{font-size:1.5em;color:#9d9d9d;letter-spacing:-1px;margin-bottom:35px}
.Content2{height:615px;background:url(/kimg/prd_details/memory/NEO_features_bg.jpg) no-repeat right top;background-size:cover;position:relative}
.Content2 ul{float:left;text-align:left}
.Content2 ul{margin-top:130px}
.Content2 ul li.tit{font-size:2em;font-family:'Anton';font-weight:normal;line-height:1em;letter-spacing:1px;color:#fff}
.Content2 ul li.text1{font-size:0.9em;line-height:1.6em;margin:30px 0;font-weight:300;color:#fff;text-shadow:2px 2px 2px #000}
.Content2 ul li.line img{height:5px;width:60px}
.Content3{height:512px;background:url(/kimg/prd_details/memory/NEO_Content3_bg.jpg) no-repeat right top;background-size:cover;position:relative}
.Content3 ul li.icon{margin:100px 0 50px 0}
.Content3 ul li.icon img{width:100%;max-width:308px}
.Content3 ul li.text{font-size:0.9em;line-height:1.6em;font-weight:300;color:#414141}
.Content4{background:#f0f0f0 url(/kimg/prd_details/memory/NEO_specifications_bg.jpg) no-repeat right center;padding-top:70px;background-size:50%}
.Content4 article{text-align:left}
.Content4 h3{font-size:1.6em;font-weight:700;line-height:1em;letter-spacing:1px;margin-bottom:20px}
.Content4 table{width:47%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.Content4 table tr{border-bottom:1px solid #cacaca}
.Content4 table th{width:26.5%;padding:18px 0;color:#565656;font-size:0.9em;font-weight:700}
.Content4 table td{padding:18px 0;color:#414141;font-size:0.9em;font-weight:300}
.Content4 table td ul li{line-height:1.8em}
.Content4 .btn_area{width:100%;display:inline-block;text-align:center;margin:70px 0}
.Content4 .btn_area a{width:290px;margin:0 15px;display:inline-block;padding:25px 0;font-size:0.8em;color:#fff}
.Content4 .btn_area a img{margin-left:10px}
.Content4 .btn_area a.com_btn1{background:#47a2cc;border:1px solid #47a2cc}
.Content4 .btn_area a.com_btn2{background:#424242;border:1px solid #424242}

@media all and (max-width:1600px) {
    .Content2{background-position:52% top}
}
@media all and (max-width:1400px) {
    .Content3{background-position:51% top}
}
@media all and (max-width:1200px) {
    article{width:100%;padding-left:2%;padding-right:2%}
}
@media all and (max-width:1024px) {
    .Content1 article > img{width:100%}
    .Content3{background:url(/kimg/prd_details/memory/NEO_Content3_bg.jpg) no-repeat 50% top;background-size:cover;position:relative}
    .Content2{background-position:43% top}
}
@media all and (max-width:812px) {
    .Content2{height:auto;padding:90px 0 280px 0;background:url(/kimg/prd_details/memory/NEO_m_features_bg.jpg) no-repeat right bottom;background-size:cover}
    .Content2 ul{margin-top:0;width:100%}
    .Content3{background:#e0e0e0}
}
@media all and (max-width:670px) {
    .Content1 .logo img{width:90%;max-width:386px}
    .Content4{background:url(/kimg/prd_details/memory/NEO_m_specifications_bg.jpg) no-repeat center center;background-size:cover}
    .Content4 table{width:100%}
    .Content4 .btn_area a{width:80%;margin-bottom:15px}
    .Content2 ul li.text1 br{display:none}
    .Content3 ul li.icon img{max-width:50%}
}
@media all and (max-width:524px) {
    .Content4 table{width:100%}
    .Content4 .btn_area a{padding:15px 0}
    .Content1 ul{margin:20% 0 11% 0}
}
@media all and (max-width:480px) {
    .Content1 .text1{font-size:1.4em}
    .Content1 .text2{font-size:1.2em;margin:25px 0}
    .Content2 ul li.tit{font-size:1.4em;line-height:1.4em}
    .Content2 ul li.text1{font-size:0.8em}
    .Content4 table th{font-size:0.7em}
    .Content4 table td{font-size:0.7em}
    .Content1 .logo{margin:6% 0 5% 0}
    .Content3 ul li.text{font-size:0.8em}
    .Content3 ul li.icon img{max-width:60%}
}
@media all and (max-width:340px) {
    .Content1 .text1{font-size:1em}
    .Content1 .text2{font-size:1em;margin:0 0 10px 0}
    .Content4 h3{font-size:1.2em}
    .Content2 ul li.text1 br{display:block}
    .Content1 .logo img{width:73%}
}