﻿/*Common*/
body{color:#343434;font-size:1em;line-height:1em}
section{width:100%;display:inline-block}
article{width:1200px;display:inline-block}
.Content1{height:740px;background:url(/kimg/prd_details/ssd/Urbane_U610_main_img.jpg) right top;background-size:cover;position:relative}
.Content1 .main_text ul{float:left;text-align:left;margin-top:230px}
.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;text-shadow:1px 1px 2px #000}
.Content2{height:622px;background:#fff url(/kimg/prd_details/ssd/Urbane_U610_content2_bg.jpg) no-repeat left bottom;background-size:50%;position:relative}
.Content2 ul{float:right;text-align:right;margin-top:160px}
.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:513px;background:#eee url(/kimg/prd_details/ssd/Urbane_U610_content3_bg.jpg) no-repeat right 59%;background-size:50%;position:relative}
.Content3 ul{float:left;text-align:left;margin-top:125px}
.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:50px;color:#414141;line-height:1.2em}
.Content4{background:url(/kimg/prd_details/ssd/Urbane_U610_content4_bg.jpg) no-repeat center center;background-size:cover}
.Content4 ul{width:100%;display:inline-block;margin:80px 0 0 0}
.Content4 ul:last-child{margin:80px 0 80px 0}
.Content4 li{text-align:center;color:#fff}
.Content4 li.tit{font-size:2em;font-weight:700;line-height:1em;letter-spacing:-1px}
.Content4 li.text1{font-size:0.9em;line-height:1.6em;margin:30px 0 20px 0;font-weight:300}
.Content4 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:48px;text-transform:uppercase}
.Content5{padding:130px 0}
.Content5 .part{width:100%;display:inline-block}
.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.4em;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}
.Content5 .part ul li.text span{width:100%;display:inline-block}
.Content6{background:#171c22 url(/kimg/prd_details/ssd/Urbane_U610_content6_bg.jpg) no-repeat center center;padding:100px 0 60px 0;background-size:cover}
.Content6 h2{color:#fff;font-size:2em;line-height:1.4em;margin-bottom:40px}
.Content6 h5{color:#fff;font-size:1em;line-height:1.4em;font-weight:300}
.Content6 img.img_data{margin:80px 0 110px 0}
.Content6 ul{text-align:left;margin:40px 0;width:100%;display:inline-block;padding:0 20px}
.Content6 ul li.tit{color:#fff;font-size:1.6em;line-height:1.2em;margin-bottom:10px}
.Content6 ul li.text{color:#fff;line-height:1.6em;font-weight:300;font-size:0.9em;text-align:justify}
.Content6 ul.white{background:url(/kimg/prd_details/common/features_line_white.gif) no-repeat;background-size:2px 100%}
.Content6 ul.gray{background:url(/kimg/prd_details/common/features_line.gif) no-repeat;background-size:2px 100%}
.Content7{background:#e4eaee;padding:100px 0;position:relative}
.Content7 .photo{position:absolute;right:0;top:15%}
.Content7 .photo img{width:70%}
.Content7 ul{width:50%;float:left;text-align:left}
.Content7 li.tit{font-size:1.6em;font-weight:700;line-height:1em;letter-spacing:-1px}
.Content7 li.text1{font-size:1.2em;font-weight:700;color:#18a9ba;margin-top:35px}
.Content7 li.text2{font-size:0.9em;line-height:1.6em;margin:10px 0;font-weight:300}
.Content7 li.btn_area{margin-top:25px}
.Content7 li a{width:48%;display:inline-block;padding:15px;text-align:center;font-size:0.9em;color:#fff}
.Content7 li a img{margin-left:20px}
.Content7 li a.btn1{background:#47a2cc;border:1px solid #2d89b4}
.Content7 li a.btn2{background:#424242;border:1px solid #343434}
.Content8{background:#e4eaee;position:relative}
.Content8 ul.text_area{width:50%;float:right;text-align:right;margin-top:80px}
.Content8 ul.text_area li.tit{font-size:2em;font-weight:700;line-height:1em;letter-spacing:-1px}
.Content8 ul.text_area li.text1{font-size:1.2em;font-weight:700;color:#18a9ba;margin-top:35px}
.Content8 ul.text_area li.text2{font-size:0.9em;line-height:1.6em;margin:10px 0;font-weight:300}
.Content8 ul.text_area li.btn_area{margin-top:25px}
.Content8 ul.text_area li a{width:48%;display:inline-block;padding:15px;text-align:center;font-size:0.9em;color:#fff}
.Content8 ul.text_area li a img{margin-left:20px}
.Content8 ul.text_area li a.btn1{background:#47a2cc;border:1px solid #2d89b4}
.Content8 ul.text_area li a.btn2{background:#424242;border:1px solid #343434}
.Content8 .icon_area{width:50%;height:436px;float:left;background:radial-gradient(circle, #fff 10%, #e4eaee 50%)}
.Content8 .icon_area h4{font-size:1.5em;text-transform:uppercase;color:#00b6eb;letter-spacing:-2px;margin-top:140px;margin-bottom:20px}
.Content8 .icon_area ul{width:25%;float:left;padding:0 2%}
.Content8 .icon_area ul li.tit{margin:10px 0;color:#00b6eb;font-size:0.9em;font-weight:700}
.Content8 .icon_area ul li.text{color:#717171;font-size:0.7em;line-height:1.2em}
.Content8 .icon_area ul.line1{background:url(/kimg/prd_details/ssd/Urbane_U610_line1.png) no-repeat right center}
.Content8 .icon_area ul.line2{background:url(/kimg/prd_details/ssd/Urbane_U610_line2.png) no-repeat right center}
.Content9 {background:#f0f0f0;padding:80px 0}
.Content9 h3{font-size:1.6em;font-weight:700;line-height:1em;letter-spacing:-1px;margin-bottom:20px}
.Content9 .part1{display:block;margin:0 auto;text-align:left;background:url(/kimg/prd_details/ssd/Urbane_U610_photo4.png) no-repeat right 120px;padding-bottom:100px}
.Content9 .part1 h5{font-size:1.4em;margin:30px 0 15px 0}
.Content9 .part1 table{width:70%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-bottom:1px solid #cacaca}
.Content9 .part1 table th{padding:10px 0;background:#e5e5e5;text-align:center;font-size:0.9em;color:#565656;font-weight:normal;line-height:1.4em;font-family:'Anton'}
.Content9 .part1 table td{padding:15px 0;text-align:center;font-size:0.9em;}
.Content9 .part2{text-align:right;padding:50px 0;background:url(/kimg/prd_details/ssd/Urbane_U610_photo5.png) no-repeat left center;margin-top:100px}
.Content9 .part2 h3{width:70%;text-align:left;display:inline-block;margin-bottom:50px}
.Content9 .part2 table{width:70%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.Content9 .part2 table tr{border-bottom:1px solid #cacaca}
.Content9 .part2 table th{text-align:center;padding:10px 0;color:#565656;font-weight:normal;font-family:'Anton'}
.Content9 .part2 table td{text-align:center;padding:15px 0;color:#414141}
.Content9 .part2 table tr.bg_color td{background:#e5e5e5}
.Content9 .btn_area{width:100%;display:inline-block;text-align:center;margin-top:30px}
.Content9 .btn_area a{width:290px;margin:0 15px;display:inline-block;padding:25px 0;font-size:0.8em;color:#fff}
.Content9 .btn_area a img{margin-left:10px}
.Content9 .btn_area a.com_btn1{background:#47a2cc;border:1px solid #47a2cc}
.Content9 .btn_area a.com_btn2{background:#424242;border:1px solid #424242}
.GotoEssencore h3 span{font-family:'Anton'}
@media all and (max-width:1200px) {
    article{width:100%;padding-left:2%;padding-right:2%}
    .Content1 .main_text ul li.text3 br{display:none}
    .Content5 .part ul li.tit{font-size:1.2em}
    .Content7 .photo{width:40%;right:2%}
    .Content7 .photo img{width:100%}
    .Content9 .part1{background-position:98% 120px}
    .Content9 .part2{background-position:2% center}
}
@media all and (max-width:1024px) {
    .Content4 li.tit{font-size:1.6em}
    .Content4 li.text1{font-size:0.8em}
    .Content7 ul{width:60%}
    .Content7 li a{font-size:0.8em;padding:15px 0}
    .Content7 .photo{width:30%;margin-top:auto;top:35%}
    .Content8 ul.text_area li a{font-size:0.8em;padding:15px 0}
    .Content9 .part1 table{width:64%}
    .Content9 .part2{padding:50px 2%}
    .Content9 .part2 h3{width:64%}
    .Content9 .part2 table{width:64%}
}
@media all and (max-width:812px) {
    .Content1{height:auto;padding:100px 0}
    .Content1 .main_text ul{width:80%;margin-top:0}
    .Content2{height:auto;padding:100px 0}
    .Content2 ul{margin-top:0}
    .Content3{height:auto;padding:100px 0}
    .Content3 ul{margin-top:0}
    .Content5 .part{margin:0}
    .Content5 .part ul{width:100%;margin-bottom:40px}
    .Content5 .part ul li.icon img{width:55%}
    .Content6 img.img_data{width:100%;max-width:750px}
    .Content7{padding:50px 0 0 0}
    .Content7 ul{width:100%}
    .Content7 li.btn_area{text-align:center}
    .Content7 .photo{position:relative;width:100%;margin-top:80px;right:initial;top:initial;display:inline-block}
    .Content7 .photo img{width:100%;max-width:640px}
    .Content8{padding:50px 0}
    .Content8 ul.text_area{width:100%;margin-top:0;text-align:left}
    .Content8 ul.text_area li.btn_area{text-align:center}
    .Content8 ul.text_area li.text1{font-size:1em}
    .Content8 ul.text_area li.text2{font-size:0.8em}
    .Content8 ul.text_area li a{width:100%;margin-bottom:10px}
    .Content8 .icon_area{width:100%;height:auto;padding-bottom:50px}
    .Content8 .icon_area h4{margin-top:40px;font-size:1.2em}
    .Content8 .icon_area ul{width:50%;margin-bottom:20px;}
    .Content8 .icon_area ul.line1{background-image:none}
    .Content8 .icon_area ul.line2{background-image:none}
    .Content9 .part1{background-size:30%;background-position:98% center}
    .Content9 .part2{background-size:30%;background-position:2% center}
    .Content9 .part1 table th{font-size:0.8em}
    .Content9 .part1 table td{font-size:0.8em}
    .Content9 .part2 table th{font-size:0.8em}
    .Content9 .part2 table td{font-size:0.8em}
}
@media all and (max-width:670px) {
    .Content1{height:908px;background:url(/kimg/prd_details/ssd/Urbane_U610_m_main_img.jpg) center bottom;background-size:cover}
    .Content2{background:#fff url(/kimg/prd_details/ssd/Urbane_U610_m_content2_bg.jpg) no-repeat left bottom;background-size:80%;padding:120px 0}
    .Content2 ul{width:60%}
    .Content2 ul li.text1 br{display:none}
    .Content3{background:#eee url(/kimg/prd_details/ssd/Urbane_U610_m_content3_bg.jpg) no-repeat center bottom;background-size:100%;padding:80px 0 420px 0}
    .Content3 ul{width:100%;text-align:center}
    .Content3 ul li.text1 br{display:none}
    .Content5{padding:40px 0 0 0}
    .Content9 .part1{background:url(/kimg/prd_details/ssd/Urbane_U610_m_photo4.jpg) no-repeat center center;background-size:cover;padding-bottom:0}
    .Content9 .part1 table{width:100%}
    .Content9 .part2{background:url(/kimg/prd_details/ssd/Urbane_U610_m_photo5.jpg) no-repeat center center;background-size:cover;margin-top:0}
    .Content9 .part2 h3{width:100%}
    .Content9 .part2 table{width:100%}
    .Content9 .btn_area a{width:80%;margin-bottom:15px}
}
@media all and (max-width:524px) {
    .Content1 .main_text ul li.logo img{width:100%}
    .Content2{padding:50px 0;background-size:80%}
    .Content2 ul{width:90%}
    .Content2 ul li.text1{text-shadow:1px 1px 1px #fff}
    .Content3{padding:80px 0 420px 0}
    .Content3 ul li.text1{text-shadow:1px 1px 1px #fff}
    .Content5 .part ul li.text br{display:none}
    .Content6 ul li.tit{font-size:1.4em}
    .Content9 .part1 h5{font-size:1.2em}
    .Content9 .btn_area a{padding:15px 0}
}
@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}
    .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}
    .Content3 ul li.tit{font-size:1.6em;line-height:1.4em}
    .Content3 ul li.text1{font-size:0.8em}
    .Content3 ul li.text1 br{display:none}
    .Content4 li.tit{font-size:1.4em;line-height:1.4em}
    .Content4 li.text1{font-size:0.8em}
    .Content4 li.tit{font-size:1.4em}
    .Content5 .part ul li.tit{font-size:1em}
    .Content5 .part ul li.text{font-size:0.8em}  
    .Content6 h2{font-size:1.6em;line-height:1.4em}
    .Content6 h5{font-size:0.8em}
    .Content6 img.img_data{margin:50px 0 30px 0}
    .Content6 ul{margin:20px 0;text-align:left}
    .Content6 ul li.tit{font-size:1.2em}
    .Content6 ul li.text{font-size:0.8em}
    .Content7 li.tit{font-size:1.6em;line-height:1.4em}
    .Content7 li.text1{font-size:1em}
    .Content7 li.text2{font-size:0.8em}
    .Content7 li a{width:100%;margin-bottom:10px}
    .Content9 .part1 h5{font-size:1em}
    .Content9 .part1 table th{font-size:0.6em;padding:5px 0}
    .Content9 .part1 table td{font-size:0.6em;padding:5px 0}
    .Content9 .part2{margin-top:40px}
    .Content9 .part2 table th{font-size:0.6em;padding:5px 0}
    .Content9 .part2 table td{font-size:0.6em;padding:5px 0}
}
@media all and (max-width:340px) {
    .Content1{height:530px}
    .Content1 .main_text ul{margin-top:0}
    .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;text-shadow:1px 1px 1px #000}
    .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{width:100%}
    .Content3 ul li.text2 span{width:120px;height:79px;background-size:100% 100%;padding-top:23px;font-size:0.8em}
    .Content3{padding-bottom:30px;background-position:center center}
    .Content3 ul{margin-top:50px}
    .Content3 ul li.tit{font-size:1.2em}
    .Content3 ul li.text1{font-size:0.7em}
    .Content3 ul li.text1 br{display:none}
    .Content3 ul li.text2 span{width:120px;height:79px;background-size:100% 100%;padding-top:30px;font-size:0.8em}
    .Content4{padding:50px 0 0 0}
    .Content4 ul{padding:0}
    .Content4 li.tit{font-size:1em}
    .Content4 li.text1{font-size:0.8em;text-align:justify}
    .Content4 li.text2 span{width:120px;height:79px;background-size:100% 100%;padding-top:30px;font-size:0.8em}
    .Content6 ul li.text{font-size:0.7em}
    .Content7 li.tit{font-size:1em}
    .Content7 li.text1{font-size:0.9em}
    .Content7 li.text2{font-size:0.8em}
    .Content8 ul.text_area li.text1{font-size:0.9em}
    .Content8 ul.text_area li.text2{font-size:0.8em}
    .Content9{padding:40px 0}
    .Content9 h3{font-size:1.2em}
    .Content9 .btn_area{margin-top:0}
    .Content9 .part2{margin-top:20px}
}