/*Common*/
body{color:#343434;font-size:1em;line-height:1em}
a.com_btn1{display:inline-block;padding:10px 100px;background:#444;color:#fff;font-size:0.8em;border:1px solid #444}
a.com_btn1 img{margin-left:10px}
a.com_btn2{display:inline-block;padding:10px 100px;background:#47a2cc;color:#fff;font-size:0.8em;border:1px solid #47a2cc}
a.com_btn2 img{margin-left:10px}
a.com_btn3{display:inline-block;padding:10px 100px;border:1px solid #47becc;color:#fff;font-size:0.8em;background:#47becc}
a.com_btn3 img{margin-left:10px}
section{width:100%;display:inline-block}
article{width:1200px;display:inline-block}
.Content1{height:1194px;background:url(/kimg/prd_details/memory/CrasII_main_img.jpg) center top;background-size:cover;position:relative}
.Content1 .main_text ul{float:left;text-align:left;margin-top:365px}
.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}
.Content1 .main_text ul li.text3{line-height:1.8em;color:#fff;font-weight:400}
.Content1 .bottom_con{width:100%;height:478px;position:absolute;left:0;bottom:0;background:url(/kimg/prd_details/common/black_bg.png)}
.Content1 .bottom_con article{height:478px;background:url(/kimg/prd_details/memory/CrasII_bottom_con_line.gif) no-repeat center top}
.Content1 .bottom_con article ul{width:45%;margin-top:85px}
.Content1 .bottom_con article ul li.text{line-height:1.8em;color:#fff;margin-top:75px;font-weight:400}
.Content1 .bottom_con article ul.left{float:left}
.Content1 .bottom_con article ul.right{float:right}
.Content2{height:569px;background:url(/kimg/prd_details/memory/CrasII_minimalism_design_bg.jpg) no-repeat right bottom;background-size:cover;position:relative}
.Content2 ul{float:left;text-align:left;margin-top:115px}
.Content2 ul li.tit{font-size:2em;font-weight:bold;line-height:1em;letter-spacing:1px}
.Content2 ul li.text1{font-size:0.9em;line-height:1.6em;margin:45px 0;font-weight:400;color:#414141}
.Content2 ul li.text2 span{width:171px;height:112px;background:url(/kimg/prd_details/common/memory_icon_black.png) no-repeat;display:inline-block;text-align:center;padding-top:36px;color:#414141;line-height:1.2em}
.Content3{height:500px;background:#000 url(/kimg/prd_details/memory/CrasII_plm_bg.jpg) no-repeat right bottom;background-size:cover;position:relative}
.Content3 ul{float:right;text-align:right;margin-top:115px}
.Content3 ul li{color:#fff}
.Content3 ul li.tit{font-size:2em;font-weight:bold;line-height:1em;letter-spacing:1px}
.Content3 ul li.text1{font-size:0.9em;line-height:1.6em;margin:45px 0;font-weight:400}
.Content3 ul li.text2 span{width:171px;height:112px;background:url(/kimg/prd_details/common/memory_icon_white.png) no-repeat;display:inline-block;text-align:center;padding-top:36px;line-height:1.2em}
.Content4{height:500px;background:#e0e0e0 url(/kimg/prd_details/memory/CrasII_it_pattern_bg.jpg) no-repeat right bottom;background-size:cover;position:relative}
.Content4 ul{float:left;text-align:left;margin-top:115px}
.Content4 ul li.tit{font-size:2em;font-weight:bold;line-height:1em;letter-spacing:1px}
.Content4 ul li.text1{font-size:0.9em;line-height:1.6em;margin:45px 0;font-weight:400;color:#414141}
.Content4 ul li.text2 span{width:171px;height:112px;background:url(/kimg/prd_details/common/memory_icon_black.png) no-repeat;display:inline-block;text-align:center;padding-top:36px;color:#414141;line-height:1.2em}
.Content5{height:500px;background:url(/kimg/prd_details/memory/CrasII_infobox2_bg.jpg) no-repeat right center;background-size:cover}
.Content5 img.ram_img{float:left;margin-left:100px}
.Content5 ul{float:right;text-align:right;color:#fff;margin-top:115px}
.Content5 ul li.tit{font-size:2em;font-weight:bold;line-height:1em;letter-spacing:1px}
.Content5 ul li.text1{font-size:0.9em;line-height:1.6em;margin:30px 0;font-weight:400}
.Content5 ul li.text2 span{width:171px;height:112px;background:url(/kimg/prd_details/common/memory_icon_white.png) no-repeat;display:inline-block;text-align:center;padding-top:46px}
.Content6{padding:110px 0}
.Content6 .part{width:100%;display:inline-block}
.Content6 .part ul{width:50%;float:left}
.Content6 .part ul li{float:left;text-align:left}
.Content6 .part ul li.icon{width:33%;text-align:center;vertical-align:top}
.Content6 .part ul li.icon img{width:65%}
.Content6 .part ul li.tit{width:67%;font-size:1.6em;line-height:1.4em;font-weight:700;margin-bottom:15px}
.Content6 .part ul li.text{width:67%;font-size:0.9em;line-height:1.4em;font-weight:400}
.Content7{height:650px;background:url(/kimg/prd_details/memory/CrasII_content7_bg.jpg) no-repeat center center;background-size:cover;padding:100px 0}
.Content7 h3{color:#fff;font-size:2em;font-weight:bold;line-height:1em;letter-spacing:1px;margin-bottom:100px}
.Content7 ul{width:100%;display:inline-block}
.Content7 ul li{display:inline-block}
.Content7 ul.box li{width:171px;height:112px;background:url(/kimg/prd_details/common/memory_icon_white.png) no-repeat;vertical-align:top;margin:0 20px}
.Content7 ul.box li img.m_use_img{display:none}
.Content7 ul.box li span{color:#fff;line-height:1.2em}
.Content7 ul.box li.type1{padding-top:36px}
.Content7 ul.box li.type2{padding-top:13px}
.Content7 ul.logo{margin-top:100px}
.Content7 ul.logo li{vertical-align:middle;margin:0 40px}
.Content8{padding:100px 0}
.Content8 h3{font-size:2em;font-weight:normal;line-height:1em;letter-spacing:1px;margin-bottom:100px;font-family:'Anton'}
.Content8 ul.photo{width:100%;display:inline-block}
.Content8 ul.photo li{display:inline-block}
.Content8 ul.photo li.at_left{float:left}
.Content8 ul.photo li.at_right{float:right}
.Content8 ul li img{width:100%;max-width:378px}
.Content8 div.link{text-align:center;margin-top:50px}
.Content8 div.link a{margin:0 4.7%;width:25%;float:left;padding:10px 0}
.Content8 div.link a:first-child{margin-left:3.2%}
.Content8 div.link a:last-child{margin-right:0}
.Content9{background:#f0f0f0 url(/kimg/prd_details/memory/CrasII_specifications_img.png) no-repeat right center;background-size:90%;padding:80px 0}
.Content9 article{text-align:left}
.Content9 h3{font-size:1.6em;font-weight:bold;line-height:1em;letter-spacing:1px;margin-bottom:20px}
.Content9 table{width:47%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.Content9 table tr{border-bottom:1px solid #cacaca}
.Content9 table th{width:26.5%;padding:18px 0;color:#565656;font-size:0.9em;font-weight:normal;font-family:'Anton'}
.Content9 table td{padding:18px 0;color:#414141;font-size:0.9em;font-weight:400}
.Content9 table td ul li{line-height:1.8em}
.Content10{background:#f0f0f0}
.Content10 article .data{width:100%;display:inline-block;margin-bottom:40px}
.Content10 h3{font-size:1.6em;font-weight:normal;line-height:1em;letter-spacing:1px;margin-bottom:30px;text-align:left;font-family:'Anton'}
.Content10 table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.Content10 table tr{border-bottom:1px solid #cacaca}
.Content10 table th{padding:15px 0;color:#565656;font-size:0.9em;text-align:center;font-weight:normal;font-family:'Anton'}
.Content10 table td{padding:10px 0;color:#414141;font-size:0.9em;text-align:center;font-weight:400;border-right:1px solid #cacaca}
.Content10 table td.color_cell{background:#e5e5e5}
.Content10 table td.last{border-right:none}
.Content10 .btn_area{width:100%;display:inline-block;text-align:center;margin:20px 0 60px 0}
.Content10 .btn_area a{padding:22px 0;width:290px;margin:0 15px}
.Content10 .btn_area a.com_btn4{display:inline-block;background:#47a2cc;color:#fff;font-size:0.8em;border:1px solid #2d89b4}
.Content10 .btn_area a.com_btn4 img{margin-left:10px}
.Content10 .btn_area a.com_btn5{display:inline-block;background:#424242;color:#fff;font-size:0.8em;border:1px solid #343434}
.Content10 .btn_area a.com_btn5 img{margin-left:10px}
@media all and (max-width:1400px) {
    .Content2{background-position:80% bottom}
    .Content3{background-position:66% bottom}
    .Content4{background-position:55% bottom}
}
@media all and (max-width:1200px) {
    article{width:100%;padding-left:2%;padding-right:2%}
    .Content1 .bottom_con article ul li.text{margin-top:50px}
    .minimalism_design{height:500px}
    .it_pattern img.photo_img{width:50%}
    .Content6 .part ul li.tit{font-size:1.2em}
    .Content8 ul.photo li{width:33%}
    .Content8 ul.photo li img{width:100%}
    .Content9 article{background-size:50%}
    .Content10 article{background-size:40%}
    .Content10 .btn_area{margin:80px 0 80px 0}
    .Content1 .bottom_con article ul li.text br{display:none}
    .Content5 img.ram_img{margin-left:5%}
    .Content7 ul{width:100%;display:inline-block}
    .Content7 ul.logo li{margin:3% 1%;width:37%}
    .Content8 div.link a{margin:0 2%;padding: 10px 8%;float:none;width:auto}
}
@media all and (max-width:1024px){
    .Content2{background-size:165%}
    .Content2 ul li.text1{width:44%;}
    .Content2 ul li.text1 br{display:none}
    .Content5 ul{width:46%}
    .Content5 ul li.text1 br{display:none}
    .Content1 .bottom_con article ul img{width:100%}
}
@media all and (max-width:812px) {
    .Content1{height:auto}
    .Content1 .main_text ul li.text3 br{display:none}
    .Content1 .main_text ul{width:80%;margin-top:230px}
    .Content1 .bottom_con{height:auto;position:relative;left:initial;bottom:initial;margin-top:60px}
    .Content1 .bottom_con article{height:auto;background:none}
    .Content1 .bottom_con article ul{width:100%;margin:0;padding:50px 0}
    .Content1 .bottom_con article ul:first-child{background:url(/kimg/prd_details/memory/Bolt_m_bottom_con_line.gif) no-repeat center bottom}
    .Content2{height:auto;background:url(/kimg/prd_details/memory/CrasII_m_minimalism_design_bg.jpg) no-repeat right center;background-size:cover;position:relative;padding:100px 0}
    .Content2 ul{margin:0}
    .Content3{height:auto;background:#000 url(/kimg/prd_details/memory/CrasII_m_plm_bg.jpg) no-repeat left bottom;background-size:cover;position:relative;padding:100px 0}
    .Content3 ul{margin:0}
    .Content4{height:auto;background:#e0e0e0 url(/kimg/prd_details/memory/CrasII_m_it_pattern_bg.jpg) no-repeat right bottom;background-size:cover;position:relative;padding:100px 0}
    .Content4 ul{margin:0;float:right;text-align:right}
    .Content5{height:auto}
    .Content5 ul{width:100%;float:initial;text-align:center;margin-top:14%}
    .Content5 ul li.text2 span{background:url(/kimg/prd_details/common/memory_icon_white.png) no-repeat}
    .Content5 img.ram_img{float:initial;margin-left:0;display:inline-block;width:57.2%;max-width:367px}
    .Content6{padding:50px 0}
    .Content6 .part ul{width:100%;margin:25px 0}
    .Content7 ul.logo{margin-top:30px}
    .Content7 ul.logo li{width:50%;float:left;margin:40px 0}
    .Content9{background:#f0f0f0 url(/kimg/prd_details/memory/CrasII_m_specifications_img.jpg) no-repeat right center;background-size:100%;padding:80px 0}
    .Content9 table{width:100%}
    .Content10 .btn_area a{padding:15px 0}
    .Content1 .bottom_con article ul img{width:auto}
    .Content1 .bottom_con article ul li.text br{display:block}
    .Content5 ul li.text1 br{display:block}
    .Content8 div.link a{width:30%;margin:0;padding:20px 0}
}
@media all and (max-width:670px) {
    .Content7{height:auto;padding:60px 0}
    .Content7 ul.box li{width:30%;height:auto;background:none;margin:0;display:inline-block;position:relative;vertical-align:initial;}
    .Content7 ul.box li img.m_use_img{width:100%;display:block}
    .Content7 ul.box li span{width:100%;position:absolute;left:0;top:0}
    .Content7 ul.box li.type1{padding:0}
    .Content7 ul.box li.type1 span{top:34%}
    .Content7 ul.box li.type2{padding:0}
    .Content7 ul.box li.type2 span{top:19%}
    .Content8{padding-bottom:80px}
    .Content9 table{width:55%}
    .Content10 .btn_area a{width:40%}
    .Content8 div.link a:first-child{margin-left:0}
    .Content8 div.link a{width:85%;margin:1% auto;float:none}
    .Content2 ul li.text2 span,
    .Content3 ul li.text2 span,
    .Content4 ul li.text2 span,
    .Content5 ul li.text2 span{width:130px;height:94px;background-size:100%;padding-top:28px;font-size:0.8em}

}
@media all and (max-width:524px) {
    .Content1 .main_text ul{margin-top:115px}
    .Content1 .main_text ul li.logo img{width:100%}
    .Content2 ul{width:80%}
    .Content2 ul li.text1 br{display:none}
    .Content3 ul{width:93%}
    .Content3 ul li.text1 br{display:none}
    .Content4 ul{width:80%}
    .Content4 ul li.text1 br{display:none}
    .Content7 ul.box li span{font-size:0.7em}
    .Content7 ul.box li.type2 span{top:26%}
    .Content7 ul.logo li img{width:60%}
    .Content8 ul.photo li{width:100%;margin-bottom:15px}
    .Content9 article{background:none}
    .Content9 table{width:100%}
    .Content10{padding:0 0 60px 0}
    .Content10 table colgroup{display:none}
    .Content10 .btn_area{margin:0}
    .Content10 .btn_area a{width:80%;margin-bottom:10px}
    .Content2 ul li.text1{width:86%}
    .Content1 .bottom_con article ul li.text br{display:none}
}
@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}
    .Content1 .bottom_con article ul li img{width:80%}
    .Content1 .bottom_con article ul li.text{margin-top:20px}
    .Content1 .bottom_con article ul li.text br{display:none}
    .Content2{background-position:10% center}
    .Content2 ul li.tit{font-size:1.4em;line-height:1.4em}
    .Content2 ul li.text1{font-size:0.8em}
    .Content3 ul li.tit{font-size:1.4em;line-height:1.4em}
    .Content3 ul li.text1{font-size:0.8em}
    .Content4 ul li.tit{font-size:1.4em;line-height:1.4em}
    .Content4 ul li.text1{font-size:0.8em}
    .Content5 ul li.tit{font-size:1.6em;line-height:1.4em}
    .Content5 ul li.text1{font-size:0.8em}
    .Content5 ul li.text1 br{display:none}
    .Content6 .part ul li.tit{font-size:1em}
    .Content6 .part ul li.text{font-size:0.8em}
    .Content7 ul.box li.type2 span{top:19%}
    .Content7 h3{font-size:1.6em;line-height:1.2em;margin-bottom:50px}
    .Content7 ul.logo li{margin:20px 0}
    .Content8{padding-bottom:30px}
    .Content8 h3{font-size:1.6em;line-height:1.2em;margin-bottom:50px}
    .Content8 div.link{margin-top:25px}
    .Content8 div.link a{width:80%;margin-bottom:10px;padding:15px 0}
    .Content9 table th{font-size:0.7em}
    .Content9 table td{font-size:0.7em}
    .Content10 table th{font-size:0.7em} 
    .Content10 table td{font-size:0.7em}
    .Content10 table td span{margin:0 3px}
    .Content1 .main_text ul{width:93%}
    .Content2 ul li.text1{width:100%}
    .Content7 ul.box li.type1 span{letter-spacing:-1px}
}
@media all and (max-width:340px) {
    .Content1 .main_text ul{margin-top:130px}
    .Content1 .main_text ul li.text1{font-size:1.1em}
    .Content1 .main_text ul li.text2{font-size:1em;color:#cdcdcd}
    .Content1 .main_text ul li.text3{font-size:0.8em}
    .Content1 .bottom_con article ul li.text{font-size:0.8em}
    .Content5{padding-bottom:30px}
    .Content5 ul{margin-top:50px}
    .Content5 ul li.tit{font-size:1.2em}
    .Content5 ul li.text1{font-size:0.7em}
    .Content5 ul li.text1 br{display:none}
    .Content5 ul li.text2 span{width:120px;height:79px;background-size:100% 100%;padding-top:20px;font-size:0.8em}
    .Content6 .part ul li.text{float:right}
    .Content7{padding:30px 0}
    .Content7 ul.box li span{font-size:0.5em}
    .Content7 ul.box li.type2 span{top:10%}
    .Content9 h3{font-size:1.2em}
    .Content10 h3{font-size:1.2em}
    .Content10 .btn_area a{padding:15px 0}
}