﻿/*Common*/
body{color:#343434;font-size:1em;line-height:1em}
section{width:100%;display:inline-block}
article{width:1200px;display:inline-block}
.Content1{padding-bottom:40px}
.Content1 ul{margin:100px 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{width:100%;max-width:471px}
.Content1 .text2{font-size:1.5em;color:#9d9d9d;letter-spacing:-1px;margin-bottom:35px}
.Content1 .text3{line-height:1.4em;font-weight:300}
.Content1 .m_main{display:none}
.Content2{height:621px;background:url(/kimg/prd_details/usb/NEO_C30_Content2_bg.jpg) no-repeat right top;background-size:cover;position:relative}
.Content2 ul{float:left;text-align:left}
.Content2 ul{margin-top:115px}
.Content2 ul li{text-shadow:1px 1px 1px black}
.Content2 ul li.tit{font-size:2em;font-weight:bold;line-height:1.4em;letter-spacing:1px;color:#fff}
.Content2 ul li.text1{font-size:0.9em;line-height:1.6em;margin:45px 0;font-weight:300;color:#fff}
.Content2 ul li.text2 span{width:171px;height:112px;background:url(/kimg/prd_details/common/memory_icon_white.png) no-repeat;display:inline-block;text-align:center;padding-top:36px;color:#fff;line-height:1.2em}
.Content3{padding:90px 0}
.Content3 ul li.icon{margin-bottom:10px}
.Content3 ul li.icon img{width:100%;max-width:241px}
.Content3 ul li.tit{font-size:2em;font-weight:bold;line-height:1.4em;letter-spacing:1px;margin-bottom:25px}
.Content3 ul li.text{font-size:0.9em;line-height:1.6em;font-weight:300;color:#414141}
.Content3-1{background:url(/kimg/prd_details/usb/NEO_C30_Content3-1_bg.jpg) repeat-x right bottom}
.Content4{padding:125px 0;background:url(/kimg/prd_details/usb/NEO_C30_Content4_bg.jpg) no-repeat center center;background-size:cover;}
.Content4 ul li.icon{margin-bottom:10px}
.Content4 ul li.icon img{width:100%;max-width:474px}
.Content4 ul li.tit{font-size:2em;font-weight:bold;line-height:1.4em;letter-spacing:1px}
.Content4 ul li.text{font-size:0.9em;line-height:1.6em;font-weight:300;color:#414141;margin:50px 0}
.Content5{padding:55px 0 95px 0}
.Content5 ul.photo{width:100%;display:inline-block;margin-top:50px}
.Content5 ul.photo li{display:inline-block}
.Content5 ul.photo li.at_left{float:left}
.Content5 ul.photo li.at_right{float:right}
.Content5 ul li img{width:100%;max-width:378px}
.Content6{padding:70px 0 30px 0}
.Content6 .part{width:100%;display:inline-block;margin-bottom:80px}
.Content6 .part ul{width:50%;float:left}
.Content6 .part ul li{float:left;text-align:left}
.Content6 .part ul li.icon{width:33%;text-align:center;vertical-align:top}
.Content6 .part ul li.icon img{width:65%}
.Content6 .part ul li.tit{width:67%;font-size:1.6em;line-height:1.1em;font-weight:700;margin-bottom:15px}
.Content6 .part ul li.text{width:67%;font-size:0.9em;line-height:1.4em;font-weight:300;float:right}
.Content7{background:#f0f0f0;padding-top:70px;position:relative}
.Content7 .specifications{text-align:left}
.Content7 .specifications h3{font-size:1.6em;font-weight:bold;line-height:1em;letter-spacing:1px;margin-bottom:20px}
.Content7 .specifications table{width:60%;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 18px 2%;color:#565656;font-size:0.9em;background:#e5e5e5;font-weight:bold}
.Content7 .specifications table td{padding:18px 0;color:#414141;font-size:0.9em;font-weight:300;text-align:center}
.Content7 .specifications table td.blank_cell{border-right:1px solid #cacaca}
.Content7 .ordering_info{padding-top:70px;text-align:left}
.Content7 .ordering_info h3{font-size:1.6em;font-weight:bold;line-height:1em;letter-spacing:1px;margin-bottom:15px}
.Content7 .ordering_info table{width:60%;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:bold}
.Content7 .ordering_info table td{padding:10px 0;color:#414141;font-size:0.9em;text-align:center;font-weight:300}
.Content7 .ordering_info table td.bg_col{background:#e5e5e5}
.Content7 .ordering_info table.nt_tb{margin-top:60px}
.Content7 .prd_img{position:absolute;right:5%;top:16%}
.Content7 .prd_img .pc_img{width:80%}
.Content7 .prd_img .m_img{display:none}
.Content7 .btn_area{width:100%;display:inline-block;text-align:center;margin:70px 0}
.Content7 .btn_area a{width:290px;margin:0 15px;display:inline-block;padding:25px 0;font-size:0.8em;color:#fff}
.Content7 .btn_area a img{margin-left:10px}
.Content7 .btn_area a.com_btn1{background:#47a2cc;border:1px solid #47a2cc}
.Content7 .btn_area a.com_btn2{background:#424242;border:1px solid #424242}

@media all and (max-width:1600px) {
    .Content7 .prd_img{right:-2%}
}
@media all and (max-width:1400px) {
    .Content7 .prd_img .pc_img{width:70%}
    .Content7 .prd_img{right:-5%}
}
@media all and (max-width:1200px) {
    article{width:100%;padding-left:2%;padding-right:2%}
    .Content2{height:500px}
    .Content5 ul.photo li{width:32%}
    .Content5 ul.photo li img{width:100%}
    .Content7 .ordering_info{padding:70px 2% 0 2%}
    .Content7 .prd_img .pc_img{width:60%}
    .Content7 .prd_img{right:-9%}
}
@media all and (max-width:1024px) {
    .Content1 article > img{width:100%}
    .Content7 .prd_img .pc_img{width:50%}
    .Content7 .prd_img{right:-14%}
}
@media all and (max-width:880px) {
    .Content7 .prd_img .pc_img{width:45%}
    .Content7 .prd_img{right:-19%}
}
@media all and (max-width:812px) {
    .Content1 .pc_main{display:none}
    .Content1 .m_main{display:inline-block;width:100%;max-width:640px}
    .Content2{height:auto;padding:100px 0;background:url(/kimg/prd_details/usb/NEO_C30_m_Content2_bg.jpg) no-repeat right bottom;background-size:cover}
    .Content2 ul{margin-top:0;width:100%}
    .Content3{padding:50px 0}
    .Content4{padding:50px 0;background:#e0e0e0}
    .Content6 .part{margin:0}
    .Content6 .part ul{width:100%;margin-bottom:40px}
    .Content6 .part ul li.icon img{width:55%}
    .Content7{background:#f0f0f0;padding:70px 0 0 0}
    .Content7 .specifications table{width:100%}
    .Content7 .ordering_info table{width:100%}
    .Content7 .prd_img{position:relative;width:100%;display:inline-block;margin:0 0 20px 0;right:initial;top:initial;text-align:center}
    .Content7 .prd_img .pc_img{display:none}
    .Content7 .prd_img .m_img{display:inline-block;max-width:640px}
}
@media all and (max-width:670px) {
    .Content1 .logo img{width:90%}
    .Content2 ul li.text1 br{display:none} 
    .Content4 ul li.icon img{max-width:60%}
    .Content5 ul.photo{margin-top:0}
    .Content6{padding:0 0 30px 0}
    .Content7 .btn_area a{width:80%;margin-bottom:15px}
    .Content7 .prd_img .m_img{max-width:100%}
}
@media all and (max-width:524px) {
    .Content2{padding:50px 0}
    .Content7 .btn_area a{padding:15px 0}
}
@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 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.text{font-size:0.8em}
    .Content4 ul li.tit{font-size:1.4em;line-height:1.4em}
    .Content4 ul li.text{font-size:0.8em}
    .Content5{padding:50px 0}
    .Content6 .part ul li.tit{font-size:1em}
    .Content6 .part ul li.text{font-size:0.8em;float:right}
    .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% 0 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}
}
@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{width:100%}
    .Content2 ul li.text2 span{width:120px;height:79px;background-size:100% 100%;padding-top:23px;font-size:0.8em;}
    .Content5{padding:50px 0 50px 0}
    .Content6{padding:0}
    .Content6 .part ul li.tit{font-size:0.8em}
    .Content6 .part ul li.text{font-size:0.7em}
    .Content7{padding:40px 0 0 0}
    .Content7 .specifications table th{font-size:0.5em} 
    .Content7 .specifications table td{font-size:0.5em}
    .Content7 .ordering_info{padding:20px 2% 0 2%}
    .Content7 .ordering_info table.nt_tb{margin-top:30px}
    .Content7 .ordering_info table th{font-size:0.5em}
    .Content7 .ordering_info table td{font-size:0.5em}
    .Content7 .btn_area{margin:30px 0}
}