/*
* TOPKEE CSS
* Support: www.topkee.com.hk
*/
html,body { overflow-x: hidden;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, ol, ul, li,dl,dt,dd,
fieldset, form, label, legend{margin: 0;	padding: 0;}
body {color:#000;  font: 14px/1.5 arial,helvetica; background:url(../images/bg.gif) repeat-x left top;}
li {list-style: none;}
img{border:0;}
em {font-style: italic;}
strong {font-weight: bold;}
a {text-decoration: none; color:#333;}
a:hover {color:#666;}

/*css tool*/
.hide {display: none;}
.hidden { visibility: hidden;}
.fr,.f1 {float: right;}
.fl,.f0 {float: left;}
.r { text-align: right;}
.c { text-align: center;}
.red {color: #cc0000;}
.clear { clear:both;}
.clearfix:after {visibility: hidden; display: block;font-size: 0; content: '.'; clear: both; height: 0;}
* html .clearfix {zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}

/*Start web Style*/
#doc {width: 868px; margin:0 auto;}

/*hd*/
.hdl { padding-left: 9px; background:url(../images/hdBgl.gif) no-repeat left top;}
.hdr { padding-right: 9px; background:url(../images/hdBgr.gif)  no-repeat  right top;}
.topline,.toplinee { background:url(../images/topline.gif) no-repeat; height: 11px; overflow: hidden; line-height:0;}
.toplinee { background-image:url(../images/toplinee.gif);height: 6px; }
.topBg { background:url(../images/topBg.gif) no-repeat; height: 24px; overflow: hidden;}
.topBg  img { cursor: pointer;}
.lang,.search { float: right;}
.search input { width: 96px; height: 16px; color:gray; border:1px solid #D5D3C8}
.logoBar {height:75px; overflow: hidden;}
.navBg { background:url(../images/navBg.jpg) no-repeat; height: 83px;}
.Nav { float: right; padding:10px 20px 0 0;}
.Nav li { float: left; position: relative;font-size: 12px; }
.Nav li a.s { float: left; padding:3px 30px; color:#0B1823; font-weight: bold; font-weight:bold;}
.Nav li a.s:hover{ color:yellow; background-color:#216594;}
.Nav li .subMenu { position: absolute; left:0; top: 23px;}
.Nav li .subMenu {padding:6px 27px 10px; background: url(_blank);}
.Nav li .subMenu a { display: block;white-space:nowrap; color:#000; height:25px; line-height:25px;}
.Nav li .subMenu a:hover { background-color:#216594; color:yellow; text-decoration: underline;}
/*AD*/
.bd .hdl,.nybd .hdl { background-position: 0 -200px;}
.bd .hdr,.nybd .hdr { background-position: right -200px;}
#noclick { background:url(../images/bannerBg.jpg) no-repeat; height: 283px; overflow: hidden;}

/*index*/
.menulist { background:url(../images/menuhk.gif) no-repeat; height: 46px; overflow: hidden;}
.bdBg { background:url(../images/bdBg.gif) repeat-y left top; padding:0 9px; overflow: hidden; zoom:1;}
.box { background:url(../images/boxBg.gif) no-repeat left bottom; float: left; width: 268px; padding-bottom: 20px; font-size: 11px; height:240px; overflow: hidden;}
#hotNewlist { margin-left: 15px; }
#hotNewlist ul { padding:5px 10px;}
#hotNewlist li span { float: left; margin-right: 10px;}

#hotresource { margin-left: 5px;}
.hotDownload { padding:5px 10px; height:230px;}
.hotDownload a { color:blue; text-decoration: underline;}
.hotDownload p {padding-bottom:5px; overflow:hidden; zoom:1}
.hotDownload p img { float:left; margin-right:10px;}
.hotDownload p a.s { background:url(../images/more.gif) no-repeat; text-decoration: none; width:44px; height: 16px; display: inline-block; color:#fff; text-align:center;}
.hotDownload p.c a:hover { color:yellow; text-decoration:underline;} 
#searchProduct { margin-left: 5px;}
.categoryWrap { padding:10px; color:#0C4A6E}
.selectOps { overflow: hidden; zoom: 1;}
.selectOps select {width: 190px; margin-bottom: 5px;}
.selectOps span { float: left; width: 14px; padding-right: 5px;}
.otherOps li { overflow: hidden; zoom: 1; margin:5px 0; line-height:1.9}
.otherOps li span { float: left; width:100px; height: 30px;}
.otherOps li  input { width: 95px;}
.psearchBtn { text-align: center; }
.psearchBtn a { display: inline-block; background: url(../images/psearch.gif) no-repeat; width:85px; height: 22px; line-height:22px;}
.psearchBtn a:hover { background-image:url(../images/psearchhover.gif); color:red; text-decoration: underline;}

.nyADArea { height: 103px; }
.nyADbg { background:url(../images/nyadBg.jpg) no-repeat; width: 258px; float: right; height: 103px; overflow: hidden;}
.about { background:url(../images/abouthk.gif) no-repeat left top;}
.contact { background: url(../images/contacthk.gif) no-repeat left top;}
.new { background: url(../images/newhk.gif) no-repeat left top;}
.resource { background:url(../images/resourcehk.gif) no-repeat left top;}
.product { background:url(../images/producthk.gif) no-repeat left top;}
.h3Title { padding:10px 0 0 20px; color:#06558E; font-size: 16px;}
.h3Title a {color:#06558E}
.h3Title a:hover { color:orange}
.con { padding:15px 50px 30px; line-height: 1.8;}
.tkTbale table { border:1px solid #ccc;}
.tkTbale table table { border-right:none; border-bottom:none;}
.tkTbale table table td,.tkTbale table table  th{ padding:2px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}

/*productlis*/
.prolist {}
.prolist li{ background:url(../images/probg.gif) no-repeat; height:78px; width: 465px; padding:5px 10px; margin-bottom:10px;}
.prolist li img { float: left; margin-right: 10px;}
.prolist li a { color:#fff; font-family:arial,helvetica; font-weight:bold; font-size: 11px;}
.prolist li a:hover { text-decoration:underline; color:yellow;}

/*newlist*/
.newlist,.newlist a,#hotNewlist,#hotNewlist a { color:#3068A8;}
.newlist a:hover,#hotNewlist a:hover { text-decoration:underline; color:orange;}
.newlist span { float: left; width: 120px;}
.newlist a,#hotNewlist li a{ display: block; overflow: hidden;}
.newlist li.li_0,.newlist li.li_1 { background:url(../images/li01.gif) no-repeat left 8px; padding-left: 30px; overflow: hidden; zoom: 1;}
.newlist li.li_1 { background-image:url(../images/li02.gif);}

/*ny*/
.sideBar,.mBody { float: left;}
.sideWrap { width: 268px; background:url(../images/sideBar.gif) no-repeat left center; margin-left:14px;}
.mBody { width: 550px; padding-bottom: 30px;}
.concon { margin:0 10px 0 20px;}
.sublist { padding:15px 20px;}
.sublist li {margin-bottom: 10px;}
.sublist li.li_0 a.s,.sublist li.li_1 a.s{ background:url(../images/li01.gif) no-repeat left 5px; padding-left: 20px; overflow: hidden; zoom: 1;}
.sublist li.li_1 a.s{ background-image:url(../images/li02.gif);}
#proclass li dl dt { overflow: hidden; zoom:1;}
#proclass li dl dt img { float: left; padding-right: 5px;}
#proclass li dl dt a.s { background-image: none; padding-left:0;}
.sublist li a { color:#3068A8; font-weight: bold;}
.sublist li a:hover { color:red;}
.sublist dl { background-color:#ECF8FF; padding: 5px 5px 5px 20px;}
.sublist dl a { font-size: 12px; color:#857E7E}
.sublist dl a:hover { color:#ff1795}
.mBody .h3Title { background:url(../images/h3Bg.gif) no-repeat left 10px; margin-bottom: 20px;}

/*product*/
.searhOptions { width:300px; margin:0 auto;}
.proImages { width:520px; overflow: hidden; zoom:1; text-align: center; padding-bottom: 20px;}
.proImages a { float: right; background:url(../images/more.gif) no-repeat; width:44px; height: 16px; font-size: 12px; color:#fff;}

.sideBottom {background: url(../images/sideBottom.gif) no-repeat; height: 28px; margin-left: 14px;}
.goAdobe { text-align: center; padding: 150px 0 50px;}

/*分页*/
.page {overflow: hidden; zoom:1; margin-top: 20px; text-align: center;}
.page ul  {padding-right: 10px; display: inline-block; *display: inline}
.page ul li { display: inline; padding:0 5px;}
.page ul li a { color:#7C7C7C;}
.page ul li a.current,.page ul li a:hover { color:red;}

#mainAD {height:283px;width:850px;}
#nyAD {width:258px;height:103px;}

.video-box {overflow:hidden;zoom:1;}
#tkVideo .video-js .vjs-big-play-button,.video-box .video-js .vjs-big-play-button {left:50%;top:50%;margin-left:-1.5em;margin-top:-0.75em;}
.video-box {position:relative;}

/*ft*/
.ftBg { background:url(../images/ftBg.gif) no-repeat; height: 59px; overflow: hidden;}

/**
 * 英文版
 */
.en .menulist { background-image:url(../images/menuen.gif);}
.en .Nav li a.s { padding:3px 12px;}
.en .Nav li .subMenu { padding:6px 30px 10px 12px;}
.en .selectOps span { width: 50px; height:50px; font-size:12px;}
.en .about { background-image:url(../images/abouten.gif);}
.en .contact { background: url(../images/contacten.gif) no-repeat left top;}
.en .new { background: url(../images/newen.gif) no-repeat left top;}
.en .resource { background:url(../images/resourceen.gif) no-repeat left top;}
.en .product { background:url(../images/producten.gif) no-repeat left top;}