/*Common*/
body{color:#343434;font-size:1em;line-height:1em}
section{width:100%;display:inline-block}
article{width:1200px;display:inline-block}
.Content1{height:611px;background:url(/kimg/prd_details/memory/Cras_main_img.jpg) center top;background-size:cover;position:relative}
.Content1 .main_text ul{width:50%;float:left;text-align:left;margin-top:210px}
.Content1 .main_text ul li.text1{font-size:1.5em;color:#fff;letter-spacing:-1px;margin-bottom:20px;font-weight:500}
.Content1 .main_text ul li.text2{font-size:1.3em;color:#9d9d9d;margin:45px 0}
.Content2{height:568px;background:url(/kimg/prd_details/memory/Cras_features_bg1.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-weight:700;line-height:1em;letter-spacing:1px}
.Content2 ul li.text1{font-size:0.9em;line-height:1.6em;margin:30px 0;font-weight:300;color:#414141}
.Content3{height:500px;background:#e0e0e0 url(/kimg/prd_details/memory/Cras_content3_bg.jpg) no-repeat left top;background-size:cover;position:relative;padding-top:115px}
.Content3 ul{width:30%;display:inline-block;vertical-align:top}
.Content3 ul li.icon{margin-bottom:50px}
.Content3 ul li.text{font-size:1.2em;line-height:1.2em;color:#fff;font-weight:700}
.Content4{height:560px;background:url(/kimg/prd_details/memory/Cras_features_bg2.jpg) no-repeat left top;background-size:cover;position:relative}
.Content4 ul{float:right;text-align:right}
.Content4 ul{margin-top:130px}
.Content4 ul li.tit{font-size:2em;font-weight:700;line-height:1em;letter-spacing:1px;margin-bottom:40px}
.Content4 ul li.text1{font-size:0.9em;line-height:1.2em;margin:15px 0;font-weight:300;color:#414141}
.Content5{background:#f0f0f0;padding-bottom:105px;margin-top:170px}
.Content5 ul{width:100%;display:inline-block;margin-top:-140px}
.Content5 ul li{display:inline-block}
.Content5 ul li.at_left{float:left}
.Content5 ul li.at_right{float:right}
.Content5 ul li img{width:100%;max-width:378px}
.Content6{background:#f0f0f0}
.Content6 article{text-align:left;background:url(/kimg/prd_details/memory/Cras_spec_bg.jpg) no-repeat right center}
.Content6 h3{font-size:1.6em;font-weight:700;line-height:1em;letter-spacing:1px;margin-bottom:20px}
.Content6 table{width:47%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.Content6 table tr{border-bottom:1px solid #cacaca}
.Content6 table th{width:26.5%;padding:18px 0;color:#565656;font-size:0.9em;font-weight:700}
.Content6 table td{padding:18px 0;color:#414141;font-size:0.9em;font-weight:300}
.Content6 table td ul li{line-height:1.8em}
.Content6 .btn_area{width:100%;display:inline-block;text-align:center;margin:70px 0}
.Content6 .btn_area a{width:290px;margin:0 15px;display:inline-block;padding:25px 0;font-size:0.8em;color:#fff}
.Content6 .btn_area a img{margin-left:10px}
.Content6 .btn_area a.com_btn1{background:#47a2cc;border:1px solid #47a2cc}
.Content6 .btn_area a.com_btn2{background:#424242;border:1px solid #424242}
.Content7{padding-top:100px}
.Content7 h3{font-size:1.6em;font-weight:700;line-height:1em;letter-spacing:1px;margin-bottom:50px}
.Content7 ul li{display:inline-block}
.Content7 .btn_area{width:100%;display:inline-block;text-align:center;margin:70px 0}
.Content7 .btn_area a{width:185px;margin:0 15px;color:#fff;padding:15px 0;display:inline-block;font-size:0.8em}
.Content7 .btn_area a img{margin-left:10px}
.Content7 .btn_area a.btn1{background:#79b0ca;border:1px solid #66a1bd}
.Content7 .btn_area a.btn2{background:#47a2cc;border:1px solid #2d89b4}
.Content7 .btn_area a.btn3{background:#6cb9c7;border:1px solid #49b1c4}
.Content7 .btn_area a.btn4{background:#49b1c4;border:1px solid #3ea7ba}

@media all and (max-width:1600px) {
    .Content2{background-position:70% top}
}
@media all and (max-width:1200px) {
    article{width:100%;padding-left:2%;padding-right:2%}
    .Content2{height:500px;background-position:45% top}
    .Content5 ul li{width:33%}
    .Content6 article{background-size:50%}
    .Content7 ul{width:100%;display:inline-block}
    .Content7 ul li{width:30%}
    .Content7 ul li img{width:100%}
    .Content4{background-position:60% top}
    .Content7 .btn_area a{width:16.3%}
}
@media all and (max-width:1024px) {
    .Content2{background:url(/kimg/prd_details/memory/Cras_features_bg1.jpg) no-repeat 38% top;background-size:cover}
    .Content2 ul{margin-top:100px}
    .Content4{background:url(/kimg/prd_details/memory/Cras_features_bg2.jpg) no-repeat 63% top;background-size:cover}
}
@media all and (max-width:812px) {
    .Content1{height:auto;background:url(/kimg/prd_details/memory/Cras_m_main_img.jpg) center bottom;background-size:cover;padding:200px 0}
    .Content1 .main_text ul{width:80%;margin:0}
    .Content2{height:auto;padding:100px 0;background:url(/kimg/prd_details/memory/Cras_m_features_bg1.jpg) no-repeat 50% bottom;background-size:cover}
    .Content2 ul{margin-top:0;width:50%}
    .Content2 ul li.text1 br{display:none}
    .Content3{height:auto;background:#e0e0e0 url(/kimg/prd_details/memory/Cras_m_content3_bg.jpg) no-repeat center center;background-size:cover;padding:75px 0}
    .Content3 ul{width:100%;margin:25px 0}
    .Content3 ul li.icon{width:37%;float:left}
    .Content3 ul li.icon img{width:57.4%;max-width:139px}
    .Content3 ul li.text{width:63%;float:left;text-align:left;font-size:1.4em;line-height:1.2em;padding-top:3%}
    .Content3 ul li.two_line{padding-top:6%}
    .Content4{height:auto;padding:100px 0 50px 0;background:url(/kimg/prd_details/memory/Cras_m_features_bg2.jpg) no-repeat left 70%;background-size:cover}
    .Content4 ul{margin-top:0;width:100%}
    .Content4 ul li.text1 br{display:none}
    .Content7 .btn_area a{width:45%;margin-bottom:20px}
}
@media all and (max-width:670px) {
    .Content2 ul{width:50%}
    .Content5{padding-bottom:80px;margin-top:170px}
    .Content6 article{background:url(/kimg/prd_details/memory/Cras_m_spec_bg.jpg) no-repeat center center;background-size:98%}
    .Content6 table{width:100%}
    .Content6 .btn_area a{width:80%;margin-bottom:15px}
}
@media all and (max-width:524px) {
    .Content1 .main_text ul li.logo img{width:100%}
    .Content2{padding:50px 0}
    .Content2 ul{width:50%}
    .Content3{padding:50px 0}
    .Content3 ul li.text{font-size:1em}
    .Content4{background:url(/kimg/prd_details/memory/Cras_m_features_bg4.jpg) no-repeat right bottom;background-size:cover}
    .Content5 ul li{width:100%;margin-bottom:15px}
    .Content6 table{width:100%}
    .Content6 .btn_area a{padding:15px 0}
    .Content7 ul li{width:100%;margin-bottom:15px;padding:0 5%}
    .Content7 .btn_area{margin:30px 0}
    .Content7 .btn_area a{width:80%;margin-bottom:15px}
}
@media all and (max-width:480px) {
    .Content1 .main_text ul li.text1{font-size:1.3em}
    .Content1 .main_text ul li.text2{font-size:1.1em;margin:25px 0}
    .Content2{background:url(/kimg/prd_details/memory/Cras_m_features_bg3.jpg) no-repeat right bottom;background-size:cover}
    .Content2 ul{width:100%}
    .Content2 ul li.tit{font-size:1.4em;line-height:1.4em}
    .Content2 ul li.text1{font-size:0.8em}
    .Content3{padding:20px 0 0 0}
    .Content3 ul{margin:10px 0}
    .Content3 ul li.text{font-size:0.8em}

    .Content4 ul li.tit{font-size:1.4em;line-height:1.4em}
    .Content4 ul li.text1{font-size:0.8em}
    .Content6 table th{font-size:0.7em}
    .Content6 table td{font-size:0.7em}
}
@media all and (max-width:340px) {
    .Content1{padding:150px 0}
    .Content1 .main_text ul{margin-top:0}
    .Content1 .main_text ul li.text1{font-size:1.1em}
    .Content1 .main_text ul li.text2{font-size:1em;color:#cdcdcd} 
    .Content6 h3{font-size:1.2em}
    .Content7{padding-top:40px}
    .Content7 h3{font-size:1.2em;margin-bottom:30px}
}