* {min-height:1px;}
body {border:0; margin:0; padding:0; background:#F2F5FE url("bg.gif") 0 0 repeat-x; font:60%/160% "verdana",sans-serif; color:#192666; _text-align:center;}

a {color:#192666;text-decoration:none;}
a:hover {color:#4F6AD7;text-decoration:underline;}

p {border:0; margin:15px 0; padding:0;}

div { border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h2 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}

table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #B7CAF6; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; border:1px solid #B7CAF6; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;}

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.margin5{margin-top:5px;}
.va-middle {vertical-align:middle;}

.clear {clear:both;}
.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.nom {margin:0;}
.noscreen {display:none;}
.more{background:url(more.gif) center left no-repeat;padding-left:12px;}
/*pagelist */

.pagelist{margin-left:20px;}
.pagelist em,.pagelist strong,.pagelist a{border:1px solid #0066FF;padding:2px 4px;margin:0 3px;}

/*infobox */
.infobox{margin:5px auto;}
.infobox .title{height:25px;background:#c0d6e5 url(tbg_l.gif) no-repeat;line-height:25px;overflow:hidden;}
.infobox .title h2{background:url(tbg_r.gif) right top no-repeat;height:25px;line-height:25px;margin-left:2px;padding-left:5px;color:#06c;margin-top:0;martin-bottom:0;font-size:100%;font-weight:bold;}
.infobox .title .tb{list-style-type:none;float:left;margin:0;background:none;display:inline;}
.infobox .title .tb li{float:left;line-height:22px;margin-top:4px;margin-left:10px;padding:2px 5px;}
.infobox .title .tb li a{text-decoration:none;}

.infobox .title .ui-tabs-selected {font-weight:bold;height:22px;border:1px solid #9bbdd3;border-bottom:none;background-color:#fff;color:#06c;}

.infobox .content{border:#9bbdd3 1px solid;border-top:none;padding:5px;}
.infobox .content ul{list-style:none;padding:5px 0 10px 0;}
.infobox .content ul li{padding-left: 25px; font-size: 14px; background: url(li-small-dot.gif) no-repeat 10px 5px; line-height: 24px;}
.infobox .content ul li a{text-decoration:none;line-height:24px;height:24px;}
.infobox .content ul li span{right:10px;color:#0099FF;line-height:24px;height:24px;}

/*piclist*/
.piclist{margin:0 auto;padding:0;list-style-type:none;clear:both;}
.piclist li{width:180px;display:block;float:left;margin:10px 20px;text-align:center;}
.piclist li img{width:180px;border:1px solid #000;}
.piclist li span{clear:both;display:block;color:#000033;margin-top:3px;}

/*brand*/

.Acer{background:url(brand/acer.gif);}
.Apple{background:url(brand/apple.gif);} 
.Asus{background:url(brand/asus.gif);} 
.Benq{background:url(brand/benq.gif);}
.Clevo{background:url(brand/clevo.gif);}
.Compaq{background:url(brand/compaq.gif);} 

.Dell{background:url(brand/dell.gif);} 
.Delta{background:url(brand/delta.gif);} 
.Founder{background:url(brand/founder.gif);}
.Fujitsu{background:url(brand/fujitsu.gif);}
.Fujitsu-Siemens{background:url(brand/fujitsu-siemens.gif);}
.Gateway{background:url(brand/gateway.gif);} 

.Hitachi{background:url(brand/hitachi.gif);} 
.HP{background:url(brand/hp.gif);} 
.HP-Compaq{background:url(brand/hp-compaq.gif);} 
.IBM{background:url(brand/ibm.gif);} 

.Gericom{background:url(brand/gericom.gif);}
.Lenovo{background:url(brand/lenovo.gif);} 
.Liteon{background:url(brand/liteon.gif);} 
.LG{background:url(brand/lg.gif);}
.LS{background:url(brand/ls.gif);} 
.Medion{background:url(brand/medion.gif);}
.Micron{background:url(brand/micron.gif);} 

.Mitac{background:url(brand/mitac.gif);} 
.NEC{background:url(brand/nec.gif);} 
.Panasonic{background:url(brand/panasonic.gif);} 
.Samsung{background:url(brand/samsung.gif);} 

.Sharp{background:url(brand/sharp.gif);} 
.Sony{background:url(brand/sony.gif);} 
.Toshiba{background:url(brand/toshiba.gif);} 
.Uniwill{background:url(brand/uniwill.gif);}

/* -----------------...........--------------------------------------------------------------------------------------- */

#main {width:994px; margin:5px auto 0 auto; _text-align:left;}

/* Header */
#header {position:relative; width:994px; height:80px; margin:0; padding:0; background:#233C9B url("header.jpg") 0 0 no-repeat; color:#FFF;}

    /* Header - logo */
    #header #logo {position:absolute; top:0; left:22px; margin:0;}

    #header #logo a {color:#FFF;}
    #header #logo a:hover {color:#B5C4E3; text-decoration:underline;}
    
    /* Header - Search */
    #header #search {position:absolute; top:35px; right:20px;}
    #header #search form {position:relative;}
    #header #search #search-input-out {position:absolute; top:0; right:45px; width:155px; height:28px; margin:0; padding:0; border:0; background:url("search_input.gif") 0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#192666;}
    #header #search #search-input {width:140px; margin:5px 8px; padding:3px 0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif; color:#192666;}
    #header #search #search-submit {position:absolute; top:0; right:0px;}
    #header #search fieldset {margin:0; padding:0; border:0;}
    #header #search fieldset {width:200px;}
    #header #search legend {display:none;}
	
	/*header - toplink */
	#header #toplink{position:absolute;top:2px;left:600px;width:140px;}
	#header #toplink ul{float:right;}
	#header #toplink ul li a{color:#fff;font-size:9px;font-weight:normal;}
	#header #toplink ul li a{padding-left:20px;}
	.contact a{background:url(contact.gif) left center no-repeat;}
	.rss a{background:url(rss.gif) left center no-repeat;}
	.sitemap a{background:url(sitemap.gif) left center no-repeat;}

/* Main menu (tabs) */
	#tabs {background:#192666; margin:0 5px; padding:0; _height:1px;overflow:hidden !important;overflow:inherit;}

    #tabs ul {margin:0; padding:2px 0 0 0; list-style:none;float:right;}
    #tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
    #tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}
    
    /* Main menu (tabs - link) */
    #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("tab_link_l.gif") 0 0 no-repeat;}
    #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("tab_link_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - hover) */
    #tabs ul li a:hover {background:url("tab_hover.gif") 0 0 repeat-x; color:#FFF;}
    #tabs ul li a:hover span.tab-l {background:url("tab_hover_l.gif") 0 0 no-repeat;}
    #tabs ul li a:hover span.tab-r {background:url("tab_hover_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - active) */
    #tabs ul li#active a {background:#FFF; color:#FF9000;}
    #tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("tab_active_l.gif") 0 0 no-repeat;}
    #tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("tab_active_r.gif") 100% 0 no-repeat;}

/* Page (2 columns) */
#page {width:994px; min-height:1px; background:#FFF url("bg_page.gif") 0 0 repeat-y; _height:1px;}
#page-in {min-height:1px; padding:10px 0; background:url("bg_page_in.jpg") 0 0 no-repeat; _height:1px;}

/* Strip */
#strip {position:relative;margin-left:6px; clear:both; padding:3px 20px 10px 20px; color:#6182D1;width:980px;border-bottom:1px dashed #86C2FF;}
#strip p {margin:0;}
#strip a {color:#6182D1;}
#strip a:hover {color:#192666;}

    /* Strip - breadcrumbs */
    #strip #breadcrumbs {width:700px; margin:0; padding:0;overflow:hidden;height:24px;}
    
    /* Strip - RSS */
    #strip #rss {float:right; width:175px; _width:200px; margin:0; padding-left:25px; background:url("ico_rss.gif") 0 50% no-repeat}

/* Content */
#content {float:right; width:754px; _width:774px; margin:0;margin-right:5px; padding:0 10px 0 10px;font-size:11px;}

    /* Content - article */
    #content .article {clear:both; margin:0; padding:20px; background:url("content_article_bg.jpg") 0 0 no-repeat;}
    #content .article h2 {margin:0 -20px; padding:10px; background:#DEE5FD url("content_title_bg.gif") 0 0 repeat-y; color:#192666;}
    #content .article h2 span {background:url("ico_list.gif") 0 50% no-repeat; padding-left:25px;}
    
    #content .article p {text-align:justify;}
    #content .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#192666;}
    #content .info a {color:#6685CC;}
    #content .info a:hover {color:#FF9000;}
    
    #content .info span.date, #content .info span.cat, #content .info span.user, #content .info span.comments {padding-left:15px;}
    #content .info span.date {background:url("ico_date.gif") 0 50% no-repeat;}
    #content .info span.cat {background:url("ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
    #content .info span.user {background:url("ico_user.gif") 0 50% no-repeat; margin-left:8px;}
    #content .info span.comments {background:url("ico_comments.gif") 0 50% no-repeat; margin-left:8px;}

	
    /* Content - More */
    #content .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
    #content .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
    #content .btn-more a:hover {background:url("btn_more.gif") -95px 0 no-repeat;}

	/*home */
	#content #homeproduct{width:754px;}
	#content #homeproduct .content{clear:both;padding:0;height:395px;}
	#content #homeproduct .content .list{width:170px;height:185px;float:left;margin:5px 7px;overflow:hidden;}
	#content #homeproduct .content .list .picture img{width:160px;}
	#content #homeproduct .content .list span a{word-break:break-all;width:160px;overflow:hidden;}
	#content #about{width:300px;float:right;}
	#content #about .content{height:256px;overflow:hidden;}
	#content #about .content img{float:right;}
	#content #newsevent{width:450px;float:left;margin-right:4px;}
	#content #newsevent .content{height:256px;overflow:hidden;}
	
	#newsevent .list{clear:both;margin:10px auto;}
	#newsevent h4{font-size:100%;margin:2px auto;}
	#newsevent .list img{float:left;width:90px;height:90px;margin:10px 5px 0 3px;}
	#newsevent .list p{margin:5px 3px 0 10px;line-height:16px;}
	
	/*battery*/
	#brand{border-bottom:1px solid #81CEFC;padding:5px;margin:5px 6px;}
	#brand ul{margin:0;margin-left:10px;}
	#brand ul li{float:left;width:100px;margin:5px 2px;height:55px;overflow:hidden;}
	#brand ul li a{background-repeat:no-repeat;width:100;height:55px;border:1px solid #ccc;display:block;text-align:center;padding-top:30px;font-size:10px;font-weight:normal;}
	
	#brand .usort{list-style-type:none;}
	#brand .usort li{border:none;height:30px;width:150px;padding-top:0;font-size:12px;border:none;text-align:left;}
	#brand .usort li a{font-size:12px;border:none;text-align:left;padding:0;}

	#battery h3{font-size:14px;}
	#battery .spec img{float:left;}
	#battery .spec ul{width:340px;float:left;}
	#battery .info h4{border-bottom:1px dotted #0066FF;}
	
	#battery .list{clear:both;}
	#battery .list img{float:left;width:160px;}
	#battery .list .info{width:540px;}
	/*adapter*/
	#adapter h3{font-size:14px;}
	#adapter .spec img{float:left;}
	#adapter .spec ul{width:340px;float:left;}
	#adapter .info h4{border-bottom:1px dotted #0066ff;}
	
	#adapter .list{clear:both;}
	#adapter .list img{float:left;width:120px;margin-top:30px;margin-right:30px;}
	#adapter .list .info{width:540px;}
	
	/*products*/
	#products .list{clear:both;}
	#products .list img{float:left;width:160px;margin-top:30px;margin-right:30px;}
	#products .list .info{width:540px;height:160px;}
	/*search*/
	#searchform{border:1px solid #71D0FF;padding:5px;}
	#sinput{width:145px;float:left;}
	#ssubmit{float:left;}
	#quick-search{margin-top:10px;padding:15px 0;}
	.item{clear:both;}
	
	
	/*#article*/
	#search .title,#article .title{background:#0072A8;margin:10px auto;clear:both;padding:5px 10px;color:#fff;font-size:12px;font-weight:bold;height:20px;line-height:20px;}
	#article .item{margin:20px 5px;}
	#article .item img{float:right;width:90px;height:90px;margin:5px;}
	#article .item .type{font-size:9px;color:#ccc;margin:0;padding:0;}
	#article .item h3{font-size:130%;border-bottom:1px dotted #ccc;}
	#article .item p{line-height:20px;}
	#article h1{font-size:130%;font-weight:bold;}
	#article .content{margin:20px auto;border-top:1px solid #0066FF;padding:5px;}
	
/* Right column */
#col {float:left; width:200px; margin:0;margin-left:10px !important;margin-left:5px; padding:0; background:#CEDBF9 url("col_bg.gif") 0 0 repeat-y;}
#col-in {padding:10px 10px; background:url("col_top.gif") 0 0 no-repeat;}
#col h3 {padding:5px 15px 5px 15px; margin:10px -10px 0 -10px; background:#A0B9F3 url("col_title_bg.gif") 0 0 repeat-y; color:#192666;font-size:100%;font-family:Georgia, "Times New Roman", Times, serif;}

    /* Right column - Online Service */
    #online-service {margin-bottom:15px; line-height:130%;}
    #online-service ul{list-style-type:none;margin:0;}
	#online-service ul li {margin:5px 0 3px 0;}

    /* Right column - Category */
    #col ul#category {margin:0; padding:0; list-style:none;}
    #col ul#category li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #col ul#category li a {display:block; padding:3px 0 3px 22px; background:url("ico_archive.gif") 5px 6px no-repeat; text-decoration:none;}
    #col ul#category li a:hover {background-color:#D3DFF8; color:#192666;}
    #col ul#category li#category-active a {background:#E0E8FA url("ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}
    
    
    /* Right column - Links */
    #col ul#links {margin:15px 0; padding:0; list-style:none;}
    #col ul#links li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #col ul#links li a {display:block; padding:3px 0 3px 22px; text-decoration:none;}
    #col ul#links li a:hover {background-color:#D3DFF8; color:#192666;}
	

/* Footer */
#footer {position:relative; clear:both; width:994px; height:60px; margin-bottom:50px; background:url("footer.jpg") 0 0 no-repeat; color:#6685CC;}
#footer a {color:#6685CC;}
#footer a:hover {color:#192666;}

    /* Footer - "back on top" */
    #top {position:absolute; top:55px; left:774px;}
    #top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;}
    #top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("ico_top.gif") 0 0 no-repeat; cursor:pointer;}
    #top a:hover span {background:url("ico_top.gif") -30px 0 no-repeat;}

	/* Footer - bottomlink */
	#footer p#bottomlink{position:absolute;top:25px;right:20px;margin:0;padding:3px 5px;font-weight:bold;width:720px;border-top:1px dashed #0099FF;}
	#footer p#bottomlink a{text-decoration:none;}
	#footer p#bottomlink a:hover{text-decoration:underline;}
    /*  Footer - copyright */
    #footer p#copyright {position:absolute; top:65px; left:40px; margin:0;color:#000099;}
	#footer p#copyright a{text-decoration:none;}
	#footer p#copyright a:hover{text-decoration:underline;}