@charset "utf-8";

/* ### UNIVERSAL ### */
body {padding:0; margin:0; font-family:Tahoma; font-size:10px;}
a img, a img:hover {border:none}
ul, ol, li {margin:0; padding:0; list-style:none;}

/* ### CONTAINER ### */
#container {margin:0 auto; padding:24px; width:902px;}

/* ### IMAGE SPRITES ### */
/* quick link */
.ql {
	display:block; float:left; height:7px;
	background:url(../img/qlink.gif) no-repeat; border-right:solid 1px #939ba2;
}
.ql_news {width:32px; background-position:left 0px}
.ql_news:hover, .select .ql_news {background-position:left -7px}
.ql_about  {width:64px; background-position:left -14px}
.ql_about:hover, .select .ql_about {background-position:left -21px}
.ql_where {width:73px; background-position:left -28px}
.ql_where:hover, .select .ql_where  {background-position:left -35px}
.ql_contact {width:61px; background-position:left -42px}
.hdr_qlink .ql_contact {width:53px; border-right:none;}
.ql_contact:hover, .select .ql_contact {background-position:left -49px}
.ql_sales {width:71px; background-position:left -56px}
.ql_sales:hover, .select .ql_sales {background-position:left -63px}
.ql_privacy {width:76px; background-position:left -70px}
.ql_privacy:hover, .select .ql_privacy {background-position:left -77px}
.ql_terms {width:63px; background-position:left -84px; border-right:none;}
.ql_terms:hover, .select .ql_terms {background-position:left -91px}
.ql_dl {width:49px; background-position:left -98px}
.ql_dl:hover {background-position:left -105px}
.ql_buy {width:51px; background-position:left -112px}
.ql_buy:hover {background-position:left -119px}
.ql_detail {width:32px; background-position:left -126px; border-right:none;}
.ql_detail:hover {background-position:left -133px}

/* location menu */
.qlc {
	display:block; width:77px; height:12px;
	background:url(../img/loc.gif) no-repeat;
}
/*.qlc_chz {background-position:left 0px}
.qlc_chz:hover {background-position:left -12px}*/
.qlc_cht {background-position:left 0px}
.qlc_cht:hover {background-position:left -12px}
/*.qlc_chh {background-position:left -48px}
.qlc_chh:hover {background-position:left -60px}*/
/*.qlc_eng {background-position:left -72px}
.qlc_eng:hover {background-position:left -84px}*/
.qlc_enu {background-position:left -24px}
.qlc_enu:hover {background-position:left -36px}
.qlc_jp {background-position:left -48px}
.qlc_jp:hover {background-position:left -60px}
.qlc_kr {background-position:left -72px}
.qlc_kr:hover {background-position:left -84px}
.qlc_close {width:8px; height:8px; background-position:left -98px}

/* main navigation */
.nv {
	display:block; float:left; width:168px; height:48px; margin-right:5px;
	background:url(../img/nav_main.gif) no-repeat; border-bottom:solid 6px #e7e7e7;
}
.hdr_nav li .nv.sel {border-bottom:solid 6px #76b900}
.hdr_nav li:hover .nv {border-bottom:solid 8px #76b900; height:46px;}
.nv_pro {background-position:left 0px}
.hdr_nav li:hover .nv_pro, .hdr_nav li .nv_pro.sel {background-position:left -48px}
.nv_exp {background-position:left -96px}
.hdr_nav li:hover .nv_exp, .hdr_nav li .nv_exp.sel {background-position:left -144px}
/*.hdr_nav li:hover .nv_exp.disable {background-position:left -96px; height:48px; border-bottom:solid 6px #e7e7e7;}*/
.hdr_nav li:hover .nv_exp.disable {cursor:default}
.nv_sup {background-position:left -192px}
.hdr_nav li:hover .nv_sup, .hdr_nav li .nv_sup.sel {background-position:left -240px}
.nv_com {background-position:left -288px}
.hdr_nav li:hover .nv_com, .hdr_nav li .nv_com.sel {background-position:left -336px}

/* sub title */
.sub_title {height:81px; background:url(../img/sub_title.gif) no-repeat;}
.ct_pro .sub_title {background-position:left 0px}
.ct_exp .sub_title {background-position:left -64px}
.ct_sup .sub_title {background-position:left -128px}

/* spec icon */
.is_spec {
	width:20px; height:26px; background:url(../img/index/ind_slid_spe.gif) no-repeat;
	display:block; float:left;
}
.sp_win {background-position:left 0px}
.sp_mac {background-position:left -26px}
.sp_usb {background-position:left -52px}

/* ### HEADER ### */
#header {height:84px; background: url(../img/hdr_bg.gif) left bottom repeat-x;}
.hdr_logo {float:left;}

/* quick link */
.hdr_qlink {float:right; width:273px;}
.hdr_qlink ul {padding:5px 9px 0 0; width:164px; float:left;}
.hdr_qlink ul li span {display:none}

/* location menu */
.ql_loc {width:100px; float:left;}
.ql_loc span, .ql span {display:none}

.qlc_btn {display:block; width:100px; height:17px; background:url(../img/btn_loc.gif) left top no-repeat; cursor:pointer;}

/*.ql_loc a.qlc_btn:hover ul {visibility:visible}*/
/*.ql_loc:hover ul {visibility:visible}*/

.ql_loc #loc_menu {
	position:absolute; /*visibility:hidden;*/ width:87px; height:131px; padding:16px 0 0 13px; margin-top:-17px;
	background:url(../img/loc_bg.gif) left top no-repeat; overflow:hidden; display:none; z-index:900;
}
#loc_menu ul {padding:0; float:none; width:auto;}
#loc_menu ul li {margin-bottom:7px;}
#loc_menu .qlc_close {float:right; margin: -12px 7px 0 0; cursor:pointer;}


/* main navigation */
.hdr_nav {float:left; /*width:534px;*/ margin:13px 0 0 28px;}
.hdr_nav ul li span {display:none}
.hdr_nav .nav_sub {
	position:absolute; visibility: hidden; z-index:1000;
	margin:54px 0 0 -15px; width:198px;
	padding-bottom:18px; background:url(../img/shd_btm.png) left bottom no-repeat;
}

.hdr_nav li:hover .nav_sub {visibility:visible;}

.hdr_nav ul li {display:block; float:left;}

.hdr_nav ul li ul {
	width:198px; margin:0 0 0 0;
	background: url(../img/shd_mid.png) left top repeat-y;
}
.hdr_nav ul li ul li {background: url(../img/nav_dash.gif) center bottom no-repeat; float:none;}
.hdr_nav ul li ul li a {
	font-size:10px; color:#777777; text-decoration:none;
	display:block;
	width:154px;
	padding:8px 2px 8px 7px;
	margin-left:16px;
	/*border-bottom: dotted 1px #cdcdcd;*/
}
.hdr_nav ul li ul li.nobdr {background:none}
.hdr_nav ul li ul li.nobdr a {padding-bottom:6px}
.hdr_nav ul li ul li a:hover {
	color:#76b900;
	background: url(../img/nav_arr.gif) 148px 6px no-repeat;
}

/* ### CONTENT ### */
#content {}

/* --- index.html begin --- */
.ct_index {overflow:auto; margin-top:15px;}

.ind_ad {margin:10px 0; overflow:hidden;}
.ind_ad a {margin-right:10px; display:block; float:left;}
.ind_ad a:last-child {margin-right:0}

.ind_sel {}
.ind_sel select {width:276px; color:#8f8f8f;}
.ind_sel select:first-child {margin-right:4px}/* mod1016 */

/* index slider */
.ind_slide {overflow:hidden; margin-bottom:10px;}/* mod1016 */
.is_arrl, .is_arrr {
	background: url('../img/index/ind_slid_arr.gif') left top no-repeat;
	display: block; width: 14px; height: 14px; float: left; margin-top: 34px;
}
a.is_arrl {background-position: left 0px}
a.is_arrl:hover {background-position: left -14px}
a.is_arrr {background-position: left -28px}
a.is_arrr:hover {background-position: left -42px}

/* mod1016 */
.is_tab {
	width: 300px; height: 78px; overflow: hidden; float: left; padding:0 2px; z-index:21; position:relative;
}

.is_tab ul {margin-top:8px; width:414px;}
.is_tab ul li {
	display:block; float:left; width:69px; height:78px; margin-right:8px;
}
.is_tab ul li.hover {background:url(../img/index/ind_slid_tab.gif) left top no-repeat;}
.is_tab ul li img {margin:3px 0 0 1px}

.is_cont {z-index:20; margin-top:-1px; float:left; clear:both; position:relative;}
.is_cont div {
	background:url('../img/index/ind_slid_bg.gif') left top no-repeat;
	width:306px; height:113px; padding:15px 13px 0; display:none;
}

/* mod1016 end */

.is_fea_list {margin-top:9px; height:54px; font-size:11px; color:#828282;}
.is_fea_list li {background:url(../img/index/ind_slid_li.gif) 1px 6px no-repeat; padding-left:9px;}

.is_spec_list {display:block; width:152px; overflow:auto; float:left;}
.is_spec_list li {display:inline}

.is_qlist {display:block; width:154px; overflow:auto; float:right; margin-top:18px;}

.is_spec span {display:none;}

/* index news */
.ind_news {
	width:331px; height:345px; padding-top:17px;
	background:url(../img/index/ind_news_bg.gif) left top no-repeat;
	color:#f4faec; font-size:11px; line-height:1.6em;
}
.ind_news a {color:#f4faec; text-decoration:none;}
.ind_news a:hover {text-decoration:underline}

.in_block {overflow:auto; padding:0 12px;}
.in_block:first-child {margin-bottom:10px}

.in_block img, .in_block span {display:block; float:left; margin-right:10px;}
.in_block b {font-size:12px;}

.in_block ul {display:block; float:left; width:226px;}
.in_block ul li {background:url(../img/index/ind_news_li.gif) 1px 7px no-repeat; padding-left:9px;}

.ind_news dl {margin:0; padding:26px 16px 0; background:url(../img/index/ind_news_bg.gif) left -362px no-repeat;}
.ind_news dt {line-height:1.4em;}
.ind_news dd {font-size:10px; margin-left:0; margin-bottom:10px;}

.in_more {display:block; width:69px; height:5px; margin-left:231px; float:left; background:url(../img/qlink.gif) left -140px no-repeat;}

/* --- index.html end --- */

/* blocks */
.bl {margin-right:10px; float:left;}
.br {float:left;}
.l1r3, .l3r1, .l2r2, .l4 {overflow:auto}

/* left 1 right 3 */
.l1r3 {}
.l1r3 .bl {width:218px}
.l1r3 .br {width:674px}

/* left 3 right 1 */
.l3r1 {}
.l3r1 .bl {width:674px}
.l3r1 .br {width:218px}

/* left 2 right 2 */
.l2r2 {}
.l2r2 .bl, .l2r2 .br {width:446px;}
.l2r2 img {float:left; margin-right:10px;}
/*.l2r2 h3, .l2r2 p {width:280px; display:block; float:left;}*/
.l2r2 div {width:264px; float:left;}
.l2r2 p {margin-top:0}

/* modifiers */
.l3r1 .mw_x1wcl {width:604px}
.l3r1 .mw_x1wcr {width:280px}
.mb60 {margin-bottom:60px}
.mb40 {margin-bottom:40px}
.mb20 {margin-bottom:20px}
.mb10 {margin-bottom:10px}
.mt0 {margin-top:0}

.img_l {float:left}
.img_r {float:right}

.mr10 {margin-right:10px}
.ml10 {margin-left:10px}
.mr20 {margin-right:20px}
.ml20 {margin-left:20px}

.hidden {visibility:hidden}

/* single block */
.l4 {width:902px}
.sb {width:218px; margin-right:10px; float:left;}
.sb.nomrg {margin-right:0}

/* description div */
.desc, .ct_pro .pro_block, .ct_inf {line-height:20px; /*letter-spacing:1px;*/ color:#777777;}

/* go top */
#gotop {
	/*position:absolute; margin-left:910px; top:0px;*/
	/*background:url(../img/top.gif) left top no-repeat; width:16px; height:22px;*/
}

#gotop a {
	background:url(../img/top.gif) left top no-repeat; width:16px; height:22px; display:block;
}

/* ad blocks */
.ad_block {overflow:auto; padding-top:40px;}
.ad_block li {display:block; float:left; margin-right:10px;}
.ad_block li.nobdr {margin-right:0}

/* ### FOOTER ### */
#footer {padding-top:18px; margin-top:10px; background: url(../img/hdr_bg.gif) left top repeat-x;}
.ftr_qlink {float:left; width:446px; margin-top:10px;}
.ftr_qlink ul li span {display:none}
.ftr_call {float:right; font-size:13px; color:#76b900; font-family:Tahoma; font-weight:bold; margin-top:3px;}
.ftr_copy {padding-top:90px; background: url(../img/ftr_bg.jpg) left 19px repeat-x;}



/* ### LOCALIZED TW ### */
body {font-size:12px}
.is_cont {font-size:18px}

.hdr_qlink {width:310px}
.ql_txt {font-size:11px; color:#939ba2;}
.hdr_qlink .ql_txt {float:left; width:201px; padding:3px 0 0 9px; line-height:12px;}
.is_cont .ql_txt {margin-top:12px; text-align:right;}

.ql_txt a {text-decoration:none; color:#939ba2;}
.ql_txt a:hover, .ql_txt a.select, .is_cont .ql_txt a:hover {color:#76b900}
.is_cont .ql_txt a {color:#828282}

.ftr_copy {font-size:11px; color:#939ba2;}

.ind_news, .is_fea_list, .hdr_nav ul li ul li a {font-size:11px}

/* ### LOCALIZED JP ### */
#ind_key {width:560px}
#ind_key img {display:block; float:left;}
