/*Common*/
body{color:#343434;font-size:1em;line-height:1em}
a.com_btn1{display:inline-block;padding:22px 0;background:#47a2cc;border:1px solid #2d89b4;color:#fff;font-size:0.8em;width:290px;text-align:center;margin:0 15px}
a.com_btn1_2{display:inline-block;padding:22px 0;background:#424242;border:1px solid #343434;color:#fff;font-size:0.8em;width:290px;text-align:center;margin:0 15px}
a.com_btn1 img{margin-left:10px}
a.com_btn1_2 img{margin-left:10px}
a.com_btn2{display:block;padding:10px 0;color:#fff;font-size:0.8em;width:290px;text-align:center;margin-bottom:10px}
a.com_btn2 img{margin-left:10px}
a.com_btn2.btn1{background:#444}
a.com_btn2.btn2{background:#47a2cc}
a.com_btn2.btn3{background:#47becc}
section{width:100%;display:inline-block}
article{width:1200px;display:inline-block}
.Content1 ul{margin:100px 0 30px 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}
.Content1 .text3{line-height:1.4em;font-weight:300}
.Content2{height:625px;background:url(/kimg/prd_details/memory/CrasIIRGB_img_down_bg.jpg) no-repeat right center;background-size:cover}
.Content2 ul{text-align:left;margin-top:190px}
.Content2 li{color:#fff}
.Content2 li.text1{font-size:2em;font-weight:700;line-height:1em;letter-spacing:1px;text-shadow:2px 2px 3px #000}
.Content2 li.text2{font-size:0.9em;line-height:1.6em;margin:40px 0 60px 0;font-weight:300}
.Content3{background:url(/kimg/prd_details/memory/CrasIIRGB_sheet_down_bg.jpg) no-repeat center center;background-size:cover;padding:70px 0}
.Content3 ul.top_text{width:50%;float:left;text-align:left;margin-top:100px}
.Content3 ul.top_text li{color:#fff}
.Content3 ul.top_text li.text1{font-size:2em;font-weight:700;line-height:1.4em}
.Content3 ul.top_text li.text2{font-size:0.9em;line-height:1.6em;margin-bottom:80px;font-weight:300}
.Content3 ul.top_text li.text3{font-size:0.9em;color:#bebebe;font-weight:300;margin-top:20px}
.Content3 .box{width:50%;display:inline-block;float:right}
.Content3 .box ul{width:100%;float:left}
.Content3 .box ul li{width:100%;display:inline-block;margin:15px 0}
.Content3 .box ul li img.logo_img{width:100%;max-width:450px}
.Content3 .box ul li div{width:100px;display:inline-block}
.Content3 .box ul li div span{width:100%;display:inline-block;font-size:0.8em;color:#fff;font-weight:500}
.Content3 .box ul.icon li div{width:auto;margin:0 3px}
.Content4{padding:55px 0 95px 0}
.Content4 .box{width:100%;display:inline-block;background:url(/kimg/prd_details/memory/CrasIIRGB_line.gif) repeat-y center center;}
.Content4 .box ul.left{float:left}
.Content4 .box ul.right{float:right}
.Content4 .box ul li{margin-bottom:45px;font-size:0.9em;line-height:1.4em;font-weight:300}
.Content4 ul.photo{width:100%;display:inline-block;margin-top:50px}
.Content4 ul.photo li{display:inline-block}
.Content4 ul.photo li.at_left{float:left}
.Content4 ul.photo li.at_right{float:right}
.Content4 ul li img{width:100%;max-width:378px}
.Content5{height:500px;background:url(/kimg/prd_details/memory/CrasIIRGB_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:700;line-height:1em;letter-spacing:1px}
.Content5 ul li.text1{font-size:0.9em;line-height:1.6em;margin:30px 0;font-weight:300}
.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:38px;line-height:1.2em}
.Content6{padding:70px 0 30px 0}
.Content6 .part{width:100%;display:inline-block;margin-bottom:80px}
.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:300}
.Content7{height:1174px;background:url(/kimg/prd_details/memory/CrasIIRGB_infobox4_bg.jpg) no-repeat right center;background-size:cover;padding-top:215px}
.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}
.Content7 iframe{width:100%;height:480px;margin-top:100px}
.Content8{background:#f0f0f0 url(/kimg/prd_details/memory/CrasIIRGB_photo8.jpg) no-repeat right center;padding:70px 0 50px 0;background-size:40%}
.Content8 .specifications{text-align:left}
.Content8 .specifications h3{font-size:1.6em;font-weight:700;line-height:1em;letter-spacing:1px;margin-bottom:20px}
.Content8 .specifications table{width:70%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.Content8 .specifications table tr{border-bottom:1px solid #cacaca}
.Content8 .specifications table th{width:26.5%;padding:18px 0;color:#565656;font-size:0.9em;font-family:'Anton';font-weight:normal}
.Content8 .specifications table td{padding:18px 0;color:#414141;font-size:0.9em;font-weight:300}
.Content8 .ordering_info{padding:70px 0 100px 0;text-align:left}
.Content8 .ordering_info h3{font-size:1.6em;font-weight:700;line-height:1em;letter-spacing:1px;margin-bottom:15px}
.Content8 .ordering_info table{width:70%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.Content8 .ordering_info table tr{border-bottom:1px solid #cacaca}
.Content8 .ordering_info table th{padding:15px 0;color:#565656;font-size:0.9em;text-align:center;font-weight:normal}
.Content8 .ordering_info table td{padding:10px 0;color:#414141;font-size:0.9em;text-align:center;background:#e5e5e5;font-weight:300}
.GotoEssencore ul li a div.text{line-height:1.2em}
@media all and (max-width:1200px) {
    article{width:100%;padding-left:2%;padding-right:2%}
    .Content4 .box ul{width:45%;display:inline-block}
    .Content4 .box ul.left{float:initial}
    .Content4 .box ul.right{float:initial}
    .Content8 .ordering_info{padding:70px 2% 100px 2%}
    .Content3 .box ul li div{margin-bottom:4%}
    .Content4 ul.photo li{width:32%}
    .Content4 ul.photo li img{width:100%}
    .Content1 article > img{width:100%}
    .Content7 ul.logo,
    .Content7 iframe{margin-top:5%}
    .Content7 ul.logo li{margin:3% 1%;width:37%}

}
@media all and (max-width:1024px) {
    .Content1 article > img{width:100%}
    .Content3 ul.top_text li.text2 br{display:none;}
    .Content5 img.ram_img{margin-left:3%}
    .Content5 ul{width:45%}
    .Content5 ul li.text1 br{display:none}
}
@media all and (max-width:812px) {
    .Content2{height:auto}
    .Content2 ul{margin:80px 0}
    .Content3{height:auto}
    .Content3 ul.top_text{width:100%;text-align:center;margin-top:0}
    .Content3 .box{width:100%;padding-top:0}
    .Content3 .box ul{width:100%;padding-bottom:50px}
    .Content3 ul.top_text li.btn{text-align:center}
    .Content3 ul.top_text li.btn a{margin:0 auto 10px auto}
    .Content4 .box{background:none} 
    .Content4 .box ul{width:100%}
    .Content4 .box ul:first-child{background:url(/kimg/prd_details/memory/CrasIIRGB_m_line2.gif) no-repeat center bottom}
    .Content5{height:auto}
    .Content5 ul{width:100%;float:initial;text-align:center;margin-top:14%}
    .Content5 ul li.text2 span{color:#fff}
    .Content5 img.ram_img{float:initial;margin-left:0;display:inline-block;width:57.2%;max-width:367px}
    .Content6 .part{margin:0}
    .Content6 .part ul{width:100%;margin-bottom:40px}
    .Content6 .part ul li.icon img{width:55%}
    .Content7 ul.logo{margin-top:30px}
    .Content7 ul.logo li{width:50%;float:left;margin:40px 0}
    .Content7 iframe{margin-top:40px}
    .Content8{background:#f0f0f0 url(/kimg/prd_details/memory/CrasIIRGB_m_photo8.jpg) no-repeat center center;background-size:cover;padding:70px 0 0 0}
    .Content8 .specifications table{width:100%}
    .Content8 .ordering_info table{width:100%}
    div.btn a{margin-bottom:50px}
    .Content3 .box ul li div{margin-bottom:0}
    .Content5 ul li.text1 br,
    .Content3 ul.top_text li.text2 br{display:block}
}
@media all and (max-width:670px) {
    .Content1 .logo img{width:90%}
    .Content2{padding:100px 0;background:url(/kimg/prd_details/memory/CrasIIRGB_img_down_bg.jpg) no-repeat center bottom}
    .Content4 .box ul{padding-bottom:50px}
    .Content4 .box ul li{margin-bottom:0}
    .Content4 .box ul li img{width:75%}
    .Content4 ul.photo{margin-top:0}
    .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%}
    .Content7 iframe{height:360px}
    div.btn a{width:40%;padding:15px 0}
    .Content2 li.text2 br,
    .Content3 ul.top_text li.text2 br{display:none}
}
@media all and (max-width:540px) {
    .Content3 .box ul li div{width:18%;vertical-align:top}
    .Content3 .box ul li div img{width:50%}
    .Content3 .box ul li div span{font-size:0.6em}
    .Content3 .box ul.icon li div{width:18%;margin:0;vertical-align:top}
    .Content3 .box ul.icon li div img{width:80%}
    .Content7 ul.box li span{font-size:0.7em}
    .Content7 ul.box li.type2 span{top:26%}
    .Content7 ul.logo li img{width:60%}
     div.btn{margin-bottom:30px}
     div.btn a{width:80%;margin-bottom:15px}
}
@media all and (max-width:480px) {
    a.com_btn1{margin-top:10px}
    .Content1 .text1{font-size:1.4em}
    .Content1 .text2{font-size:1.2em;margin:25px 0;text-align:center}
    .Content1 .text3{font-size:0.8em}
    .Content1 .text3 br{display:none}
    .Content2{padding:0}
    .Content2 li.text1{font-size:1.6em;line-height:1.4em}
    .Content2 li.text2{font-size:0.8em}
    .Content2 li.text2 br{display:none}
    .Content3 ul.top_text li.text1{font-size:1.6em;line-height:1.4em}
    .Content3 ul.top_text li.text2{font-size:0.8em}
    .Content3 ul.top_text li.text2 br{display:none}
    .Content4{padding:50px 0}
    .Content4 .box ul li{font-size:0.8em}
    .Content4 .box ul li br{display:none}
    .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;float:right}
    .Content7 ul.box li.type2 span{top:19%}
    .Content7 ul.logo li{margin:20px 0}
    .Content7 iframe{height:260px}
    .Content8 .specifications h3{font-size:1.2em}
    .Content8 .specifications table th{font-size:0.8em} 
    .Content8 .specifications table td{font-size:0.8em}
    .Content8 .ordering_info{padding:50px 2%} 
    .Content8 .ordering_info h3{font-size:1.2em}
    .Content8 .ordering_info table colgroup{display:none}
    .Content8 .ordering_info table th{font-size:0.8em}
    .Content8 .ordering_info table td{font-size:0.8em}
}
@media all and (max-width:340px) {
    .Content1 .text1{font-size:1em}
    .Content1 .text2{font-size:1em;margin:0 0 10px 0}
    .Content1 .text3{font-size:0.8em}
    .Content2 li.text1{font-size:1.2em}
    .Content3 ul.top_text{margin-top:30px}
    .Content3 ul.top_text li.text1{font-size:1.2em}
    .Content3 .box{margin-top:20px} 
    .Content4 .box ul li{font-size:0.7em}
    .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:26px;font-size:0.7em}
    .Content6 .part ul li.tit{font-size:0.8em}
    .Content6 .part ul li.text{font-size:0.7em}
    .Content7{padding:30px 0}
    .Content7 ul.box li span{font-size:0.5em}
    .Content7 ul.box li.type2 span{top:10%}
    .Content7 iframe{height:200px}
    .Content8{background-size:90%}
    .Content8 .specifications table th,
    .Content8 .specifications table td,
    .Content8 .ordering_info table th,
    .Content8 .ordering_info table td{font-size:0.5em}
    .Content7 ul.box li.type1 span{top:33%}
}