﻿/*Common*/
body{color:#343434;font-size:1em;line-height:1em}
section{width:100%;display:inline-block}
article{width:1200px;display:inline-block}
.Content1{height:658px;background:url(/kimg/prd_details/memory/BoltX_main_img.png) center top;background-size:cover;position:relative}
.Content1 .main_text ul{float:left;text-align:left;margin-top:323px}
.Content1 .main_text ul li.text1{font-size:1.5em;color:#fff;letter-spacing:1px;margin-bottom:26px;font-weight:700}
.Content1 .main_text ul li.text2{font-size:1em;color:#fff;margin:50px 0;line-height:1.8em}
.Content2{padding:70px 0 80px 0;height:842px;background:url(/kimg/prd_details/memory/BoltX_Content2_bg.jpg) no-repeat left bottom;background-size:cover}
.Content2 h2{margin-bottom:40px}
.Content2 .text_box{text-align:center;font-size:0.8em;line-height:1.7em;font-weight:300;color:#fff;margin-bottom:255px}
.Content2 .text_box2{text-align:right;font-size:0.9em;line-height:1.6em;font-weight:300;color:#fff}
.Content2 .text_box2 h3{font-size:2em;font-weight:700;line-height:1em;letter-spacing:1px;width:100%;display:inline-block}
.Content2 .text_box2 h3 span{padding-top:40px;display:inline-block;}
.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;width:9%;letter-spacing:-1px}
.Content2 .text_box2 ul li span{width:100%;display:inline-block}
.Content3{height:482px;background:url(/kimg/prd_details/memory/BoltX_Content3_bg.jpg) no-repeat right top;background-size:cover;position:relative}
.Content3 ul{text-align:left;margin-top:115px}
.Content3 ul li{color:#fff}
.Content3 ul li.tit{font-size:2em;font-weight:700;line-height:1em;letter-spacing:1px}
.Content3 ul li.text1{font-size:0.9em;line-height:1.6em;margin:45px 0;font-weight:300}
.Content4{height:549px;background:url(/kimg/prd_details/memory/BoltX_Content4_bg.jpg) no-repeat right top;background-size:cover;position:relative}
.Content4 ul{text-align:right;margin-top:115px}
.Content4 ul li{color:#fff}
.Content4 ul li.tit{font-size:2em;font-weight:700;line-height:1em;letter-spacing:1px}
.Content4 ul li.text1{font-size:0.9em;line-height:1.6em;margin:45px 0;font-weight:300}
.Content5{padding:90px 0 100px}
.Content5 li.text{color:#343434;font-size:0.9em}
.Content5 li.icon{margin:60px 0}
.Content5 ul:nth-child(2){width:100%;display:inline-block}
.Content5 ul:nth-child(2) li{display:inline-block;width:33%}
.Content5 ul:nth-child(2) li.at_left{float:left}
.Content5 ul:nth-child(2) li.at_right{float:right}
.Content5 ul:nth-child(2) li img{width:100%;max-width:378px}
.Content6{background:#f0f0f0 url(/kimg/prd_details/memory/BoltX_spec_bg.png) no-repeat 80% 13%;padding-top:70px}
.Content6 h3{font-size:1.6em;font-weight:700;line-height:1em;letter-spacing:1px;margin-bottom:20px;text-align:left}
.Content6 table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
.Content6 article.specifications table{text-align:left;width:45.9%}
.Content6 article.specifications table{width:47%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.Content6 article.specifications table tr{border-bottom:1px solid #cacaca}
.Content6 article.specifications table th{width:26.5%;padding:18px 0;color:#565656;font-size:0.9em;font-family:'Anton';font-weight:normal}
.Content6 article.specifications table td{padding:18px 0;color:#414141;font-size:0.9em;font-weight:300}
.Content6 article.specifications table td ul li{line-height:1.8em}
.Content6 article.ordering_info{margin-top:115px}
.Content6 article.ordering_info table{width:59.6%}
.Content6 article.ordering_info tr{border-bottom:1px solid #cacaca}
.Content6 article.ordering_info th{padding:15px 0;color:#565656;font-size:0.9em;text-align:center;font-family:'Anton';font-weight:normal}
.Content6 article.ordering_info td{padding:10px 0;color:#414141;font-size:0.9em;text-align:center;font-weight:300;border-right:1px solid #cacaca}
.Content6 article.ordering_info td.bg_chg{background:#e5e5e5}
.Content6 article.ordering_info td.br_none{border-right:none}
.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}
.GotoEssencore h3 span{font-family:'Anton'}
@media all and (max-width:1600px) {
    .Content3{background-position:40% top}
    .Content4{background-position:27% top}
}
@media all and (max-width:1400px) {
    .Content2{background-position:32% bottom}
    .Content2 .text_box2 ul li{width:11%}
    .Content6{background-position:90% 13%}
}
@media all and (max-width:1200px) {
    article{width:100%;padding-left:2%;padding-right:2%}
    .Content6{background-position:100% 13%}
}
@media all and (max-width:1024px) {
    .Content6{background-size:54%}
}
@media all and (max-width:812px) {
    .Content1{height:auto;background:url(/kimg/prd_details/memory/BoltX_m_main_img.jpg) center bottom;background-size:cover;padding:330px 0 0 0}
    .Content1 .main_text ul{width:85%;margin:0}
    .Content1 .main_text ul li.text2{margin:45px 0 55px 0}
    .Content2{height:auto;padding:70px  0;background:url(/kimg/prd_details/memory/BoltX_Content2_m_bg.jpg)no-repeat center top;background-size:cover}
    .Content2 ul{margin-top:0;width:50%;float:right}
    .Content2 .text_box2 ul li{width:32%;margin-bottom:20px}
    .Content2 .text_box{margin-bottom:395px}
    .Content2 ul li.text1 br{display:none}
    .Content2 h2 img{width:85%}
    .Content3{background:url(/kimg/prd_details/memory/BoltX_Content3_m_bg.jpg) no-repeat right top;background-size:cover;height:490px}
    .Content3 ul li.text1{width:64%}
    .Content3 ul li.text1 br{display:none}
    .Content4{background:url(/kimg/prd_details/memory/BoltX_Content4_m_bg.jpg) no-repeat left top;background-size:cover;height:490px}
    .Content4 ul li.text1 br{display:none}
    .Content4 ul li.text1{float:right;width:57%}
    .Content6 .btn_area a{width:37%}
    }
@media all and (max-width:670px) {
    .Content1 .main_text ul{padding-left:0}
    .Content1 .main_text ul li.text2 br{display:none}
    .Content2 ul{width:56%}
    .Content2 .text_box br{display:none}
    .Content3{background-position:5% top}
    .Content3 ul{margin-top:80px}
    .Content3 ul li.text1{width:77%;margin:32px 0}
    .Content6{background:#f0f0f0 url(/kimg/prd_details/memory/BoltX_m_spec_bg.jpg) no-repeat center top;background-size:122%}
    .Content6 article{background:none}
    .Content6 table{width:100%}
    .Content6 article.specifications table,
    .Content6 article.ordering_info table{width:100%}
    .Content6 article.ordering_info{margin-top:50px}
    .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 ul{width:72%}
    .Content6 table{width:100%}
    .Content6 .btn_area a{padding:15px 0}
    .Content6{background-size:135%}
}
@media all and (max-width:480px) {
    .Content1{background-position:90% bottom;padding:270px 0 0 0 }
    .Content1 .main_text ul li.text1{font-size:1.3em}
    .Content1 .main_text ul li.text2{margin:25px 0 40px 0;font-size:0.8em;line-height:1.5em}
    .Content2{padding:50px 0}
    .Content2 ul{width:100%}
    .Content2 ul li.tit{font-size:1.4em;line-height:1.4em}
    .Content2 ul li.text1{font-size:0.8em}
    .Content2 .text_box{margin-bottom:175px}
    .Content3{height:auto;padding:0 0 105px 0}
    .Content3 ul li.icon img{width:90%}
    .Content3 ul li.text{font-size:0.8em}
    .Content3 ul li.tit{font-size:1.7em;line-height:1.2em}
    .Content3 ul li.icon{margin:0 0 4% 0}
    .Content3 ul li.text1{font-size:0.8em;width:84%;margin:20px 0 60px 0}
    .Content4{height:auto;padding:0 0 90px 0;background-position:100% top}
    .Content4 ul{margin-top:80px}
    .Content4 ul li.tit{font-size:1.7em;line-height:1.2em}
    .Content4 ul li.text1{font-size:0.8em;margin:20px 0 60px 0;width:76%}
    .Content5{padding:19% 0}
    .Content5 li.icon{margin:11% 0}
    .Content5 li.icon img{width:50%}
 .Content6 article.specifications table th,
 .Content6 article.specifications table td,
    .Content6 article.ordering_info th,
    .Content6 article.ordering_info td{font-size:0.7em}
}
@media all and (max-width:340px) {
    .Content1{padding:130px 0 0 0;background-position:36% top}
    .Content1 .main_text ul{margin-top:0}
    .Content1 .main_text ul li.text1{font-size:1.1em}
    .Content3{padding:0 0 60px 0}
    .Content4{padding:0 0 60px 0;background-position:65% top}
    .Content3 ul,
    .Content4 ul{margin-top:50px}
    .Content3 ul li.tit,
    .Content4 ul li.tit{font-size:1.4em}
    .Content3 ul li.text1{width:100%}
    .Content6{background:#f0f0f0}
    .Content6 h3{font-size:1.2em}
}