﻿/*Common*/
body{color:#343434;font-size:1em;line-height:1em}
a.com_btn1{display:inline-block;padding:10px 60px;background:#47a2cc;color:#fff;font-size:0.8em;border:1px solid #47a2cc}
a.com_btn1 img{margin-left:10px}
a.com_btn2{display:inline-block;padding:10px 60px;background:#424242;color:#fff;font-size:0.8em;border:1px solid #424242}
a.com_btn2 img{margin-left:10px}
a.com_btn3{display:inline-block;padding:10px 60px;border:1px solid #444;color:#444;font-size:0.8em}
a.com_btn3 img{margin-left:10px}
section{width:100%;display:inline-block}
article{width:1200px;display:inline-block}
.Content1{height:1203px;background:url(/kimg/prd_details/memory/Bolt_main_img.jpg) center top;background-size:cover;position:relative}
.Content1 .main_text ul{width:52%;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:300}
.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/Bolt_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:300}
.Content1 .bottom_con article ul.left{float:left}
.Content1 .bottom_con article ul.right{float:right}
.Content2{height:567px;background:url(/kimg/prd_details/memory/Bolt_refined_design_bg.jpg) no-repeat right top;background-size:50%;position:relative}
.Content2 ul{float:left;text-align:left}
.Content2 ul{margin-top:115px}
.Content2 ul li.tit{font-size:2em;font-weight:700;line-height:1em;letter-spacing:-1px}
.Content2 ul li.text1{font-size:0.9em;line-height:1.6em;margin:45px 0;font-weight:300;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:46px;color:#414141;line-height:1.2em}
.Content3{height:500px;background:#e0e0e0 url(/kimg/prd_details/memory/Bolt_it_pattern_bg.jpg) no-repeat left top;background-size:cover;position:relative}
.Content3 ul{float:right;text-align:right;margin-top:115px}
.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;color:#414141}
.Content3 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}
.Content4{padding:70px 0}
.Content4 .part{width:100%;display:inline-block;margin-bottom:80px}
.Content4 .part ul{width:50%;float:left}
.Content4 .part ul li{float:left;text-align:left}
.Content4 .part ul li.icon{width:33%;text-align:center;vertical-align:top}
.Content4 .part ul li.icon img{width:65%}
.Content4 .part ul li.tit{width:67%;font-size:1.6em;line-height:1.4em;font-weight:700;margin-bottom:15px}
.Content4 .part ul li.text{width:67%;font-size:0.9em;line-height:1.4em;font-weight:300}
.Content5{background:#f0f0f0;padding-bottom:140px}
.Content5 ul{width:100%;display:inline-block;margin-top:-65px}
.Content5 ul li{display:inline-block}
.Content5 ul li.at_left{float:left}
.Content5 ul li.at_right{float:right}
.Content5 ul li img{width:100%;max-width:378px}
.Content6{background:#f0f0f0}
.Content6 article{text-align:left;background:url(/kimg/prd_details/memory/Bolt_specifications_img.png) no-repeat right bottom}
.Content6 h3{font-size:1.6em;font-weight:700;line-height:1em;letter-spacing:-1px;margin-bottom:20px}
.Content6 table{width:47%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.Content6 table tr{border-bottom:1px solid #cacaca}
.Content6 table th{width:26.5%;padding:18px 0;color:#565656;font-size:0.9em;font-family:'Anton';font-weight:normal}
.Content6 table td{padding:18px 0;color:#414141;font-size:0.9em;font-weight:300}
.Content6 table td ul li{line-height:1.8em}
.Content7{background:#f0f0f0;padding:30px 0 100px 0}
.Content7 article{text-align:right;background:url(/kimg/prd_details/memory/Bolt_ordering_info_img.png) no-repeat left top}
.Content7 article .data{width:58.5%;display:inline-block}
.Content7 h3{font-size:1.6em;font-family:'Anton';font-weight:normal;line-height:1em;letter-spacing:1px;margin-bottom:30px;text-align:left}
.Content7 table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.Content7 table tr{border-bottom:1px solid #cacaca}
.Content7 table tr:nth-child(2n){background:#e5e5e5}
.Content7 table th{padding:15px 0;color:#565656;font-size:0.9em;text-align:center;font-family:'Anton';font-weight:normal}
.Content7 table td{padding:10px 0;color:#414141;font-size:0.9em;text-align:center;font-weight:300}
.Content7 table td span{margin:0 10px}
.Content7 .btn_area{width:100%;display:inline-block;text-align:center;margin:150px 0 60px 0}
.Content7 .btn_area a{padding:22px 0;width:290px;margin:0 15px}
.Content7 .btn_area a.com_btn1{border:1px solid #2d89b4}
.Content7 .btn_area a.com_btn2{border:1px solid #343434}
.Content8{padding-top:100px}
.Content8 h3{font-size:1.6em;font-family:'Anton';font-weight:normal;line-height:1em;letter-spacing:1px;margin-bottom:50px}
.Content8 ul li{display:inline-block}
.Content8 .btn_area{width:100%;display:inline-block;text-align:center;margin:70px 0}
.Content8 .btn_area a{margin:0 15px}
.GotoEssencore h3 span{font-family:'Anton'}
@media all and (max-width:1600px) {
    .Content3{background-position:55% top}
}
@media all and (max-width:1400px) {
    .Content2{background-position:140% top;background-size:62%}
}
@media all and (max-width:1200px) {
    article{width:100%;padding-left:2%;padding-right:2%}
    .Content1 .main_text ul li.text3 br{display:none}
    .Content1 .bottom_con article ul li.text{margin-top:50px}
    .Content2{height:500px}
    .Content3{background:#e0e0e0 url(/kimg/prd_details/memory/Bolt_it_pattern_bg.jpg) no-repeat 50% top}
    .Content3 img.photo_img{width:50%}
    .Content4 .part ul li.tit{font-size:1.2em}
    .Content5 ul li{width:33%}
    .Content5 ul li img{width:100%}
    .Content8 ul{width:100%;display:inline-block}
    .Content8 ul li{width:30%}
    .Content8 ul li img{width:100%}
    .Content6 article{background-size:50%}
    .Content7 article{background-size:40%}
    .Content7 .btn_area{margin:80px 0 0 0}
}
@media all and (max-width:1024px) {
    .Content1 .bottom_con article ul img{width:100%}
    .Content2{background-size:68%;background-position:168% top}
    .Content3 ul li.text1 br{display:none}
    .Content3 ul{width:52%}
}
@media all and (max-width:812px) {
    .Content1{height:auto}
    .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;padding:100px 0;background:url(/kimg/prd_details/memory/Bolt_m_refined_design_bg.jpg) no-repeat right bottom;background-size:cover}
    .Content2 ul{margin-top:0;width:40%}
    .Content3{height:auto;padding:100px 0;background:#e0e0e0 url(/kimg/prd_details/memory/Bolt_m_it_pattern_bg.jpg) no-repeat left top}
    .Content3 img.photo_img{display:none}
    .Content3 ul{margin-top:0}
    .Content4 .part{margin:0}
    .Content4 .part ul{width:100%;margin-bottom:40px}
    .Content4 .part ul li.icon img{width:55%}
    .Content7 article{background:none}
    .Content7 article .data{width:100%}
    .Content1 .bottom_con article ul img{width:auto}
    .Content2 ul li.text1 br{display:none}
    .Content4 ul li.short_cont{padding-top:3%}
    .Content4 .part ul li.tit{margin-bottom:1%}
}
@media all and (max-width:670px) {
    .Content2{background:url(/kimg/prd_details/memory/Bolt_m_refined_design_bg.jpg) no-repeat right top;background-size:80%}
    .Content2 ul{width:60%}
    .Content2 ul li.text1 br{display:none}
    .Content3 ul{width:56%}
    .Content3 ul li.text1 br{display:none}
    .Content5{padding-bottom:80px}
    .Content6 table{width:55%}
    .Content7 .btn_area a{width:40%}
    .Content8 .btn_area a{width:40%}
    .Content2 ul li.text1{width:80%}
    .Content2 ul li.text2 span, 
    .Content3 ul li.text2 span{width:130px;height:94px;background-size:100%;padding-top:28px;font-size:0.8em}
    .Content2 ul li.one_line span{padding-top:35px}
    .Content8 .btn_area a{width:50%;margin-bottom:10px;padding:10px 4%}
}
@media all and (max-width:524px) {
    .Content1 .main_text ul li.logo img{width:100%}
    .Content2{padding:50px 0}
    .Content3{padding:50px 0;background-position:57% top}
    .Content2 ul{width:50%}
    .Content3 ul{width:66%}
    .Content3 ul li.text1{width:80%;float:right}
    .Content6 article{background:none}
    .Content6 table{width:100%}
    .Content7{padding:60px 0}
    .Content7 table colgroup{display:none}
    .Content7 .btn_area a{width:80%;margin-bottom:10px}
    .Content5 ul li{width:100%;margin-bottom:15px}
    .Content8 ul li{width:100%;margin-bottom:15px;padding:0 5%}
    .Content8 .btn_area a{width:80%;margin-bottom:10px}
    .Content2 ul li.text1{width:100%}
    .Content4 .part ul li.icon img{width:70%}
    .Content4 .part ul li.tit{font-size:1em}
}
@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 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 .part ul li.tit{font-size:1em}
    .Content4 .part ul li.text{font-size:0.8em}
    .Content6 table th{font-size:0.7em}
    .Content6 table td{font-size:0.7em}
    .Content7 table th{font-size:0.7em} 
    .Content7 table td{font-size:0.7em}
    .Content7 table td span{margin:0 3px}
    .Content3{background:#e0e0e0 url(/kimg/prd_details/memory/Bolt_m_it_pattern_bg.jpg) no-repeat 50% top}
    .Content3 ul li.text1{width:100%}
    .Content4 .part ul li.tit{font-size:0.9em}
    .Content4 .part ul li.text{font-size:0.8em}
}
@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}
    .Content4 .part ul li.text{float:right}
    .Content2{background:url(/kimg/prd_details/memory/Bolt_m_refined_design_bg.jpg) no-repeat 170% bottom;background-size:80%}
    .Content2 ul{width:100%}
    .Content3{background:#e0e0e0 url(/kimg/prd_details/memory/Bolt_m_it_pattern_bg.jpg) no-repeat 45% top}
    .Content3 ul{width:70%}
    .Content6 h3{font-size:1.2em}
    .Content7 h3{font-size:1.2em}
    .Content7 .btn_area a{padding:15px 0}
    .Content8{padding-top:40px}
    .Content8 h3{font-size:1.2em;margin-bottom:30px}
    .Content8 .btn_area{margin:30px 0}
    .Content4 ul li.short_cont{padding-top:0}
}