/*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 23px;color:#fff;font-size:0.8em;width:100%;text-align:left;margin-bottom:10px}
a.com_btn2 img{float:right;margin-top:3px}
a.com_btn2.btn0{background:#222}
a.com_btn2.btn1{background:#444}
a.com_btn2.btn2{background:#47a2cc}
a.com_btn2.btn3{background:#47becc}
a.com_btn2.btn4{background:#6fb3bb}
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:25px 0 30px 0}
.Content1 .text2{line-height:1.4em;font-weight:300}
.Content1 img.main_img{position:relative;margin-top:-90px}
.Content1 img.mo_img{display:none}
.Content2{padding:60px 0 80px 0;background:url(/kimg/prd_details/memory/CrasXRGB_Content2_bg.jpg) no-repeat right bottom;background-size:cover}
.Content2 h2{margin-bottom:50px}
.Content2 .text_box{text-align:left;font-size:0.9em;line-height:1.6em;font-weight:300;color:#fff;margin-bottom:40px}
.Content2 .text_box2{text-align:left;font-size:0.9em;line-height:1.6em;font-weight:300;color:#fff}
.Content2 .text_box2 h3{font-size:2em;font-family:'Anton';font-weight:normal;line-height:1em;letter-spacing:1px;width:100%;display:inline-block}
.Content2 .text_box2 h3 span{padding-top:40px;border-top:5px solid #fff;display:inline-block;font-family:'Anton'}
.Content2 .text_box2 ul{margin-top:40px}
.Content2 .text_box2 ul li{display:inline-block;font-size:0.9em;font-weight:300;line-height:1.4em;text-align:center;vertical-align:top}
.Content2 .text_box2 ul li span{width:100%;display:inline-block}
.Content3{background:url(/kimg/prd_details/memory/CrasXRGB_Content3_bg.jpg) no-repeat left center;background-size:cover}
.Content3 li{color:#fff}
.Content3 li.text1{font-size:2em;font-family:'Anton';font-weight:normal;line-height:1.46em;letter-spacing:1px}
.Content3 li.text2{font-size:0.9em;line-height:1.6em;margin:40px 0 100px 0;font-weight:300}
.Content3 ul.t_area1{margin-top:180px;text-align:left}
.Content3 ul.t_area2{float:right;text-align:right}
.Content4{background:url(/kimg/prd_details/memory/CrasXRGB_Content4_bg.jpg) no-repeat left center;background-size:cover;padding:80px 0}
.Content4 ul li{color:#fff;text-align:right}
.Content4 ul li.text1{font-size:2em;font-family:'Anton';font-weight:normal;line-height:1.4em;letter-spacing:1px}
.Content4 ul li.text2{font-size:0.9em;line-height:1.6em;margin:25px 0 50px 0;font-weight:300}
.Content4 ul li img.mobile{display:none}
.Content4 div.btn{width:290px;float:right;margin-top:50px}
.Content5{height:1000px;background:url(/kimg/prd_details/memory/CrassXRGB_infobox_bg.jpg) no-repeat center center;background-size:cover;padding-top:115px}
.Content5 ul{width:100%;display:inline-block}
.Content5 ul li{display:inline-block}
.Content5 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}
.Content5 ul.box li img.m_use_img{display:none}
.Content5 ul.box li span{color:#fff;line-height:1.2em}
.Content5 ul.box li.type1{padding-top:36px}
.Content5 ul.box li.type2{padding-top:13px}
.Content5 ul.text{margin-top:60px}
.Content5 ul.text li{color:#fff;font-size:0.9em;line-height:1.5em}
.Content5 ul.logo{margin-top:60px}
.Content5 ul.logo li{vertical-align:middle;margin:0 40px}
.Content5 iframe{width:100%;height:480px;margin-top:100px}
.Content6{padding:90px 0 100px}
.Content6 li.text{color:#343434;font-size:0.9em}
.Content6 li.icon{margin:60px 0}
.Content6 ul:nth-child(2){width:100%;display:inline-block}
.Content6 ul:nth-child(2) li{display:inline-block;width:33%}
.Content6 ul:nth-child(2) li.at_left{float:left}
.Content6 ul:nth-child(2) li.at_right{float:right}
.Content6 ul:nth-child(2) li img{width:100%;max-width:378px}
.Content7{background:#f0f0f0 url(/kimg/prd_details/memory/CrasXRGB_photo8.png) no-repeat 79% 42%;padding:70px 0;background-size:41%}
.Content7 .specifications{text-align:left}
.Content7 .specifications h3{font-size:1.6em;font-weight:700;line-height:1em;letter-spacing:1px;margin-bottom:20px}
.Content7 .specifications table{width:45.5%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.Content7 .specifications table tr{border-bottom:1px solid #cacaca}
.Content7 .specifications table th{width:26.5%;padding:18px 0;color:#565656;font-size:0.9em;font-weight:700}
.Content7 .specifications table td{padding:18px 0;color:#414141;font-size:0.9em;font-weight:300}
.Content7 .ordering_info{padding:70px 0 100px 0;text-align:left}
.Content7 .ordering_info h3{font-size:1.6em;font-weight:700;line-height:1em;letter-spacing:1px;margin-bottom:15px}
.Content7 .ordering_info table{width:59.6%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.Content7 .ordering_info table tr{border-bottom:1px solid #cacaca}
.Content7 .ordering_info table th{padding:15px 0;color:#565656;font-size:0.9em;text-align:center;font-weight:700}
.Content7 .ordering_info table td{padding:10px 0;color:#414141;font-size:0.9em;text-align:center;font-weight:300;border-right:1px solid #cacaca}
.Content7 .ordering_info table td.bg_chg{background:#e5e5e5}
.Content7 .ordering_info table td.br_none{border-right:none}
@media all and (max-width:1400px) {
    .Content7{background-position:93% 48%;background-size:50%}
}
@media all and (max-width:1200px) {
    article{width:100%;padding-left:2%;padding-right:2%}
    .Content1 article > img{width:100%}
    .Content7 .ordering_info{padding:70px 2% 100px 2%}
    .Content5 ul.logo,
    .Content5 iframe{margin-top:5%}
    .Content5 ul.logo li{margin:3% 1%;width:37%}
}
@media all and (max-width:1024px) {
    .Content2{background-position:89% bottom}
    .Content2 h2 img{width:70%}
    .Content2 article{padding:0 2%}
    .Content3{background: url(/kimg/prd_details/memory/CrasXRGB_Content3_bg.jpg) no-repeat center center;background-size:cover;margin-top:-1px}
    .Content3 article{padding:0 2%}
}
@media all and (max-width:812px) {
    .Content2{padding:60px 0 170px 0;background:url(/kimg/prd_details/memory/CrasXRGB_m_Content2_bg.jpg) no-repeat right bottom;background-size:cover}
    .Content2 article{padding:0 2%}
    .Content2 h2 img{width:95%}
    .Content3{background:url(/kimg/prd_details/memory/CrasXRGB_m_Content3_bg.jpg) no-repeat center center;background-size:cover}
    .Content3 ul{width:100%;display:inline-block}
    .Content3 li{color:#fff;text-align:center}
    .Content3 li.text2{margin:40px 0 0 0}
    .Content3 ul.t_area1{margin:100px 0;text-align:initial}
    .Content3 ul.t_area2{margin:100px 0;float:initial;text-align:initial}
    .Content4{padding:80px 0 500px 0;background:url(/kimg/prd_details/memory/CrasXRGB_m_Content4_bg.jpg) no-repeat center bottom;background-size:cover}
    .Content4 ul{width:100%;text-align:center;margin-top:0}
    .Content4 ul li{text-align:center}
    .Content4 ul li.text2 br{display:block;margin-top:2%}
    .Content4 ul li img.mobile{display:inline-block}
    .Content4 ul li img.pc{display:none}
    .Content4 div.btn{float:initial;margin-top:50px;display:inline-block}
    .Content4 div.btn a{width:100%;margin-bottom:10px;padding:15px 5%}
    .Content5 ul.logo{margin-top:30px}
    .Content5 ul.logo li{width:50%;float:left;margin:40px 0}
    .Content5 ul.text{margin-top:30px}
    .Content5 ul.text li br{display:none}
    .Content5 iframe{margin-top:40px}
    .Content7{background:#f0f0f0 url(/kimg/prd_details/memory/CRASXRGB_m_photo8.jpg) no-repeat center -31%;background-size:100%;padding:70px 0 0 0}
    .Content7 .specifications table{width:100%}
    .Content7 .ordering_info table{width:100%}
     div.btn a{margin-bottom:50px}
}
@media all and (max-width:670px) {
    .Content1 .logo img{width:90%}
    .Content1 .text2 br{display:none}
    .Content1 article{padding:0}
    .Content1 img.main_img{display:none}
    .Content1 img.mo_img{display:block}
    .Content1 ul{margin:100px 0 0 0}
    .Content2 .text_box br{display:none}
    .Content2 .text_box2 ul{width:51%}
    .Content2 .text_box2 ul li{width:25%;margin-bottom:20px}
    .Content5{height:auto;padding:60px 0}
    .Content5 ul.box li{width:30%;height:auto;background:none;margin:0;display:inline-block;position:relative;vertical-align:initial}
    .Content5 ul.box li img.m_use_img{width:100%;display:block}
    .Content5 ul.box li span{width:100%;position:absolute;left:0;top:0}
    .Content5 ul.box li.type1{padding:0}
    .Content5 ul.box li.type1 span{top:34%}
    .Content5 ul.box li.type2{padding:0}
    .Content5 ul.box li.type2 span{top:19%}
    .Content5 iframe{height:360px}
    div.btn a{width:40%;padding:15px 0}
    .Content7{background-position:center -2%;background-size:100%}
}
@media all and (max-width:540px) {
    .Content1 .text2{font-size:0.9em}
    .Content1 img.main_img{margin-top:-45px}
    .Content2{padding:60px 0 100px 0;background-position:21% bottom}
    .Content2 .text_box2 ul{width:75%}
    .Content2 .text_box2 ul li{margin-bottom:20px;width:25%}
    .Content4 ul.top_text li.text2 br{display:none}
    .Content5 ul.box li span{font-size:0.7em}
    .Content5 ul.box li.type2 span{top:26%}
    .Content5 ul.box li.type1 span{top:35%}
    .Content5 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:0.8em}
    .Content1 .text2 br{display:none}
    .Content2 .text_box{font-size:0.8em}
    .Content2 .text_box br{display:none}
    .Content2 .text_box2 h3{font-size:1.6em}
    .Content2 .text_box2 ul li span{font-size:0.8em;line-height:1.2em}
    .Content3{padding:0}
    .Content3 li.text1{font-size:1.6em;line-height:1.4em}
    .Content3 li.text2{font-size:0.8em}
    .Content3 li.text2 br{display:none}
    .Content4{padding:100px 0 350px 0}
    .Content4 ul li.text1{font-size:1.6em;line-height:1.4em}
    .Content4 ul li.text2{font-size:0.8em}
    .Content4 ul li.text2 br{display:none}
    .Content4 ul li img.mobile{width:57%}
    .Content5 ul.box li.type2 span{top:19%}
    .Content5 ul.logo li{margin:20px 0}
    .Content5 iframe{height:260px}
    .Content7 .specifications h3{font-size:1.2em}
    .Content7 .specifications table th{font-size:0.8em} 
    .Content7 .specifications table td{font-size:0.8em}
    .Content7 .ordering_info{padding:50px 2%} 
    .Content7 .ordering_info h3{font-size:1.2em}
    .Content7 .ordering_info table colgroup{display:none}
    .Content7 .ordering_info table th{font-size:0.8em}
    .Content7 .ordering_info table td{font-size:0.8em}
    .Content7{background-position:center 7%;background-size:114%}
}
@media all and (max-width:340px) {
    .Content1 .text1{font-size:1em}
    .Content1 .text2{font-size:0.8em}
    .Content3 li.text1{font-size:1.2em}
    .Content4 ul{margin-top:30px}
    .Content4 ul li.text1{font-size:1.2em}
    .Content4 ul li img.mobile{width:80%}
    .Content4 div.btn a{font-size:0.7em}
    .Content5{padding:30px 0}
    .Content5 ul.box li span{font-size:0.5em}
    .Content5 ul.box li.type2 span{top:10%}
    .Content5 iframe{height:200px}
    .Content7{background-position:center 11%}
    .Content7 .specifications table th,
    .Content7 .specifications table td,
    .Content7 .ordering_info table th,
    .Content7 .ordering_info table td{font-size:0.5em}
}