@charset "utf-8";
/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0;
}
/*****Basic Elements**為基本元素定義樣式：body, h1-h6, ul, ol, a, p, etc.***/
html, body, #main {
	height: 100%;
	
}
body > #main {
	height: auto;
	min-height: 100%;
}
/*****Generic Classes**定義一些單獨的樣式，比如，浮動、去掉元素的底部邊距等。
是的，可能他們不夠語義化，但是，它們對有效的編碼是很有效的。***/

/****
date:			2009-11-19
author:		iron
purpose:	新聞軟硬體內容頁仿udn字級大小
****/

.udnTitle {
	float				: left;
	font-family	: Verdana,Arial,Helvetica,sans-serif;
	font-size		: 16px;
	font-weight	: bold;
	line-height	: 18px;
	margin-top	: 4px;
}

.udnAuthor{
	font-family	: Verdana,Arial,Helvetica,sans-serif;
	font-size		: 11px;
	float				: right;
	margin-top	: 4px;
	font-weight : normal;
}

.udnContent{
	font-family	: Verdana,Arial,Helvetica,sans-serif;
	font-size		: 11pt;
	line-height	: 18pt;
}

.more{
	font-size		: 14px;
	font-weight : bold;
	color				: #657383;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.clear {
	clear: both;
	height: 1%;
	height: 0;
	font-size:0px;
}
a:link {
	color: #F60;
	text-decoration: none;
}
a:hover {
	color: #F90;
	/* text-decoration: none; */
}
a:visited {
	color: #F96;
	text-decoration: none;
}
a:active {
	color: #F90;
	/* text-decoration: none; */
}

body{
	background: #e1e7e9 url(/images/default/topbg_y.jpg) repeat-x top;
	margin: 0px;
	padding: 0px;
	font: 12px Verdana, Geneva, sans-serif, "新細明體";
	color: #666;
}

#main {
	 
	background: url(/images/default/topbg.jpg) no-repeat center -26px; 
	/*
	background: url(/images/default/topbg.jpg) no-repeat center top; 
	*/
}

#head{
	height:129px;
	width:1028px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}

#head #menu{
	position: absolute;
	width:1028px;
	height:32px;
	top: 85px;
}

#head #topmenu{
	text-align:right;
	padding-top:33px;
}

#head #tobanner{
	text-align:right;
	margin-top:4px;
}
#head #tobanner .banner{	
	display:inline;
	margin-left:4px;
}

#head #menu .mainmenu{
	float:left;
}
#head #menu .member{
	float:left;
	margin-left:4px;
}
#head #menu .member img{
	margin-right:4px;
}
#head #menu .login{
	float:right;
	margin-right:8px;
}
#contain{
	margin-top:-5px;
	width:1028px;
	margin-left:auto;
	margin-right:auto;
	background: url(/images/default/center_bg.jpg) repeat-y;
}
#contain #left{
	float:left;
	width:770px;
}
#contain #right{
	text-align:right;
	float:right;
	width:258px;
}

#footer{
	clear:both;
	height:50px
}
/* 分類(以字母排序) \*/
/* 發燒連結、硬體、軟體 \*/
.area{
}
.areatitle{
	height:36px;
	background: url(/images/default/left_area_title_bg.jpg) no-repeat top;
}
.areamenu{

}
.areamenu img{
	margin:0px;
	padding:0px;
	float:left;
}
.area .left{
	float:left;
	background: url(/images/default/left_area_left_bg.jpg) no-repeat top;
	height:324px;
	width:290px;
}
.area .left .photo{
	margin-top:11px;
	margin-left:auto;
	margin-right:auto;
	width:270px;
	height:203px;
	border: 1px solid #d0d2d1;	
}
.area .left .title{
	margin-top:4px;
	margin-left:auto;
	margin-right:auto;
	width:270px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;	
}
.area .left .intro{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:270px;
	font-size: 12px;
	color: #969696;	
}
.area .right{
	float:right;
	height:324px;
	width:440px;
	background: url(/images/default/left_area_right_bg.jpg) no-repeat top;
}
/* 精選店家左邊內容) \*/
#chosen{
	height:320px;
}
#chosen{
}
#chosen .title{
}
.chosencontain .left{
	float:left;
	padding-top:16px;
	background: url(/images/default/left_chosen_leftbg.jpg) no-repeat top;
	height:249px;
	width:501px;
}
.chosencontain .left .leftarrow{
    float:left;
	margin-top:112px;
	margin-left:8px;
	margin-right:8px;
}
.chosencontain .left .rightarrow{
    float:right;
	margin-top:112px;
	margin-right:18px;
}
.chosencontain .left .store{
	float:left;
	width:140px;
	height:223px;
	border-right: 1px dotted #999;
}
.chosencontain .left .store .photo{
	text-align:center;
}
.chosencontain .left .store .title{
	margin-top:4px;
	margin-left:auto;
	margin-right:auto;
	width:126px;
	font-size: 12px;
	font-weight: bold;
	color: #545454;
	padding-bottom:4px;
	border-bottom: 1px dashed #999;
}
.chosencontain .left .store .intro{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:126px;
	font-size: 12px;
	color: #969696;	
}
.chosencontain .right{
	float:right;
	padding-top:6px;
	padding-left:20px;
	height:259px;
	width:249px;
	background: url(/images/default/left_chosen_rightbg.jpg) no-repeat top;
}
.chosencontain .right .store{	
	width:233px;
	height:54px;
}
.chosencontain .right .store .title{
	margin-top:4px;
	font-size: 12px;
	font-weight: bold;
	color: #545454;
}
.chosencontain .right .store .intro{
	margin-top:10px;
	font-size: 12px;
	color: #FFF;	
}
/*中間Banner \*/
.centerbanner{
	margin-bottom:8px;
}
.centerbanner .banner{
	margin-right:4px;
}
.data{
	float:left;
	height:88px;
	width:450px;
	padding-top:10px;
	background: url(/images/default/dot_h.gif) no-repeat bottom;
}
.data .dataleft{
	float:left;
	width:290px;
	margin-left:14px;
}
.data .dataright{
	float:right;
}
.data .title{
	font-size: 14px;
	color: #545454;
	font-weight: bold;
	margin-bottom:12px;
}
.data .contain{
	font-size: 12px;
	color: #969696;
	line-height: 18px;
}
.data .photo{
	margin-right:30px;
}
.data1{
	float:left;
	height:95px;
	width:365px;
	padding-top:10px;

}
.data1 .dataleft{
	float:left;
	margin-left:10px;
	margin-top:2px;
}
.data1 .dataright{
	float:right;	
	width:260px;
	margin-left:10px;
}
.data1 .title{
	font-size: 14px;
	color: #545454;
	font-weight: bold;
	margin-bottom:4px;
	padding-top:4px;
}
.data1 .intro{
	font-size: 12px;
	color: #969696;
	line-height: 18px;
}
.data1 .photo{

}

.exbanner{
	margin-bottom:3px;
	margin-left:6px;
}


/*焦點設定*/
#foucs{
}
#foucs .title{
	height:27px;
	
}
#foucs .contain{
	background: url(/images/default/left_foucs_contain_bg.jpg) no-repeat top;
	height:447px;
	width:771px;
	padding-top:10px;
}
#foucs .list{
	width:734px;
	height:105px;
	margin-left:20px;
	border-bottom: 1px solid #CCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

/*最新消息*/
#hotnews{
	height:383px;
}
#hotnews .title{
	
}
#hotnews .contain{
	height:292px;
	background: url(/images/default/right_hotnews_containbg.jpg) repeat-y 4px;
}
#hotnews .bottom{
	
}
#hotnews .datahot{
	float:left;
	width:225px;
	margin-left:15px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom: 1px solid #CCC;
}
#hotnews .datahot .dataleft{
	float:left;
	margin-right:10px;
}
#hotnews .datahot .dataright{
	float:right;
	text-align:left;
	width:130px
}
#hotnews .datahot .title{
	font-size: 13px;
	color: #545454;
	font-weight: bold;
	margin-bottom:8px;
}
#hotnews .datahot .intro{
	font-size: 12px;
	color: #969696;
	line-height: 18px;
}
#hotnews .datahot .photo{

}

#hot{
	height:381px;
}
#hardware{
	height:381px;
}
.left_cenbanner{

}
.newstxt{
	margin-bottom:1px;
}
.newstxt_lnk{
	float        : left;
	width        : 337px;
	height       : 20px; 
	margin-top   : -4px;
	margin-right : 5px;
	padding-left : 30px;
	padding-top  : 5px;
	font-size    : 13px;
	font-family  : Verdana,Arial,Helvetica,sans-serif
	font-weight  : normal;
	color        : #376284;
	background   : url(/images/default/hot_icon.gif) no-repeat 5px;
	/*border       : 1px solid red;*/
}
/*當期雜誌區塊設定 \*/
#magazine{
	padding-left:4px;
	margin-bottom:20px;
	height:476px;
	background: url(/images/default/right_magazine_containbg.jpg) no-repeat 4px bottom;
}
#magazine .title{
	
}
#magazine .contain{
	
}
#magazine .contain .left01{
	float:left;
	text-align:left;
	background: url(/images/default/dot_v.gif) no-repeat right 20px;
	height:300px;
	width:82px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}

#magazine .contain .left02{
	float:left;
	text-align:left;
	height:300px;
	width:82px;
	padding-left:20px;
	padding-right:30px;
	padding-top:10px;
}
#magazine .contain .title{
	font-size: 13px;
	color: #000;
	margin-bottom:16px;
}

#magazine .contain .intro{
	font-size: 12px;
	color: #969696;	
}
/*軟體區塊設定 \*/
#software{
	height:381px;
}
/*首頁討論區塊設定 \*/
#talk{
	height:402px;
}

#talk .title{

}
.talkcontain{
	background: url(/images/default/left_talk_bg.jpg) no-repeat top;
	height:347px;
}
.talkcontain .left01{
	float:left;
	background: url(/images/default/dot_v.gif) no-repeat right 20px;
	height:347px;
	width:188px;
	padding-left:80px;
}
.talkcontain .left02{
	float:left;
	background: url(/images/default/dot_v.gif) no-repeat right 20px;
	height:347px;
	width:192px;
	padding-left:40px;
}
.talkcontain .left03{
	float:left;
	background: url(/images/default/dot_v.gif) no-repeat right 20px;
	height:347px;
	width:193px;
	padding-left:40px;
}
.talkcontain .list{
	height:100px;
	width:155px;
	border-bottom: 1px solid #CCC;
	padding-top:10px;
}
.talkcontain .list .title{
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin-bottom:8px;
}
.talkcontain .list .author{
	font-size: 12px;
	color: #000;
	margin-bottom:4px;
}
.talkcontain .list .intro{
	font-size: 12px;
	color: #969696;	
}
/*內頁內容設定*/
.underline{
	border-bottom: 1px solid #999;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:4px;
}
.inn_area{
	font-size: 12px;
	color: #666;
}
.inn_area .title{
	height:36px;
	background: url(/images/default/left_area_title_bg.jpg) no-repeat top;
	
}
.inn_area .menu{

}

.inn_area .list{
	height:26px;
	padding-right:8px;
	margin-top:10px;
	margin-left:8px;
	float:left;
	color: #FFF;
	border-right: 1px dotted #FFF;
}
.inn_area .listover{
	height:26px;
	padding-right:8px;
	margin-top:10px;
	margin-left:8px;
	float:left;
	background: url(images/areamenu_over_bg.gif) no-repeat center bottom;
	color: #FFF;
	border-right: 1px dotted #FFF;
}

.inn_area .contain{
	background: url(/images/default/block_contain_bg.jpg) repeat-y;
	padding-left:20px;
	padding-right:20px;
}
.inn_area .bottom{
	background: url(/images/default/block_bottom_bg.jpg) no-repeat top;	
	height:16px;
}
/*inn_areadouble*/
.inn_areadouble{
	margin-bottom:8px;
}
.inn_areadouble .title{
	height:14px;
	background: url(/images/default/areadouble_title_bg.jpg) repeat-x;
	font: 12px Verdana, Geneva, sans-serif;
	color: #FFF;
	padding:4px;
	width:97%;
	
}
.inn_areadouble .left{
	width:49%;
	float:left;
}
.inn_areadouble .right{
	width:49%;
	float:right;
}
.inn_areadouble .right0{
	width:180px;
	float:right;
	margin-left:15px;
}

.inndata_double0{
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	border-top: 1px none #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: #FFF;
	width:178px;
}
.inndata_double{
	float:left;
	
	padding-top:10px;
	padding-bottom:10px;
	border-top: 1px none #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: #FFF;
	width:99%;
}
.inndata_double .content{
	font-size: 12px;
	color: #969696;
	line-height: 18px;
	margin-left:5px;
	margin-right: -5px;
}
.inndata_double .content .left{
	float:left;
	width:70%;
}
.inndata_double .content .right{
	float:right;
	width:20%;
}
.inndata_double .dataleft{
	float:left;
	margin-left:10px;
	margin-top:2px;
}
.inndata_double .dataright{
	width:70%;
	float:right;	
	margin-left:10px;
}
.inndata_double .title_txt{
	font-size: 14px;
	color: #545454;
	font-weight: bold;
	margin-bottom:4px;
	padding-top:4px;
}
.inndata_double .intro{
	font-size: 12px;
	color: #969696;
	line-height: 18px;
}
.inndata_double .photo{

}
/*data*/
.inndata{
	float:left;
	width:360px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left: 4px;
}
.inndata .dataleft{
	float:left;
	margin-left:10px;
	margin-top:2px;
}
.inndata .dataright{
	float:right;	
	width:260px;
	margin-left:10px;
}
.inndata .title{
	font-size: 14px;
	color: #545454;
	font-weight: bold;
	margin-bottom:4px;
	padding-top:4px;
	padding-left: 8px;
}
.inndata .intro{
	font-size: 12px;
	color: #969696;
	line-height: 18px;
	margin-right: 5px;
}
.inndata .photo{

}
/*討論區*/
.inn_form{
	margin-bottom:8px;
	background: #FFF url(/images/default/formcolumn_bg.jpg) repeat-y right;
}
.inn_form .title{
	height:26px;
	background: url(/images/default/form_title_bg.jpg) repeat-x;
	font: normal 15px Verdana, Geneva, sans-serif;
	color: #FFF;
	padding-left:2%;
	padding-right:2%;
	padding-top:4px;
	width:96%;
}
.inn_form .contain{background: url(/images/default/formcolumn_bg.jpg) repeat-y left;padding:10px;}
.inn_form .contain .contenttitle{border-bottom: 1px dotted #999;background: #CCC;padding:4px;float:left;width:99%;}
.inn_form .contain .contenttitle .name{width:30%;float:left;padding-left:4px;margin-top:0px;}
.inn_form .contain .contenttitle .subnum{width:5%;float:left;padding-left:4px;border-left: 1px dotted #333;margin-top:0px;}
.inn_form .contain .contenttitle .txtnum{width:5%;float:left;padding-left:4px;border-left: 1px dotted #333;margin-top:0px;}
.inn_form .contain .contenttitle .lostpost{width:10%;float:left;padding-left:4px;border-left: 1px dotted #333;margin-top:0px;}
.inn_form .contain .content{border-bottom: 1px dotted #999;padding:4px;float:left;width:99%;}
.inn_form .contain .name{width:30%;float:left;padding-left:4px;margin-top:24px;}
.inn_form .contain .subnum{width:5%;float:left;padding-left:4px;margin-top:24px;}
.inn_form .contain .txtnum{width:5%;float:left;padding-left:4px;margin-top:24px;}
.inn_form .contain .lostpost{width:10%;float:left;padding-left:4px;border-left: 1px dotted #333;}
.inn_form .contain .explain{width:40%;float:left;padding-left:4px;border-left: 1px dotted #333;}
.inn_form .contain .subject{padding:4px;}
.inn_form .contain .time{padding:4px;}
.inn_form .contain .poster{padding:4px;}
.inn_form .contain .login{text-align:center;margin-left:auto;margin-right:auto;width:700px;}
.inn_form .titleword{margin-top:4px;float:left;font-size:12px;}
.inn_form .titletime{margin-top:4px;float:right;font-size:12px;}

.inn_form .inn_post{}
.inn_form .inn_post p{
	line-height: 18pt;
}
.inn_form .inn_post .inn_photo {margin-top:8px;margin-bottom:8px;}
.inn_form .inn_post .inn_photo .intro{color: #000;}
.inn_form .inn_list{padding:10px;border-bottom: 1px dotted #999;}
.inn_form .inn_list .photo{float:left;}
.inn_form .inn_list .right{float:right;}
.inn_form .inn_list .intitle{margin-top:10px;margin-bottom:10px;font-size: 14px;}

.inn_form .inn_list .intro{
	font-size: 15px;
}
.inn_form .bottom{
	width      : 100%;
	background : #8B4513;
	height     : 5px;
}
.inn_formstyle{
	margin-top:8px;
	font-size: 12px;
	color: #FFF;
	background: #666;
	border: 1px solid #CCC;
	cursor: pointer;
	padding: 5px;
}
.inn_formiconbg{
	text-align:center;
	border-bottom: 1px solid #999;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:4px;
	background: url(/images/default/talk_title_bg.jpg) repeat-x 4px;
	color: #FFF;
}
/*硬體搜尋*/
#inn_hardsearch{
	margin-bottom:10px;
}
/*新聞*/

#inn_news{
	margin-bottom:10px;
}

#inn_news .title{
	height:20px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
#inn_news .contain{
	background: url(/images/default/left_form_contain_bg.jpg) repeat-y;
	width:771px;
	float:left;
}
#inn_news .bottom{
	width:771px;
	float:left;
}
#inn_news .list{
	width:734px;
	float:left;
	margin-left:20px;
	border-bottom: 1px solid #CCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background: url(/images/default/dot_v_200.gif) no-repeat 365px;
}
.inn_normal{
	text-align:center;
	margin-bottom:8px;
}

.inn_menu{
	padding:6px;
	font-size:14px;
	background: url(/images/default/inn_menubg.jpg) repeat-x;
	color: #000;
	border: 1px solid #999;
	margin-bottom:8px;
}
.inn_menu .prev{float:left;}
.inn_menu .next{float:right;}
.inn_menu .back{float:left;margin-left:40%;}

.inn_square{
	background: url(/images/default/left_form_contain_bg.jpg);
	margin-bottom:8px;
}
.inn_square .list{
	width:734px;
	float:left;
	margin-left:20px;
	border-bottom: 1px solid #CCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background: url(/images/default/dot_v_200.gif) no-repeat 365px;
}
.inn_square .inn_content{
	float:left;
	background: url(/images/default/left_form_contain_bg.jpg);
}
.inn_square .inn_content .leftarrow{
    float:left;
	margin-top:112px;
	margin-left:8px;
	margin-right:8px;
}
.inn_square .inn_content .rightarrow{
    float:right;
	margin-top:112px;
	margin-right:8px;
}
.inn_square .rely{
	float:left;
	margin-left:8px;
	margin-right:8px;
	padding-top:4px;
	padding-bottom:4px;

	border-bottom: 1px solid #CCC;

	background: #FFF;
	width:97%;
}
.inn_square .rely .content{
	font-size: 12px;
	color: #969696;
	line-height: 18px;
	margin-left:5px;
	margin-right:-5px;
}
.inn_square .rely .content .relyblog{
	float:left;
	width:20%;
}
.inn_square .rely .content .relycontent{
	float:left;
	width:60%;
}
.inn_square .rely .content .relyer{
	float:right;
	width:20%;
}

.inn_square .relytitle{
	float:left;
	margin-left:8px;
	margin-right:8px;
	padding-top:4px;
	padding-bottom:4px;
	background: #FFF url(/images/default/areadouble_title_bg.jpg) repeat-x top;
	width:97%;
	
}
.inn_square .relytitle .content{
	font-size: 12px;
	color: #FFF;
	line-height: 18px;
	margin-left: 5px;
	margin-right: -5px;
}
.inn_square .relytitle .content .relyblog{
	float:left;
	width:20%;
}
.inn_square .relytitle .content .relycontent{
	float:left;
	width:60%;
}
.inn_square .relytitle .content .relyer{
	float:right;
	width:20%;
}

.inn_store{
	float:left;
	width:140px;
	height:223px;
	border-right: 1px dotted #999;
}
.inn_store .photo{
	text-align:center;
}
.inn_store .title{
	margin-top:4px;
	margin-left:auto;
	margin-right:auto;
	width:126px;
	font-size: 12px;
	font-weight: bold;
	color: #545454;
	padding-bottom:4px;
	border-bottom: 1px dashed #999;
}
.inn_store .intro{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:126px;
	font-size: 12px;
	color: #969696;	
}
/*硬體搜尋*/
.inn_usualy{
	margin-bottom:10px;
}
.webmap{
	margin-bottom:10px;
}