@charset "utf-8";
/* CSS Document */

/* CSS Document */
body {color: #666; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:190%; margin: 0 0px; padding: 0 0px; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none; background-color:#F5F5F5}
img { border: 0;}
a{ color: #666666; text-decoration: none; cursor:hand;}
a:hover{ color: #000000;  text-decoration: none; cursor:hand;}
h1, h2, h3, h4, h5, h6, p { margin: 0 0px; padding: 0px }
ul { list-style-type: none; margin: 0px; padding: 0px;}
li { list-style-type: none; margin: 0px; padding: 0px;}
.clear { clear: both; zoom: 1; }
.clear:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }
dd,dl,dt { margin: 0px; padding: 0px; float:left;}
p { padding:0; margin:0;}


/*--------------*/
#main_wrap { width:990px; min-height:500px; margin:0 auto;}
#header_warp { width:990px; height:95px; float:left; }
#banner_warp { width:990px; height:415px; background:url(../_img/bg_banner.png) top no-repeat; float:left;  }
#banner_short_warp { width:990px; height:130px; background:url(../_img/bg_banner.png) top no-repeat; float:left;  }
#content_wrap { width:990px; min-height:500px; background:url(../_img/bg_content.png) repeat-y; float:left;  }
#footer_wrap { width:990px; height:90px; background:url(../_img/bg_footer.png) top no-repeat; float:left; }


/*----------------*/
.logo { float:left; background:url(../_img/logo.gif); width:144px; height:37px; margin:37px 0 0 15px;}
.banner { width:978px; height:409px; margin:6px 0 0 6px; float:left;}
.banner_short { width:978px; height:130px; margin:6px 0 0 6px; float:left;}
.menu { width:980px; height:64px; margin:0 0 0 5px; float:left; background:url(../_img/bg_menu.png) left top no-repeat;}
.menu ul { margin:15px 0 0 50px;}
.menu li { display:inline-block; margin:0 35px 0 0; float:left;}
.menu li a:hover { color:#000;}
.content { width:978px; min-height:500px; margin:6px 0 0 6px; float:left;}
.content ul { display:block; padding:0;}
#spec { width:880px; margin:30px 0 30px 50px; background-color:#FF0; float:left;}
#spec td.top_left { background:url(../_img/spec_td_title.png); width:209px; height:50px; line-height:50px; font-size:16px; padding-left:10px; color:#FFF; font-weight:bold; border-right:1px solid #3F3F3F; border-bottom:1px solid #000; border-left:none; border-top:none;}
#spec td.top { background:url(../_img/spec_td_title.png); width:208px; height:50px; line-height:50px; font-size:16px; padding-left:10px; color:#FFF; font-weight:bold; border-right:1px solid #3F3F3F; border-left:1px solid #000;border-bottom:1px solid #000;border-top:none;}
#spec td.left { /*width:208px; */height:50px; line-height:50px; border-right:1px solid #EEEEEE; border-left:none; border-bottom:1px solid #C8C8C8; font-size:12px; padding-left:10px; color:#666; font-weight:bold; background-color:#DDDDDD;}
#spec td { /*width:208px; */height:50px; line-height:50px; border-right:1px solid #EEEEEE; border-left:1px solid #C8C8C8; border-bottom:1px solid #C8C8C8; border-top:1px solid #EEEEEE; font-size:12px; padding-left:10px; color:#000; font-weight:normal; background-color:#E4E4E4;}
#spec td span.color { position:absolute; padding:-10px 0 0 10px; margin:-10px 0 0 10px;}
#spec td.right { width:220px; border-right:1px solid #EEEEEE;}
#spec td.color { border:none;}
.footer { width:978px; height:50px; margin:35px 0 0 6px; float:left; text-align:right; color:#999}

ul.language { display:block; position:absolute; left:50%; width:140px; height:20px; padding:0; margin:15px 0 0 355px;}
ul.language li { float:left}

ul.navi { display:block; float:right; width:400px; height:25px; padding:0; margin:54px 0 0 0;}
li.btn_home { display:block; width:80px; height:20px; text-indent:-9999px; margin:0 30px 0 0; float:left;}
li.btn_home a { background:url(../_img/chs_btn_home.png) left top no-repeat; display:block; width:80px; height:20px; text-indent:-9999px;}
li.btn_home a:hover {  background:url(../_img/chs_btn_home.png) left -20px no-repeat;}

li.btn_where { display:block; width:71px; height:20px; text-indent:-9999px; margin:2px 30px 0 0; float:left;}
li.btn_where a { background:url(../_img/chs_btn_where.png) left top no-repeat; display:block; width:71px; height:20px; text-indent:-9999px;}
li.btn_where a:hover {  background:url(../_img/chs_btn_where.png) left -20px no-repeat;}

li.btn_repair { display:block; width:71px; height:20px; text-indent:-9999px; margin:2px 30px 0 0; float:left;}
li.btn_repair a { background:url(../_img/chs_btn_repair.png) left top no-repeat; display:block; width:71px; height:20px; text-indent:-9999px;}
li.btn_repair a:hover {  background:url(../_img/chs_btn_repair.png) left -20px no-repeat;}

li.btn_canvio { display:block; width:71px; height:20px; text-indent:-9999px; margin:2px 30px 0 0; float:left;}
li.btn_canvio a { background:url(../_img/chs_btn_canvio.png) left top no-repeat; display:block; width:71px; height:20px; text-indent:-9999px;}
li.btn_canvio a:hover {  background:url(../_img/chs_btn_canvio.png) left -20px no-repeat;}

li.btn_basic { display:block; width:90px; height:20px; text-indent:-9999px; margin:2px 0 0 0; float:left;}
li.btn_basic a { background:url(../_img/chs_btn_basic.png) left top no-repeat; display:block; width:90px; height:20px; text-indent:-9999px; margin:0;}
li.btn_basic a:hover {  background:url(../_img/chs_btn_basic.png) left -20px no-repeat;}

/*---Canvio-------------*/
.article { margin:10px 0 0 0; text-align:justify; text-justify:distribute; }
.remark { -webkit-text-size-adjust: none; font-size:11px;  *font-size:10px; font-size:10px\0; color:#999;}
.sec_cloud { background:url(../_img/canvio_cloud.jpg) left top no-repeat; widows:100%; height:395px;}
.sec_cloud ul { width:380px; float:right; margin:50px 50px 0 0;}
.sec_cloud li.title { background:url(../_img/chs_canvio_title_cloud.png) no-repeat; display:block; width:380px; height:75px; text-indent:-9999px;}

.sec_muvee { background:url(../_img/canvio_muvee.jpg) 420px top no-repeat; widows:100%; height:410px;}
.sec_muvee ul { width:370px; float:left; margin:50px 0 0 50px;}
.sec_muvee li.title { background:url(../_img/chs_canvio_title_muvee.png) no-repeat; display:block; width:370px; height:86px; text-indent:-9999px;}

.sec_nti { background:url(../_img/chs_canvio_nti.jpg) left top no-repeat; widows:100%; height:400px; margin:20px 0 0 0;}
.sec_nti ul { width:380px; float:right; margin:0 50px 0 0;}
.sec_nti li.title { background:url(../_img/chs_canvio_title_nti.png) no-repeat; display:block; width:380px; height:90px; text-indent:-9999px;}

.sec_canvio_usb3 { width:256px; float:left; padding:0 35px 0 35px; margin-top:20px; background:url(../_img/bg_canvio_usb3.png) left top no-repeat; height:297px;}
.sec_canvio_usb3 ul { float:right; margin-top:30px;}
.sec_canvio_usb3 li.title { background:url(../_img/chs_canvio_title_usb3.png) no-repeat; display:block; width:200px; height:20px; text-indent:-9999px;}

.sec_canvio_warranty { width:256px; float:left; padding:0 35px 0 35px; margin-top:20px; background:url(../_img/bg_canvio_warranty.png) left top no-repeat; height:297px;}
.sec_canvio_warranty ul { float:right; margin-top:30px;}
.sec_canvio_warranty li.title { background:url(../_img/chs_canvio_title_warranty.png) no-repeat; display:block; width:200px; height:20px; text-indent:-9999px;}

.sec_canvio_shock { width:256px; float:left; padding:0 35px 0 35px; margin-top:20px; background:url(../_img/bg_canvio_shock.png) left top no-repeat; height:297px;}
.sec_canvio_shock ul { float:right; margin-top:30px;}
.sec_canvio_shock li.title { background:url(../_img/chs_canvio_title_shock.png) no-repeat; display:block; width:200px; height:20px; text-indent:-9999px;}

/*---Basic-------------*/
.sec_basic_usb3 { background:url(../_img/basic_usb3.jpg) left top no-repeat; widows:100%; height:395px;}
.sec_basic_usb3 ul { width:380px; float:right; margin:50px 50px 0 0;}
.sec_basic_usb3 li.title { background:url(../_img/chs_basic_title_usb3.png) no-repeat; display:block; width:380px; height:85px; text-indent:-9999px;}


.sec_basic_shock { width:419px; height:180px; padding:0 20px 0 50px; margin-top:40px; float:left}
.sec_basic_shock ul { width:419px; float:left; margin:0;}
.sec_basic_shock li.title { background:url(../_img/chs_basic_title_shock.png) no-repeat; display:block; width:190px; height:35px; text-indent:-9999px;}

.sec_basic_warranty { width:419px; height:180px; padding:0 50px 0 20px; margin-top:40px; float:left; }
.sec_basic_warranty ul { width:419px; float:left; margin:0;}
.sec_basic_warranty li.title { background:url(../_img/chs_basic_title_warraty.png) no-repeat; display:block; width:350px; height:35px; text-indent:-9999px;}

/*---Where---*/
.area { width:978px; margin:0; padding:10px 0 30px 0;  float:left; text-align:center; border-bottom:1px solid #EBEBEB; }