﻿/*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}
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 .logo img{max-width:384px}
.Content1 .text2{font-size:1.5em;color:#9d9d9d;letter-spacing:-1px;margin-bottom:35px}
.Content1 .text3{line-height:1.4em;font-weight:300}
.Content1 img.main_img{margin:140px 0 85px 0}
.Content1 img.m_main_img{display:none}
.Content2{height:625px;background:url(/kimg/prd_details/sd_card/MicroSD_NEO_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:1.6em;font-weight:800;line-height:1em;letter-spacing:-1px}
.Content2 li.text2{font-size:0.9em;line-height:1.6em;margin:40px 0 85px 0;font-weight:300}
.Content2-1{display:none}
.Content2-2{display:none}
.Content3{padding:55px 0 95px 0}
.Content3 ul.photo{width:100%;display:inline-block;margin-top:50px}
.Content3 ul.photo li{display:inline-block}
.Content3 ul.photo li.at_left{float:left}
.Content3 ul.photo li.at_right{float:right}
.Content3 ul li img{width:100%;max-width:378px}
.Content4{padding:70px 0 30px 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.2em;line-height:1.1em;font-weight:700;margin-bottom:15px;letter-spacing:-1px}
.Content4 .part ul li.text{width:67%;font-size:0.9em;line-height:1.4em;font-weight:300;float:right}
.Content5{background:#f0f0f0;padding:70px 0 50px 0;position:relative}
.Content5 .specifications{text-align:left}
.Content5 .specifications h3{font-size:1.6em;font-weight:800;line-height:1em;letter-spacing:-1px;margin-bottom:20px}
.Content5 .specifications table{width:60%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.Content5 .specifications table tr{border-bottom:1px solid #cacaca}
.Content5 .specifications table th{width:26.5%;padding:18px 0 18px 2%;color:#565656;font-size:0.9em;font-family:'Anton';background:#e5e5e5;font-weight:normal}
.Content5 .specifications table td{padding:18px 0;color:#414141;font-size:0.9em;font-weight:300;text-align:center}
.Content5 .specifications table td ul{width:100%;display:inline-block}
.Content5 .specifications table td ul li{width:25%;float:left}
.Content5 .specifications table tr.last{border-bottom:none}
.Content5 .specifications table tr.last td{text-align:left}
.Content5 .ordering_info{padding:70px 0 100px 0;text-align:left}
.Content5 .ordering_info h3{font-size:1.6em;font-family:'Anton';font-weight:normal;line-height:1em;letter-spacing:1px;margin-bottom:15px}
.Content5 .ordering_info table{width:60%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.Content5 .ordering_info table tr{border-bottom:1px solid #cacaca}
.Content5 .ordering_info table th{padding:15px 0;color:#565656;font-size:0.9em;text-align:center;font-family:'Anton';font-weight:normal}
.Content5 .ordering_info table td{padding:10px 0;color:#414141;font-size:0.9em;text-align:center;font-weight:300}
.Content5 .ordering_info table td.bg_col{background:#e5e5e5}
.Content5 .ordering_info table.nt_tb{margin-top:60px}
.Content5 .prd_img{position:absolute;right:10%;top:50%;margin-top:-267px}
.Content5 .btn_area{display:none}
.Content5 .specifications table td.border_right{border-right:1px solid #cacaca}
.Content6{height:612px;background:url(/kimg/prd_details/sd_card/NeoSD_Adapter_Content3_bg.jpg) no-repeat center top;background-size:cover}
.Content6 ul{text-align:right;margin-top:190px}
.Content6 li{color:#fff}
.Content6 li.text1{font-size:1.6em;font-weight:700;line-height:1em;letter-spacing:-1px}
.Content6 li.text2{font-size:0.9em;line-height:1.6em;margin:40px 0 40px 0;font-weight:300}
.Content7{height:694px;background:url(/kimg/prd_details/sd_card/MicroSD_NEO_Content7_bg.jpg) no-repeat right center;background-size:cover}
.Content7 ul{text-align:left;margin-top:190px}
.Content7 li.text1{font-size:1.6em;font-weight:700;line-height:1.4em;letter-spacing:-1px;text-shadow:1px 1px 1px #fff}
.Content7 li.text2{font-size:0.9em;line-height:1.6em;margin:40px 0 40px 0;font-weight:300;text-shadow:1px 1px 1px #fff}
.Content7 li.prd{display:none}
.GotoEssencore h3 span{font-family:'Anton'}
@media all and (max-width:1400px) {
    .Content7{background-position:102% center}
    .Content2{background-position:53% center}
    .Content5 .prd_img{right:0}
}
@media all and (max-width:1200px) {
    article{width:100%;padding-left:2%;padding-right:2%}
    .Content1 img.main_img{width:100%}
    .Content5 .ordering_info{padding:70px 2% 100px 2%}
    .Content5 .prd_img{right:2%}
    .Content2 li.text1{text-shadow:2px 2px 1px black}
    .Content2 li.text2{text-shadow:2px 2px 1px black}
    .Content6 li.text1{text-shadow:2px 2px 1px black}
    .Content6 li.text2{text-shadow:2px 2px 1px black}
    .Content7{height:580px}
    .Content7 ul{margin-top:90px}
    .Content5 .prd_img img{width:80%}
    .Content3 ul.photo li{width:32%}
}
@media all and (max-width:1024px) {
    .Content1 article > img{width:100%}
    .Content3 ul.photo li{width:32%}
    .Content3 ul.photo li img{width:100%}
    .Content5 .prd_img{width:30%}
    .Content5 .prd_img img{width:100%}
    .Content7{height:500px}
    .Content7 li.icon span{display:block;margin-bottom:15px}
}

@media all and (max-width:870px) {
    .Content7{height:410px}
    .Content7 ul{margin-top:60px;}
    .Content7 li.text2{margin:30px 0;width:45%}
    .Content7 li.text2 br{display:none}
}
@media all and (max-width:812px) {
    .Content2{height:auto}
    .Content2 ul{margin:80px 0}
    .Content4 .part{margin:0}
    .Content4 .part ul{width:100%;margin-bottom:40px}
    .Content4 .part ul li.icon img{width:55%}
    .Content5{background:#f0f0f0;padding:70px 0 0 0}
    .Content5 .specifications table{width:100%}
    .Content5 .ordering_info table{width:100%}
    .Content5 .prd_img{display:none}
    div.btn a{margin-bottom:50px}
    .Content6 li img, 
    .Content7 li.icon span:nth-child(1) img{width:140px}
}
@media all and (max-width:710px) {
    .Content5 .ordering_info table td  img{width:56%}
}
@media all and (max-width:670px) {
    .Content1 .logo img{width:90%}
    .Content2{padding:100px 0}
    .Content3 ul.photo{margin-top:0}
    .Content7{height:350px}
    .Content7 li.text1{font-size:1.4em}
    .Content7 li.text2{font-size:0.8em;line-height:1.4em;width:47%;margin:20px 0}
    .Content7 li.icon span:nth-child(1) img{width:130px}
    .Content7 li.icon span:nth-child(2) img{width:150px}
    div.btn a{width:40%;padding:15px 0}

}
@media all and (max-width:640px) {
    .Content1 img.main_img{display:none}
    .Content1 img.m_main_img{width:100%;display:block}
    .Content2{display:none}
    .Content2-1{display:inline-block;background:#000 url(/kimg/prd_details/sd_card/NeoSD_Adapter_m_con2_con3_bg.jpg) no-repeat center top;background-size:100%;padding:60px 0}
    .Content2-1 ul{text-align:left;width:90%}
    .Content2-1 ul li{color:#fff;text-shadow:2px 2px 1px black}
    .Content2-1 ul li.text1{font-size:1.8em;font-family:'Anton';font-weight:normal;line-height:1.2em;letter-spacing:1px}
    .Content2-1 ul li.text2{font-size:0.9em;line-height:1.6em;margin:30px 0 30px 0;font-weight:300}
    .Content2-1 ul:nth-child(2){margin-top:120px;text-align:right;float:right}
    .Content2-2{height:550px;display:inline-block;background:url(/kimg/prd_details/sd_card/MicroSD_NEO_Content2-2_bg.jpg) no-repeat right bottom;background-size:auto;padding:50px 0}
    .Content2-2 ul{text-align:left;width:90%}
    .Content2-2 ul li.text1{font-size:1.4em;font-weight:700;line-height:1.2em}
    .Content2-2 ul li.text2{font-size:0.9em;line-height:1.4em;margin:30px 0;font-weight:300}
    .Content2-2 ul li.icon span{display:block;margin-bottom:15px}
    .Content2-2 ul li.icon span:nth-child(1) img{width:130px}
    .Content2-2 ul li.icon span:nth-child(2) img{width:150px}
    .Content4{padding:0 0 30px 0}
    .Content5 .btn_area{width:100%;display:inline-block;text-align:center;margin:70px 0}
    .Content5 .btn_area a{width:80%;margin:5px 0;display:inline-block;padding:25px 0;font-size:0.8em;color:#fff}
    .Content5 .btn_area a img{margin-left:10px}
    .Content5 .btn_area a.com_btn1{background:#47a2cc;border:1px solid #47a2cc}
    .Content5 .btn_area a.com_btn2{background:#424242;border:1px solid #424242}
    .Content6{display:none}
    .Content7{display:none}
    .Content2-2 ul li.icon span:nth-child(1) img, 
    .Content2-1 ul li img{width:130px}
    .Content2-1 ul li.text2 br{display:none}
}
@media all and (max-width:540px) {
    .Content1 .text2{line-height:1.2em}
    .Content2-2 ul li:nth-child(3) img{width:130px}
    .Content2-2 ul li.text2{margin:12px 0}
    .Content2-2{padding:45px 0}
    div.btn{margin-bottom:30px}
    div.btn a{width:80%;margin-bottom:15px}
}
@media all and (max-width:480px) {
    .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 ul li.text1{font-size:1.6em;line-height:1.4em}
    .Content2 ul li.text2{font-size:0.8em}
    .Content2 ul li.text2 br{display:none}
    .Content2-1 ul li.text1{font-size:1.6em;line-height:1.4em}
    .Content2-1 ul li.text2{font-size:0.8em}
    .Content2-2{height:600px}
    .Content3{padding:50px 0}
    .Content4 .part ul li.tit{font-size:1em}
    .Content4 .part ul li.text{font-size:0.8em;float:right}
    .Content5 .specifications h3{font-size:1.2em}
    .Content5 .specifications table th{font-size:0.8em} 
    .Content5 .specifications table td{font-size:0.8em}
    .Content5 .ordering_info{padding:50px 2%} 
    .Content5 .ordering_info h3{font-size:1.2em}
    .Content5 .ordering_info table colgroup{display:none}
    .Content5 .ordering_info table th{font-size:0.8em}
    .Content5 .ordering_info table td{font-size:0.8em}
    .Content2-2 ul li.icon span:nth-child(1) img, 
    .Content2-1 ul li img{width:100px}
}
@media all and (max-width:380px) {
    .Content2-2{height:auto;background:#fefefe;padding:60px 0 0 0}
}
@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 ul li.text1{font-size:1.2em}
    .Content2-1 ul li.text1{font-size:1.2em}
    .Content2-2{padding:30px 0 15px 0}
    .Content2-2 ul li.text1{font-size:1.2em}
    .Content2-2 ul li img{width:50%}
    .Content3{padding:0 0 20px 0}
    .Content4{padding:0}
    .Content4 .part ul li.tit{font-size:0.8em}
    .Content4 .part ul li.text{font-size:0.7em}
    .Content5 .specifications table th{font-size:0.5em} 
    .Content5 .specifications table td{font-size:0.5em}
    .Content5 .ordering_info{padding:20px 2% 0 2%}
    .Content5 .ordering_info table.nt_tb{margin-top:30px}
    .Content5 .ordering_info table th{font-size:0.5em}
    .Content5 .ordering_info table td{font-size:0.5em}
    .Content5 .ordering_info table td img{width:72%}
    .Content5 .btn_area{margin:20px 0}
    .Content5 .btn_area a{padding:15px 0}
     div.btn{margin-top:30px}
}