﻿/*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:665px}
.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/Black_Edition_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-family:'Anton';font-weight:normal;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:46px;color:#fff;line-height:1.2em}
.Content3{padding:20px 0;background:url(/kimg/prd_details/usb/Black_Edition_Content3_bg.gif) no-repeat center center;margin-top:107px}
.Content3 ul{width:50%;float:left;text-align:center}
.Content3 ul li.tit{font-size:2em;font-weight:700;line-height:1em}
.Content3 ul li.text1{font-size:0.9em;line-height:1.6em;margin-top:45px;font-weight:300}
.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;line-height:1.2em;margin-bottom:45px}
.Content4{padding:55px 0 95px 0}
.Content4 ul.photo{width:100%;display:inline-block;margin-top:50px}
.Content4 ul.photo li{display:inline-block}
.Content4 ul.photo li.at_left{float:left}
.Content4 ul.photo li.at_right{float:right}
.Content4 ul li img{width:100%;max-width:378px}
.Content5{padding:70px 0 30px 0}
.Content5 .part{width:100%;display:inline-block;margin-bottom:80px}
.Content5 .part ul{width:50%;float:left}
.Content5 .part ul li{float:left;text-align:left}
.Content5 .part ul li.icon{width:33%;text-align:center;vertical-align:top}
.Content5 .part ul li.icon img{width:65%}
.Content5 .part ul li.tit{width:67%;font-size:1.6em;line-height:1.1em;font-weight:700;margin-bottom:15px}
.Content5 .part ul li.text{width:67%;font-size:0.9em;line-height:1.4em;font-weight:300;float:right}
.Content6{background:#f0f0f0;padding-top:70px;position:relative}
.Content6 .specifications{text-align:left}
.Content6 .specifications h3{font-size:1.6em;font-family:'Anton';font-weight:600;line-height:1em;letter-spacing:1px;margin-bottom:20px}
.Content6 .specifications table{width:60%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.Content6 .specifications table tr{border-bottom:1px solid #cacaca}
.Content6 .specifications table th{width:26.5%;padding:18px 0 18px 2%;color:#565656;font-size:0.9em;background:#e5e5e5;font-weight:700}
.Content6 .specifications table td{padding:18px 0;color:#414141;font-size:0.9em;font-weight:300;text-align:center}
.Content6 .specifications table td ul{width:100%;display:inline-block}
.Content6 .specifications table td ul li{width:33%;float:left}
.Content6 .ordering_info{padding-top:70px;text-align:left}
.Content6 .ordering_info h3{font-size:1.6em;font-family:'Anton';font-weight:600;line-height:1em;letter-spacing:1px;margin-bottom:15px}
.Content6 .ordering_info table{width:60%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.Content6 .ordering_info table tr{border-bottom:1px solid #cacaca}
.Content6 .ordering_info table th{padding:15px 0;color:#565656;font-size:0.9em;text-align:center;font-weight:700}
.Content6 .ordering_info table td{padding:10px 0;color:#414141;font-size:0.9em;text-align:center;font-weight:300}
.Content6 .ordering_info table td.bg_col{background:#e5e5e5}
.Content6 .ordering_info table.nt_tb{margin-top:60px}
.Content6 .prd_img{position:absolute;right:3%;top:15%}
.Content6 .prd_img img{width:80%}
.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}

@media all and (max-width:1200px) {
    article{width:100%;padding-left:2%;padding-right:2%}
    .Content2{height:500px}
    .Content4 ul.photo li{width:32%}
    .Content4 ul.photo li img{width:100%}
    .Content6 .ordering_info{padding:70px 2% 0 2%}
    .Content6 .prd_img{right:0}
}
@media all and (max-width:1024px) {
    .Content1 article > img{width:68.5%}
    .Content6 .prd_img{width:30%}
    .Content6 .prd_img img{width:100%}
}
@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/Black_Edition_m_Content2_bg.jpg) no-repeat right bottom;background-size:cover}
    .Content2 ul{margin-top:0;width:100%}
    .Content3{background:none;padding:80px 0 0 0} 
    .Content3 ul{width:100%}
    .Content3 ul:first-child{padding-bottom:50px;background:url(/kimg/prd_details/usb/Black_Edition_m_Content3_bg.gif) no-repeat center bottom}
    .Content3 ul:nth-child(2){margin-top:50px}
    .Content5 .part{margin:0}
    .Content5 .part ul{width:100%;margin-bottom:40px}
    .Content5 .part ul li.icon img{width:55%}
    .Content6{background:#f0f0f0 url(/kimg/prd_details/usb/Black_Edition_m_Content6_bg.jpg) no-repeat center center;background-size:98%;padding:70px 0 0 0}
    .Content6 .specifications table{width:100%}
    .Content6 .specifications table th{background:none}
    .Content6 .ordering_info table{width:100%}
    .Content6 .prd_img{display:none}
}
@media all and (max-width:670px) {
    .Content1 .logo img{width:90%}
    .Content2 ul li.text1 br{display:none} 
    .Content3 ul li.text1 br{display:none}
    .Content4 ul.photo{margin-top:0}
    .Content5{padding:0 0 30px 0}
    .Content6 .btn_area a{width:80%;margin-bottom:15px}
}
@media all and (max-width:524px) {
    .Content2{padding:50px 0}
    .Content6 .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.text1{font-size:0.8em;margin-top:20px}
    .Content3 ul li.text2 span{margin-bottom:20px}
    .Content4{padding:50px 0}
    .Content5 .part ul li.tit{font-size:1em}
    .Content5 .part ul li.text{font-size:0.8em;float:right}
    .Content6 .specifications h3{font-size:1.2em}
    .Content6 .specifications table th{font-size:0.8em} 
    .Content6 .specifications table td{font-size:0.8em}
    .Content6 .ordering_info{padding:50px 2% 0 2%} 
    .Content6 .ordering_info h3{font-size:1.2em}
    .Content6 .ordering_info table colgroup{display:none}
    .Content6 .ordering_info table th{font-size:0.8em}
    .Content6 .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;}
    .Content3 ul li.text1{margin-top:20px}
    .Content3 ul li.text2 span{width:120px;height:79px;background-size:100% 100%;padding-top:23px;font-size:0.8em;margin-bottom:20px}
    .Content4{padding:50px 0 50px 0}
    .Content5{padding:0}
    .Content5 .part ul li.tit{font-size:0.8em}
    .Content5 .part ul li.text{font-size:0.7em}
    .Content6 .specifications table th{font-size:0.5em} 
    .Content6 .specifications table td{font-size:0.5em}
    .Content6 .ordering_info{padding:20px 2% 0 2%}
    .Content6 .ordering_info table.nt_tb{margin-top:30px}
    .Content6 .ordering_info table th{font-size:0.5em}
    .Content6 .ordering_info table td{font-size:0.5em}
}