﻿/*Common*/
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 */
.Content1{height:900px;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content1_bg.jpg) no-repeat center;background-size:cover;position:relative}
.Content1 ul{margin-top:100px}
.Content1 .logo{margin-bottom:60px}
.Content1 .prd_img{margin-top:100px}
.Content1 .text1{font-size:28px;color:#fff;font-weight:400}
/* content2 */
.Content2{padding:136px 0 40px;background:url(/kimg/prd_details/memory/key_feature_bg.jpg) no-repeat top center;line-height:normal}
.Content2 article h3{font-size:42px;font-weight:500;line-height:1;margin-bottom:80px;}
.Content2 article ul{display:inline-block;width:100%}
.Content2 article li{display:inline-block;width:33%;height:267px;text-align:center;vertical-align:top;}
.Content2 article li i{height:6px;width:56px;background:#47a2cc;display:block;margin:auto;margin-bottom:24px}
.Content2 article li span{display:block;font-size:28px;line-height:1.2;font-weight:500;margin-bottom:16px}
.Content2 article li p br.mo{display:none}
.Content2 article li p{color:#505050;font-size:16px;line-height:1.4;font-weight: 300}
/* content3 */
.Content3{height:580px;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content3_bg.jpg) no-repeat center center;background-size:cover}
.Content3 article h3 br.mo{display:none}
.Content3 article h3{font-size:42px;font-weight:500;line-height:1.2;margin-bottom:38px;color:#fff;text-align:left;margin-top:190px}
.Content3 article span.text{font-size:18px;line-height:1.4;margin:30px 0 72px 0;color:#bababa;text-align:left;display:block;font-weight: 400}
.Content3 article span.text br.mo{display:none}
.Content3 .prd_img{position:absolute;right:15%;top:18%;max-width:461px}
/*content4*/
.Content4{height:630px;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content4_bg.jpg) no-repeat center center;background-size:cover}
.Content4 ul.t_area1{margin-top:145px}
.Content4 li{text-align:right}
.Content4 li.text1{font-size:42px;font-weight:500;line-height:1.2;color:#fff;}
.Content4 li.text1 br.mo{display:none}
.Content4 li.text2{font-size:18px;line-height:1.4;margin:30px 0 45px 0;font-weight:400;color:#bababa}
.Content4 li.text2 br.mo{display:none}
.Content4 ul.t_area2{text-align:right}
.Content4 ul.t_area2 li{text-align:left;vertical-align:top;position:relative;display:inline-block;margin-left:25px}
.Content4 ul.t_area2 li span{width:135px;font-size:28px;color:#fff;padding-bottom:15px;position:relative;display:inline-block;line-height:1;margin-bottom:10px}
.Content4 ul.t_area2 li span::after{content:'';width:100%;height:2px;background:#00d7e2;position:absolute;left:0;bottom:0}
.Content4 ul.t_area2 li div{position:relative;height:36px;width:100%}
.Content4 ul.t_area2 li div i{vertical-align:middle;line-height:1;color:#00d7e2;font-size:16px;font-weight:500;font-style:normal}
.Content4 ul.t_area2 li div i{position:absolute;top:50%;transform:translateY(-50%)}
.Content4 ul.t_area2 li div i:first-child{left:0}
.Content4 ul.t_area2 li div i:last-child{right:0}
.Content4 .prd_img{display:none}
/* content5 */
.Content5{height:580px;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content5_bg.jpg) no-repeat center center;background-size:cover}
.Content5 article h3 br.mo{display:none}
.Content5 article h3{font-size:42px;font-weight:500;line-height:1.2;margin-bottom:38px;color:#101010;text-align:left;margin-top:190px}
.Content5 article span.text{font-size:18px;line-height:1.4;margin:30px 0 72px 0;color:#505050;text-align:left;display:block;font-weight: 400}
.Content5 article span.text br.mo{display:none}
.Content5 .prd_img{display:none}
/*content6*/
.Content6{background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content6_bg.jpg) no-repeat center center;background-size:cover;padding-top:110px}
.Content6 article{height:740px;position:relative}
.Content6 ul.t_area1{text-align:left}
.Content6 ul.t_area1 li.text1{font-size:42px;font-weight:500;line-height:1.2;color:#fff}
.Content6 ul.t_area1 li.text1 br.mo{display:none}
.Content6 ul.t_area1 li.text2{font-size:18px;line-height:1.4;margin:30px 0 0 0;font-weight:400;color:#bababa}
.Content6 ul.t_area1 li.text2 br.mo{display:none}
.Content6 ul.t_area1.posA{position:absolute;right:0;bottom:85px;text-align:right}
.Content6 ul.t_area2{text-align:left;margin-top:40px}
.Content6 ul.t_area2 img{vertical-align:middle}
.Content6 ul.t_area2 div{display:inline-block;vertical-align:middle;margin-left:35px;font-weight:400}
.Content6 ul.t_area2 div i{font-size:18px;font-style:normal}
.Content6 ul.t_area2 div span{display:block;font-size:16px;margin-top:5px;line-height:1.2}
.Content6 ul.t_area2 li:first-child{color:#00d7e2;margin-bottom:15px}
.Content6 ul.t_area2 li:last-child{color:#bababa}
/*content7*/
.Content7{background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content7_bg.jpg) no-repeat center center;background-size:cover}
.Content7 article{height:580px;position:relative}
.Content7 article .text1{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.Content7 article h3 br.mo{display:none}
.Content7 article h3{font-size:42px;font-weight:500;line-height:1.2;margin-bottom:38px;color:#fff;text-align:left}
.Content7 article span.text{font-size:18px;line-height:1.4;margin:30px 0 72px 0;color:#bababa;text-align:left;display:block;font-weight: 400}
.Content7 article span.text br.mo{display:none}
.Content7 article .text2{position:absolute;right:-160px;top:50%;transform:translateY(-50%);text-align:left}
.Content7 article .text2 li span{color:#fff;display:block;font-size:16px;line-height:1.4;font-weight:300}
.Content7 article .text2 li:first-child{margin-bottom:40px}
.Content7 article .text2 li div{position:relative}
.Content7 article .text2 li i{font-size:16px;color:#fff;font-weight:700;font-style:normal;position:absolute;top:50%;transform:translateY(-50%);left:32px;line-height:1;text-shadow:1px 1px 3px rgba(0,0,0,0.3)}
/* content8 */
.Content8{height:580px;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content8_bg.jpg) no-repeat center center;background-size:cover}
.Content8 article h3 br.mo{display:none}
.Content8 article h3{font-size:42px;font-weight:500;line-height:1.2;margin-bottom:38px;color:#101010;text-align:right;margin-top:165px}
.Content8 article span.text{font-size:18px;line-height:1.4;margin:30px 0 72px 0;color:#505050;text-align:right;display:block;font-weight: 400}
.Content8 article span.text br.mo{display:none}
.Content8 .prd_img{display:none}
/*content9*/
.Content9{height:580px;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content9_bg.jpg) no-repeat center center;background-size:cover}
.Content9 article h3 br.mo{display:none}
.Content9 article h3{font-size:42px;font-weight:500;line-height:1.2;margin-bottom:38px;color:#fff;text-align:left;margin-top:190px}
.Content9 article span.text{font-size:18px;line-height:1.4;margin:30px 0 72px 0;color:#bababa;text-align:left;display:block;font-weight: 400}
.Content9 article span.text br.mo{display:none}
.Content9 .prd_img{display:none}
/* content10 */
.Content10{height:580px;background:#fff;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content10_prd.png) no-repeat 5% center;}
.Content10 article h3 br.mo{display:none}
.Content10 article h3{font-size:42px;font-weight:500;line-height:1.2;margin-bottom:38px;color:#101010;text-align:right;margin-top:190px}
.Content10 article span.text{font-size:18px;line-height:1.4;margin:30px 0 72px 0;color:#505050;text-align:right;display:block;font-weight: 400}
.Content10 article span.text br.mo{display:none}
.Content10 .prd_img{display:none}
.Content10 .prd_img.mo{display:none}
/*content11*/
.Content11{height:580px;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content11_bg.jpg) no-repeat center center;background-size:cover}
.Content11 article h3 br.mo{display:none}
.Content11 article h3{font-size:42px;font-weight:500;line-height:1.2;margin-bottom:38px;color:#fff;text-align:left;margin-top:190px}
.Content11 article span.text{font-size:18px;line-height:1.4;margin:30px 0 72px 0;color:#bababa;text-align:left;display:block;font-weight: 400}
.Content11 article span.text br.mo{display:none}
.Content11 .prd_img{display:none}
.Content11 .prd_img.mo{display:none}
/*content12*/
.Content12{padding:100px 0;background:#141b23}
.Content12 br.mo{display:none}
.Content12 h3{font-size:42px;font-weight:500;line-height:1.2;margin-bottom:30px;color:#fff;text-align:center}
.Content12 span{font-size:18px;line-height:1.4;color:#bababa;text-align:center;display:block;font-weight: 400}
.Content12 span br.mo{display:none}
.Content12 div{margin-top:60px}
/*content13*/
.Content13{background:#f0f0f0 url(/kimg/prd_details/memory/Klevv_SO_DIMM_content13_prd.png) no-repeat 84% 27%;padding:120px 0}
.Content13 .specifications{text-align:left}
.Content13 .specifications h3{font-size:1.6em;font-weight:500;line-height:1em;letter-spacing:1px;margin-bottom:20px;color:#343434}
.Content13 .specifications table{width:48%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.Content13 .specifications table tr{border-bottom:1px solid #cacaca}
.Content13 .specifications table th{width:26.5%;padding:18px 0;color:#565656;font-size:0.9em;font-weight:500}
.Content13 .specifications table td{padding:18px 0;color:#414141;font-size:0.9em;font-weight:300;line-height:1.2em}
.Content13 .specifications table td li:first-child{margin-bottom:10px}
.Content13 .specifications table td.has_line{text-align:center;border-right:1px solid #cacaca}
.Content13 .specifications table td.has_line.last{border-right:none}
.Content13 .ordering_info{padding:70px 0 100px 0;text-align:left}
.Content13 .ordering_info h3{font-size:1.6em;font-weight:500;line-height:1em;letter-spacing:1px;margin-bottom:15px;color:#343434}
.Content13 .ordering_info table{width:50%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.Content13 .ordering_info table tr{border-bottom:1px solid #cacaca}
.Content13 .ordering_info table th{padding:15px 0;color:#565656;font-size:0.9em;text-align:center;font-weight:500}
.Content13 .ordering_info table td{padding:10px 0;color:#414141;font-size:0.9em;text-align:center;font-weight:300;border-right:1px solid #cacaca}
.Content13 .ordering_info table td.bg_chg{background:#e5e5e5}
.Content13 .ordering_info table td.br_none{border-right:none}
.Content13 .specifications span.ref{margin-top:20px;display:block;font-size:0.9em;margin:5px 0;width:50%;letter-spacing:-0.5px}
.Content13 .specifications span.ref .red_star{color:#ff1313;vertical-align:middle}

@media all and (max-width:1500px) {

}
@media all and (max-width:1400px) {

}
@media all and (max-width:1200px) {
    article{width:100%;padding:0 20px}
}
@media all and (max-width:1024px) {

}
@media all and (max-width:1000px) {

}
@media all and (max-width:812px) {
    /* content1 */
    .Content1{height:83rem;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content1_bg_m.jpg) no-repeat center; background-size:cover;}
    .Content1 article{padding:0}
    .Content1 ul{margin:0;margin-top:10rem}
    .Content1 .logo{margin:0 0 6rem}
    .Content1 .logo img{width:46rem}
    .Content1 .text1{font-size:2.8rem;line-height:1}
    .Content1 .prd_img{margin-top:14.8rem}
    .Content1 .prd_img img{width:46.5rem}
    /*content2*/
    .Content2{background:#fff;padding:12rem 0 10rem 0}
    .Content2 article{padding:0 2rem}
    .Content2 article h3{font-size:4.2rem;margin-bottom:0}
    .Content2 article ul{margin-top:9.5rem;margin-bottom:0}
    .Content2 article li{height:28rem;width:50%;padding:0 1rem;float:left}
    .Content2 article li i{height:0.6rem;width:5.6rem;margin-bottom:3.2rem}
    .Content2 article li span{font-size:2.8rem;margin-bottom:0;height:10rem}
    .Content2 article li p{font-size:1.6rem}
    .Content2 article li p br{display:none}
    .Content2 article li p br.mo{display:block}
    /* content3 */
    .Content3{height:99.9rem;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content3_bg_m.jpg) no-repeat center center;background-size:cover}
    .Content3 article{padding:0 4rem}
    .Content3 article h3 br{display:none}
    .Content3 article h3 br.mo{display:block}
    .Content3 article h3{font-size:4.2rem;margin-bottom:2.5rem;text-align:left;margin-top:11.5rem}
    .Content3 article span.text{font-size:1.8rem;margin:0}
    .Content3 article span.text br{display:none}
    .Content3 article span.text br.mo{display:block}
    .Content3 .prd_img{left:50%;right:inherit;top:inherit;bottom:8rem;max-width:inherit;width:47rem;margin-left:-23.5rem}
    /*content4*/
    .Content4{height:113.9rem;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content4_bg_m.jpg) no-repeat center;background-size:cover}
    .Content4 article{padding:0 4rem}
    .Content4 ul.t_area1{margin-top:11rem}
    .Content4 li.text1{font-size:4.2rem}
    .Content4 li.text1 br{display:none}
    .Content4 li.text1 br.mo{display:block}
    .Content4 li.text2{font-size:1.8rem;margin:3rem 0 4.5rem 0}
    .Content4 li.text2 br{display:none}
    .Content4 li.text2 br.mo{display:block}
    .Content4 ul.t_area2 li{margin-left:3rem}
    .Content4 ul.t_area2 li span{width:13.5rem;font-size:2.8rem;padding-bottom:1rem;margin-bottom:1rem}
    .Content4 ul.t_area2 li div{height:3.6rem}
    .Content4 ul.t_area2 li div i{font-size:1.6rem}
    .Content4 ul.t_area2 li div i img{height:3.6rem}
    .Content4 .prd_img{left:50%;top:inherit;max-width:inherit;bottom:8.5rem;width:39.2rem;margin-left:-19.6rem;transform:none;display:block;position:absolute}
    /* content5 */
    .Content5{height:83.3rem;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content5_bg_m.jpg) no-repeat center center;background-size:cover}
    .Content5 article{padding:0 4rem}
    .Content5 article h3 br{display:none}
    .Content5 article h3 br.mo{display:block}
    .Content5 article h3{font-size:4.2rem;margin-bottom:2.5rem;margin-top:11.5rem}
    .Content5 article span.text{font-size:1.8rem;margin:0}
    .Content5 article span.text br{display:none}
    .Content5 article span.text br.mo{display:block}
    .Content5 .prd_img{right:inherit;top:inherit;max-width:inherit;left:50%;bottom:3.2rem;width:60.7rem;margin-left:-28.45rem;transform:none;display:block;position:absolute}
    /*content6*/
    .Content6{height:138.8rem;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content6_bg_m.jpg) no-repeat center center;background-size:cover;padding:0}
    .Content6 article{height:138.8rem;position:relative;padding:14.5rem 4rem 0 4rem}
    .Content6 ul.t_area1 li.text1{font-size:4.2rem}
    .Content6 ul.t_area1 li.text1 br{display:none}
    .Content6 ul.t_area1 li.text1 br.mo{display:block}
    .Content6 ul.t_area1 li.text2{font-size:1.8rem;margin:3rem 0 0 0}
    .Content6 ul.t_area1 li.text2 br{display:none}
    .Content6 ul.t_area1 li.text2 br.mo{display:block}
    .Content6 ul.t_area1.posA{bottom:17rem;right:4rem}
    .Content6 ul.t_area2{margin-top:4rem}
    .Content6 ul.t_area2 img{height:10.4rem}
    .Content6 ul.t_area2 div{margin-left:3.5rem}
    .Content6 ul.t_area2 div i{font-size:1.8rem}
    .Content6 ul.t_area2 div span{font-size:1.6rem;margin-top:0.5rem}
    .Content6 ul.t_area2 li:first-child{margin-bottom:2rem}
    /*content7*/
    .Content7{background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content7_bg_m.jpg) no-repeat center center;background-size:cover}
    .Content7 article{height:92.2rem;padding:0 4rem}
    .Content7 article .text1{position:static;transform:none}
    .Content7 article h3 br{display:none}
    .Content7 article h3 br.mo{display:block}
    .Content7 article h3{font-size:4.2rem;margin-bottom:2.5rem;margin-top:11rem}
    .Content7 article span.text{font-size:1.8rem;margin:3rem 0 13.5rem 0}
    .Content7 article span.text br{display:none}
    .Content7 article span.text br.mo{display:block}
    .Content7 article .text2{position:static;transform:none}
    .Content7 article .text2 li span{font-size:1.6rem}
    .Content7 article .text2 li:first-child{margin-bottom:4rem}
    .Content7 article .text2 li:first-child img{width:24.5rem}
    .Content7 article .text2 li:last-child img{width:100%}
    .Content7 article .text2 li:last-child img:last-child{margin-top:0.5rem}
    .Content7 article .text2 li i{font-size:1.6rem;left:3.2rem}
    /* content8 */
    .Content8{height:92rem;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content8_bg_m.jpg) no-repeat center center;background-size:cover}
    .Content8 article{padding:0 4rem}
    .Content8 article h3 br{display:none}
    .Content8 article h3 br.mo{display:block}
    .Content8 article h3{font-size:4.2rem;margin-bottom:2.5rem;margin-top:11.5rem;text-align:right}
    .Content8 article span.text{font-size:1.8rem;margin:2.5rem 0 0 0}
    .Content8 article span.text br{display:none}
    .Content8 article span.text br.mo{display:block}
    .Content8 .prd_img{left:50%;top:inherit;max-width:inherit;bottom:9rem;width:52.5rem;margin-left:-26.25rem;display:block;position:absolute}
    /*content9*/
    .Content9{height:97rem;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content9_bg_m.jpg) no-repeat center center;background-size:cover}
    .Content9 article{padding:0 4rem}
    .Content9 article h3 br{display:none}
    .Content9 article h3 br.mo{display:block}
    .Content9 article h3{font-size:4.2rem;margin-bottom:2.5rem;margin-top:11rem}
    .Content9 article span.text{font-size:1.8rem;margin:2rem 0 0 0}
    .Content9 article span.text br{display:none}
    .Content9 article span.text br.mo{display:block}
    .Content9 .prd_img{right:inherit;top:inherit;max-width:inherit;bottom:5rem;left:50%;width:51.4rem;margin-left:-25.7rem;display:block;position:absolute}
    /* content10 */
    .Content10{height:88.4rem;background:#fff}
    .Content10 article h3 br{display:none}
    .Content10 article h3 br.mo{display:block}
    .Content10 article h3{font-size:4.2rem;margin-bottom:2.5rem;margin-top:11rem}
    .Content10 article span.text{font-size:1.8rem;margin:2rem 0 0 0}
    .Content10 article span.text br{display:none}
    .Content10 article span.text br.mo{display:block}
    .Content10 .prd_img{left:50%;top:inherit;max-width:inherit;bottom:5rem;width:55.3rem;margin-left:-27.65rem;display:block;position:absolute}
    .Content10 .prd_img.pc{display:none}
    .Content10 .prd_img.mo{display:block}
    /*content11*/
    .Content11{height:90.8rem;background:url(/kimg/prd_details/memory/Klevv_SO_DIMM_content11_bg_m.jpg) no-repeat center center;background-size:cover}
    .Content11 article{padding:0 4rem}
    .Content11 article h3 br{display:none}
    .Content11 article h3 br.mo{display:block}
    .Content11 article h3{font-size:4.2rem;margin-bottom:2.5rem;margin-top:11rem}
    .Content11 article span.text{font-size:1.8rem;margin:2rem 0 0 0}
    .Content11 article span.text br{display:none}
    .Content11 article span.text br.mo{display:block}
    .Content11 .prd_img{top:inherit;bottom:7.5rem;width:100%;display:block;position:absolute}
    .Content11 .prd_img.pc{display:none}
    .Content11 .prd_img.mo{display:block}
    /*content12*/
    .Content12{height:64rem;padding:10rem 0 0 0}
    .Content12 h3{font-size:4.2rem;margin-bottom:2.5rem}
    .Content12 article{padding:0 4rem}
    .Content12 article h3 br{display:none}
    .Content12 article h3 br.mo{display:block}
    .Content12 article span{font-size:1.8rem;margin:2rem 0 0 0}
    .Content12 article span br{display:none}
    .Content12 article span br.mo{display:block}
    .Content12 article div{margin-top:4.5rem}
    .Content12 article div img{width:41.2rem}
    /* content13 */
    .Content13{background:#f0f0f0;padding:9.5rem 0 5rem 0}
    .Content13 article{padding:0 4rem}
    .Content13 .specifications h3{font-size:3.5rem;margin-bottom:1.5rem}
    .Content13 .specifications table{width:100%}
    .Content13 .specifications table th{width:19rem;padding:1.5rem 0;font-size:1.5rem}
    .Content13 .specifications table td{padding:1.5rem 0;font-size:1.5rem;line-height:1.2}
    .Content13 .specifications span.ref{margin-top:1.5rem;font-size:1.5rem;width:100%;letter-spacing:inherit;line-height:1.4;color:#414141}
    .Content13 .ordering_info{padding:0 4rem 6rem 4rem}
    .Content13 .ordering_info h3{font-size:3.5rem;margin-bottom:2rem;margin-top:3rem}
    .Content13 .ordering_info table{width:100%}
    .Content13 .ordering_info table th{padding:1.5rem 0;font-size:1.5rem}
    .Content13 .ordering_info table td{padding:1.5rem 0;font-size:1.5rem}
    div.btn a{margin-bottom:5rem;font-size:1.3rem;padding:2.2rem 0;width:42.2%}
    a.com_btn1{margin:0;margin-right:1%}
    a.com_btn2{margin:0;margin-left:1%}
    .GotoEssencore{padding:7rem 0}
    .GotoEssencore h3{margin-bottom:8rem;font-size:3.2rem}
    .GotoEssencore ul li a div.text{font-size:1.6rem;line-height:2rem}
}