/*---RESET CSS----------------------------*/

/*- 公用樣式表--------------------------- */
body
{
	font-family: "Arial", "Times New Roman" , Georgia, Times, serif;
	font-size: 13px;
	color: #00008b;
	background-color: #DFDFDF;
	/*width: 100%;*/
	line-height: 1.5em;
    text-align: center;
    margin: 0 auto;

}
A:link
{
	color: #393939;
	font-style: normal;
	text-decoration: none;
}
A:visited
{
	color: #393939;
	font-style: normal;
	text-decoration: none;
}
A:active 
{
	COLOR: #414141; FONT-STYLE: normal; TEXT-DECORATION: none
}
A:hover 
{
	COLOR: #ff8000; FONT-STYLE: normal; TEXT-DECORATION: underline
}
h1
{
	font-size: 28px;
	color: #000066;
	line-height: 1em;
}

h2
{
	font-size: 20px;
	color: #ff6600;
	line-height: 1.5em;
}

h3
{
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	color: #0000ff;
	text-align: center;
}

.hr_line
{
	border-top: #808080 1px dashed;
	width: 100%;
	margin: 10px 0 15px 0;
	*margin: 15px 0 0 0;
}

img
{
	border: none;
}

.img_border
{
border-right: #dcdcdc 2px solid; 
border-top: #dcdcdc 2px solid; 
border-left: #dcdcdc 2px solid; 
border-bottom: #dcdcdc 2px solid; 
float: left; 
margin-right: 8px;
}

/*- 推文書籤區樣式表--------------------------- */
.bookmarks
{
    text-align: right;
    margin-top: 5px;
    margin-bottom: 5px;
    float: none;
}



/*- 主要配置區樣式表--------------------------- */
#main
{
	width: 950px;
	margin: 0 auto;
	background-color: #ffffff;
 /*position: relative;*/
 }
#MasterPage
{
	width: 950px;
	margin: 0 auto;
 /*position: relative;*/
 }
#Title
{
	width: 950px;
	height: 80px; /*background-color: #cc9900;*/
	background-image: url(http://www.runpc.com.tw/images/new_style/runpc_logo.gif);
}
#main_content
{  
	width: 700px;
	*width: 700px;
	/*height: 100%;
	*height: 100%;*/
	margin: 20px 0 0px 0;
    float: left;	
	/*background-color: #cc9900;*/
}

#main_layout
{
    float: left;
    width: 700px;
    *width: 700px;
}

#contentcolumn{  
margin-right: 300px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
*margin-right: 300px;
/*background-color: #ffffcc;*/

 }



#leftcolumn
{
	float: left;
	width: 300px; /*Width of left column in pixel*/
	margin-left: -300px; /*Set margin to -(LeftColumnWidth + RightColumnWidth)*/
	margin-bottom: 0px;
	text-align: center;
	/*background-color: #ccffff;*/
}


#rightcolumn
{ 
	float: right;
	width: 250px; /*Width of right column in pixels*/ /*margin-left: -250px; Set margin to -RightColumnWidth*/
	text-align: left;
	/*background-color: #ffe4e1;*/
	margin-top: 10px; 
	}


#web_shop
{  
	width: 670px;
	/*background-color: #eee8aa; float: left;*/
	clear: both;
	margin: 5px 0 0 15px;
	*margin: 5px 0 0 3px;
	text-align: left; 
 }


#best_article, #msdn_1, #msdn_2, #msdn_3, #msdn_4
{
	width: 670px;
	/*background-color: #b0c4de; float: left;*/
	clear: both;
	margin: 10px 0 20px 15px;
	*margin: 10px 0 20px 3px;
	clear: both;
	text-align: left;

}

#industrial_info
{
	width: 670px;
	/*background-color: #b0c4de; float: left;*/
	clear: both;
	margin: 10px 0 20px 15px;
	*margin: 10px 0 20px 3px;
	clear: both;
	text-align: left;

}

#about_link
{  
    font-size: 13px;
    color: #696969;
    font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
    width: 100%;
    height: 35px;
    *height: 35px;
      background:url("http://www.runpc.com.tw/images/new_style/tableft6.gif") top;
    line-height: 30px;
    margin-top: 42px; 
    *margin-top: 0px; 
	clear: both;
 }

#Copyright
{

    font-size: 12px;
    width: 100%;
	background-color: #DFDFDF;
    color: #696969;
    text-align: center;
    padding: 4px 0;
}
/*- 廣告版位用樣式表--------------------------- */
.topone_ad
{
	height: 80px;
	width: 800px;
	/*background-color: #ffffcc;
	border-right: #cd853f 1px dashed;
	border-top: #cd853f 1px dashed;
	border-left: #cd853f 1px dashed;
	border-bottom: #cd853f 1px dashed;*/
	vertical-align: middle;
	display: block;
	margin: 0px auto 10px;
	z-index: 1;
}

.topone_ad_ref
{
	height: 80px;
	width: 800px;
	background-color: #ffffcc;
	/*border-right: #cd853f 1px dashed;
	border-top: #cd853f 1px dashed;
	border-left: #cd853f 1px dashed;
	border-bottom: #cd853f 1px dashed;*/
	position: absolute;
	vertical-align: middle;
	display: block;
	margin: 0px auto 10px;
	z-index: 10;
}

.Diamond_block
{
	height: 150px;
	width: 230px;
	margin-bottom: 15px;
	margin-left: 0px;
	text-align: center;
	z-index: 1;
}

.Diamond_block_ref
{
	height: 150px;
	width: 230px; 
	/*background-color: #ffffcc;*/
	position: absolute;
	margin-bottom: 15px;
	margin-left: 0px;
	text-align: center;
	z-index: 10;
}

 
.mid_ad
{ 
	height: 80px;
	width: 670px;
	/*background-color: #ffffcc;
	border-right: #cd853f 1px dashed;
	border-top: #cd853f 1px dashed;
	border-left: #cd853f 1px dashed;
	border-bottom: #cd853f 1px dashed;*/
	clear: both;
	vertical-align: middle;
	margin-left: 13px;
	*margin-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 1; 
}

.mid_ad_ref
{
	height: 80px;
	width: 670px;
	/*background-color: #ffffcc;
	border-right: #cd853f 1px dashed;
	border-top: #cd853f 1px dashed;
	border-left: #cd853f 1px dashed;
	border-bottom: #cd853f 1px dashed;*/
	position: absolute;
	clear: both;
	vertical-align: middle;
	margin-left: 13px;
	*margin-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 10;
}

.ad_img_border
{
border-right: #dcdcdc 1px solid; 
border-top: #dcdcdc 1px solid; 
border-left: #dcdcdc 1px solid; 
border-bottom: #dcdcdc 1px solid;
}


/*- 選單用樣式表--------------------------- */
    #navcontainer
{
    /*float: left;*/
    width: 950px;
    font-size: 12px;
    line-height: normal;
    background: url( "http://www.runpc.com.tw/images/new_style/tableft6.gif" ) top;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navcontainer a span {float:none;}
    
    /* End IE5-Mac hack*/ 
    #navcontainer a:hover span {
      color:#FFF;
      }
    #navcontainer a:hover {
      background-position:0% -33px;
      }
    #navcontainer a:hover span
    {
	background-position: 100% -33px;
	color: #fff;
        }
    #navcontainer a:active {
      background-position:0% -66px;
      }
    #navcontainer a:active span
    {
	background-position: 100% -66px;
	color: #ffff33;
    }

     #navcontainer #current a {
              background-position:0% -66px;
      }
      #navcontainer #current a span {
              background-position:100% -66px;
      }
      
      .nav_ul
      {
      margin:0;
      padding:0 10px 0 1px;
      list-style:none;
      }
      .nav_li
      {
        display: inline;
        margin: 0;
        padding: 0;
	    overflow: hidden;
	  }
      
      .nav_li a
    {
        float:left;
        margin:0;
        background: url("http://www.runpc.com.tw/images/new_style/tableft7.gif" ) no-repeat left top;
        padding:0 0 0 0;
        text-decoration: none;
    }
      
      .nav_li span
      {
	    float: left;
	    display: block;
	    background: url("http://www.runpc.com.tw/images/new_style/tabright7.gif" ) no-repeat right top;
	    padding: 10px 9px 4px 6px;
        margin:0 0 0 5px; 
	    color: #696969;      
      }
      
      /*--特別加強用 --------------------- */
      .nav_li_highlight
      {
        display: inline;
        margin: 0;
        padding: 0;
	    overflow: hidden;
	  }

      .nav_li_highlight a
        {
        float:left;
	background: url("http://www.runpc.com.tw/images/new_style/tableft7.gif" ) no-repeat left top;
        margin:0;
        padding:0 0 0 0;
        text-decoration:none;      
        background-position:0% -66px;
        }
      
      .nav_li_highlight span
        {
        float: left;
        display: block;
        padding: 10px 9px 4px 6px;
        color: #FFFF00;
	    background: url("http://www.runpc.com.tw/images/new_style/tabright7.gif" ) no-repeat right top;
        margin:0 0 0 5px; 
        background-position:0% -66px;
        
        /*background-color: #FF3300;*/
        }

     
/*- 選單用樣式表--------------------------- */


/*- TITLE內的物件--------------------------- */

#Google_searchBar
{
    width: 250px;
    height: 25px;
    top: 30px;
    *top: 28px;
    left: 550px;
    *left: 200px;
    position: relative;
}

#facebook
{
    width: 130px;
    height: 25px;
    top: 5px;
    *top: 5px;
    left: 800px;
    *left: 390px;
    position: relative;
}

/*- 集團連結用樣式表--------------------------- */
#group_link
{ 
    color: #595959;
    font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
    position: relative;
 	width: 450px;
    left: 480px;
    *left: 230px;
    top: 10px;
font-size: 12px; 
}

#group_link A:link {
	COLOR: #595959; FONT-STYLE: normal; TEXT-DECORATION: none
}
#group_link A:visited {
	COLOR: #595959; FONT-STYLE: normal; TEXT-DECORATION: none
}
#group_link A:active {
	COLOR: #AAAAAA; FONT-STYLE: normal; TEXT-DECORATION: none
}
#group_link A:hover {
	COLOR: #ff8000; FONT-STYLE: normal; TEXT-DECORATION: underline
}

/*- 第二層更多內容頁面樣式表------------------------------ */
#main_more_content
{
	width: 700px;
	margin: 10px 0 15px 0;
	float: left;
	text-align: center;
}
#sec_main_more_content
{
	position: relative;
	width: 650px;
	margin: 10px auto 0px; /*float: left;*/
	text-align: center;
}

.sec_main_more_content
{

}

/*- 新版網頁內容用樣式表--------------------------- */
/*- 各區塊標題列樣式表--------------------------- */
.blocktitle
{
	background-image: url(http://www.runpc.com.tw/images/new_style/rule-A.gif);
	width: 100%;
	height: 27px;
	background-repeat: no-repeat;
	text-align: left;
}
.blocktitle_txt
{
	font-weight: bold;
	font-size: 13px;
	color: #3366cc;
	margin-left: 20px;
	top: 5px;
}

/*- 熱門專題樣式表--------------------------- */
#hottoppic
{
	vertical-align: top;
	text-align: left;
	/*background-color: #cccc66;*/
	margin: 0 15px 0 18px;
	*margin: 0 5px 0 18px;
}
#topstory_txt
{
width:370px;
}

.hottopic_sub
{
	font-size: 22px;
	color: #0000cc;
	line-height: 1.5em;
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
}
.hottopic_txt
{
	font-size: 13px;
	line-height: 1.8em;
	text-align: justify; 
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
}

/*- 更多專題樣式表--------------------------- */
.morehottopic_block
{
    left: 0px;
    width: 375px;
    position: static;
    float: left;
    vertical-align: top;
    text-align: left;
    overflow: hidden;
    border-top: #ebebeb 1px solid;
    padding: 5px 0 0 0;
}

/*- 即時新聞樣式表--------------------------- */
#rt_news
{
	width: 270px;
	clear: both;
	/*background-color: #ccff66;*/
	margin-left: 15px;
	*margin-left: 0px;
}

.news_block
{
	font-size: 13px;
	text-align: left;
	line-height: 1.5em;
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
	vertical-align: top;
	overflow: hidden;
	text-align: left; 
	width: 270px;
	border-bottom: #ebebeb 1px solid;
	color: #696969;
	margin-bottom: 5px;
}
.news_title
{
	font-size: 15px;
	color: #000000;
	line-height: 1.5em;
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
	text-decoration: none;
}

.date_txt
{
	font-size: 11px;
	color: #c0c0c0;
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
}

.news_art
{
	font-size: 11px;
	color: #669999;
	background-color: #f5f5f5;
	border-right: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	margin-right: 5px;
	border-bottom: #dcdcdc 1px solid;
	padding: 1px 1px 1px 1px;
}

.news_img_border
{
    padding: 3px;
    border-right: #808080 2px solid;
    border-top: #dcdcdc 2px solid;
    border-left: #dcdcdc 2px solid;
    border-bottom: #808080 2px solid;
    max-width: 300px;
    border-width: 1px;
    margin: 0 0 0 10px;
    float: right;
}

.contetnt_img_border
{ 
    padding: 3px;
    border-right: #808080 2px solid;
    border-top: #dcdcdc 2px solid;
    border-left: #dcdcdc 2px solid;
    border-bottom: #808080 2px solid;
    border-width: 1px 3px 3px 1px;
    border-width: 1px;
    max-width:600px;
    height:auto;
    zoom:expression( function(elm)

       {     if (elm.width>600) 

               {  var oldVW = elm.width; elm.width=600;             

                   elm.height = elm.height*(600 /oldVW);        

                }         elm.style.zoom = '1';     

      }

(this));    
}

/*文章免責聲明*/
.declare_txt
{
    font-size: 11px;
    color: #FF6600;
    margin-left: 10px;
}

.other_news_list
{
	font-size: 13px;
	line-height: 1.8em;
	color: #696969;
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
	margin-left: 10px;
}

#about_other_news
{
	background-image: url(http://www.runpc.com.tw/images/new_style/button-a-b.gif);
	width: 100%;
	height: 20px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	margin: 10px 0px;
}

#writer_time
{
	width: 650px;
	text-align: justify;
}

/*- 最新活動動態樣式表--------------------------- */
.act_ind_block
{
	font-size: 13px;
	line-height: 1.7em;
	color: #cc6600;
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
	vertical-align: top;
	overflow: hidden;
	width: 230px;
	text-align: left;

}
/*- 線上學習樣式表--------------------------- */
.elearning_block
{
	width: 230px;
	position: static;
	height: 85px;
	text-align: left;
	overflow: hidden;
	margin-bottom: 3px;
}

.elearning_txt
{
	font-size: 13px;
	line-height: 1.4em;
	*line-height: 1.5em;
	text-align: justify; 
	color: #003333;
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
	
}
	  

/*- 企業專訪樣式表--------------------------- */
.interview_block
{
	width: 230px;
	position: static;
	height: 75px;
	text-align: left;
	overflow: hidden;
	margin-bottom: 8px;
}

.interview_txt
{
	font-size: 13px;
	line-height: 1.4em;
	*line-height: 1.5em;
	text-align: justify; 
	color: #003333;
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
	
}

/*- 企業採購樣式表--------------------------- */
.shop_block
{ 
	font-size: 13px;
	line-height: 1.7em;
	text-align: justify; 
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
	overflow: hidden;
	width: 380px;
	height: 180px;
	*height: 180px;
	margin: 0 0 10px 0;
	*margin: 0 0 10px 0;
	}

.shop_block1
{  
	font-size: 13px;
	line-height: 1.7em;
	text-align: justify; 
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
	overflow: hidden;
	width: 375px;
    position: static;
    float: left;
	margin: 0 0 5px 0;
	*margin: 0 0 5px 0;
	 }


.shop_list
{
    float: right;
	font-size: 13px;
	line-height: 1.6em;
	width: 270px;
	text-align: left;
}
/*- 業界動態樣式表--------------------------- */
.industrial_info_block
{
	vertical-align: top;
	overflow: hidden;
	text-align: left;
}
.more_industrial_info_block /*--各項分類區塊--*/
{
	float: right;
	width: 165px;
	margin: 0 0 10px 0;
}
.industrial_info_list_block /*--單篇文章區塊--*/
{
	font-size: 13px;
	line-height: 1.4em;
	color: #cc6600;
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
	vertical-align: top;
	overflow: hidden;
	width: 155px;
	height:auto;
	text-align: left;
	margin: 0 0 3px 0;
}

.sub2_txt
{
	font-size: 14px;
	color: #003333;
	line-height: 1.5em;
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
}

.correlation
{
    width: 250px;
    height: auto;
    padding: 10px;
    border: 1px double #999999;
    background-color: #EAEAEA;
    line-height: 1.5em;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    word-break:break-all;
    overflow:hidden;
}

/*- 精選文章樣式表--------------------------- */
.best_article_block
{
	vertical-align: top;
	overflow: hidden;
	text-align: left;
}
.more_best_article_block
{
	float: right;
	width: 220px;
	margin: 0 0 0 0;
}
.best_article_list_block
{
	font-size: 13px;
	line-height: 1.7em;
	color: #cc6600;
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
	vertical-align: top;
	overflow: hidden;
	width: 215px;
	text-align: left;

}

.sub_txt
{
	font-size: 15px;
	color: #003333;
	line-height: 1.5em;
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
}



/*-  標準內文版型樣式表--------------------------- */
#sec_main_content
{
	text-align: left;
	margin: 0 0 0 30px;
	*margin: 0 0 0 0;
	width: 650px;
}
/*- .NET控制項-GridView用樣式--------------------------- */
.GridView_Css TD
{
	font-size: 13px;
	color: #696969;
}

.GridView_Css TD SPAN
{
	font-weight: bold;
	font-size: 20px;
	color: #ffd700;
	text-decoration: underline;
}

.GridView_Css A:hover
{
	font-size: 15px;
	background-color: #dcdcdc;
	color: #ff9933;
	text-decoration: none;
}


/*- .NET控制項-Menu用樣式--------------------------- */
.Menu_Css A:link
{
	font-size: 13px;
	color: #ffffff;
}

.Menu_Css TD:hover
{
	background-color: #a9a9a9;
}
.Menu_Css A:hover
{
	font-size: 14px;
	color: #000000;
}


/*- 內文樣式表--------------------------- */
.more_link
{
	font-size: 11px;
	font-family: "Arial" , "Times New Roman" , Georgia, Times, serif;
	text-align: right;
}

.大標
{
	font-weight: bold;
	font-size: 32px;
	line-height: 1.2em;
	color: #0066cc;
}
.副標
{
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2em;
	color: #696969;
}
.引言
{
    font-size: 15px;
    color: #669AC1;
    line-height: 1.8em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.小標
{
	font-weight: bold;
	font-size: 18px;
	color: #ff6633;
	line-height: 1.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.小小標
{
    font-size: 15px;
    line-height: 1.5em;
    color: #000000;
    font-weight: bold;
}
.作者
{
    font-size: 13px;
    color: #808080;
    line-height: 1.8em;
}
.圖說
{
	font-family: "Arial Unicode MS";
	font-size: 13px;
	color: #336633;
	line-height: 1.5em;
	margin-left: 0px;
}
.內文
{
	FONT-SIZE: 13px;
	COLOR: #393939;
	LINE-HEIGHT: 1.7em;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	
}

.內文 a
{
	font-size: 13px;
	color: #FF6000;
	text-decoration: underline;

}

.內文 a:hover
{
    font-size: 14px;
    color: #0066FF;
    
}
.超連結
{
	font-size: 13px;
	color: #0033ff;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.影片
{
	width: 640px;
	height: 480px;
}