﻿/*Common*/
body{color:#343434;font-size:1em;line-height:1em}
section{width:100%;display:inline-block}
article{width:1200px;display:inline-block}
.Content1{height:854px;background:url(/kimg/prd_details/memory/DDR3_main_img.jpg) no-repeat center bottom;background-size:cover}
.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;color:#000;font-size:2.8em;font-weight:800}
.Content1 .text2{font-size:1.5em;color:#9d9d9d;letter-spacing:-1px;margin-bottom:35px}
.Content2{height:623px;background:#000 url(/kimg/prd_details/memory/DDR3_features_bg.jpg) no-repeat right top;position:relative}
.Content2 ul{float:left;text-align:left}
.Content2 ul{margin-top:130px}
.Content2 ul li.tit{font-size:2em;font-weight:bold;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:400;color:#fff;text-shadow:2px 2px 2px #000}
.Content2 ul li.line img{height:1px;width:60px}
.Content3{padding-top:90px}
.Content3 ul li.icon{margin:0 0 50px 0}
.Content3 ul li.icon img{width:100%;max-width:365px}
.Content3 ul li.text{font-size:0.9em;line-height:1.6em;font-weight:400;color:#414141}
.Content4{background:#f0f0f0;padding-bottom:105px;margin-top:240px}
.Content4 ul{width:100%;display:inline-block;margin-top:-140px}
.Content4 ul li{display:inline-block}
.Content4 ul li.at_left{float:left}
.Content4 ul li.at_right{float:right}
.Content4 ul li img{width:100%;max-width:378px}
.Content5{background:#f0f0f0 url(/kimg/prd_details/memory/DDR3_specifications_bg.jpg) no-repeat right center;padding-top:70px;background-size:50%}
.Content5 article{text-align:left}
.Content5 h3{font-size:1.6em;font-weight:bold;line-height:1em;letter-spacing:1px;margin-bottom:20px}
.Content5 table{width:47%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.Content5 table tr{border-bottom:1px solid #cacaca}
.Content5 table th{width:26.5%;padding:18px 0;color:#565656;font-size:0.9em;font-weight:normal;font-family:'Anton'}
.Content5 table td{padding:18px 0;color:#414141;font-size:0.9em;font-weight:400}
.Content5 table td ul li{line-height:1.8em}
.Content5 .btn_area{width:100%;display:inline-block;text-align:center;margin:70px 0}
.Content5 .btn_area a{width:290px;margin:0 15px;display:inline-block;padding:25px 0;font-size:0.8em;color:#fff}
.Content5 .btn_area a img{margin-left:10px}
.Content5 .btn_area a.com_btn1{background:#47a2cc;border:1px solid #47a2cc}
.Content5 .btn_area a.com_btn2{background:#424242;border:1px solid #424242}

@media all and (max-width:1400px) {
   .Content2{background-position:145% top}
}
@media all and (max-width:1200px) {
     article{width:100%;padding-left:2%;padding-right:2%}
    .Content1{height:710px}
    .Content4 ul li{width:33%}
}
@media all and (max-width:1024px) {
    .Content1{height:600px}
    .Content1 ul{margin:80px 0}
    .Content2{background-position:right top;}
}
@media all and (max-width:812px) {
    .Content1{height:auto;background-size:160%;padding-bottom:40%}
    .Content1 ul{margin:21% 0 15% 0}
    .Content2{height:auto;padding:150px 0;background:url(/kimg/prd_details/memory/DDR3_m_features_bg.jpg) no-repeat right bottom;background-size:cover}
    .Content2 ul{margin-top:0;width:100%}
    .Content2 ul li.text1 br{display:none}
}
@media all and (max-width:670px) {
    .Content4{padding-bottom:80px;margin-top:170px}
    .Content5{background:url(/kimg/prd_details/memory/DDR3_m_specifications_bg2.jpg) no-repeat center center;background-size:cover}
    .Content5 table{width:100%}
    .Content5 .btn_area a{width:80%;margin-bottom:15px}
    .Content3 ul li.text br{display:none}
}
@media all and (max-width:524px) {
    .Content2{padding:50px 0}
    .Content4 ul li{width:100%;margin-bottom:15px}
    .Content5 table{width:100%}
    .Content5 .btn_area a{padding:15px 0}
    .Content1{padding-bottom:200px}
}
@media all and (max-width:480px) {
    .Content1 .text1{font-size:1.4em}
    .Content1 .text2{font-size:1.2em;margin:25px 0;text-align:center}
    .Content1 .logo{font-size:2em}
    .Content2 ul li.tit{font-size:1.4em;line-height:1.4em}
    .Content2 ul li.text1{font-size:0.8em}
    .Content5 table th{font-size:0.7em}
    .Content5 table td{font-size:0.7em}
}
@media all and (max-width:340px) {
    .Content1 .text1{font-size:1em}
    .Content1 .text2{font-size:1em;margin:0 0 10px 0}
    .Content5 h3{font-size:1.2em}
}