body
{
	background-color:#ffffff;
    
    /*font-family: "細明體","新細明體","標楷體",Arial, Helvetica, sans-serif,,MingLiU,PMingLiU;*/
    font-family: Arial, Helvetica, sans-serif,,MingLiU,PMingLiU;
    font-size: 13px;
    letter-spacing:1px;
    
    color: #2b2b2b;
    text-align: center;
}

.outermost-body
{
    background-color: #FFFFFF;
    text-align:left;
    
    vertical-align: top;

}

.clearboth
{
    clear: both;
}


p
{
    text-align: justify;
}

a
{
	color: #62BB46; 
	text-decoration: none; 
}

a:hover
{
	color: #FFFF00; 
	text-decoration: underline;
}

a img
{
    border: none;
}

img 
{
    border: none;    
    display:inline;
    vertical-align:bottom;    
}



.header 
{
	overflow:hidden;
}

.body-mid
{
	scrollbar-face-color:#cdcdcd;
	scrollbar-base-color:#d5d5d5;
	scrollbar-arrow-color:#ffffff;
}

.body-mid .bd .content 
{
	border:none;
}


.body-mid .bd.titlebox .content 
{
	border-left:solid 1px #7c7c7c;
	border-right:solid 1px #7c7c7c;
	border-bottom:solid 1px #7c7c7c;
}

.body-mid .bd.titlebox-tlr .content 
{
	border-left:solid 1px #7c7c7c;
	border-right:solid 1px #7c7c7c;
}
.title .hit-table-row 
{
	background-image:url(/files/templates/pen/tc/images/border_top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
/* overview */
.hit-table.overview
{
	background-color:#f7f7f7;

}

.overview .hit-table-row-top,
.overview .hit-table-row-middle
{
	display:inline-block;
	
	background-image:url(/files/templates/pen/tc/images/title_underline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.overview .hit-title 
{
	font-weight:bold;
	font-size:20px;
	color:#9c9c9c;
}

.overview .hit-html 
{
	color:#4d4e4f;
    line-height:20px;
}

.overview .hit-html ul.link
{
	list-style-type:none;
}

.overview .hit-html ul.link li
{
	list-style-type:none;

}


.overview .hit-html ul.link li a 
{
	color:#909192;
	text-decoration:none;

	font-size:11px;
    
	background-image:url(/files/templates/pen/tc/images/overview/icon01.gif);
	background-repeat:no-repeat;
	background-position:left center;
	
}

.overview .hit-html ul.link li a:hover
{
	color:#9c9c9c;
	text-decoration:underline;
}

.overview .hit-html ul.highlight
{
	list-style-type:none;
}

.overview .hit-html ul.highlight li
{
	list-style-type:none;

	background-image:url(/files/templates/pen/tc/images/overview/icon02.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
}


/* TV Commercial */
.tvcommercial 
{
    text-align: center;
}

.tvcommercial .advert-tv ul
{
	list-style-type:none;
}

.tvcommercial .advert-tv ul li
{
    line-height:18px;
    
	list-style-type:none;

	background-image:url(/files/templates/pen/tc/images/overview/icon03.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
}

.tvcommercial .advert-tv ul li a 
{
	color:#909192;
	text-decoration:none;

    cursor:pointer;
    
}

.tvcommercial .advert-tv ul li a:hover
{
	color:#909192;
	text-decoration:underline;
}


/* product */
.product
{
	background-color:#f7f7f7;
}

.product .border-top a,
.product .border-left a,
.product .border-right a,
.product .border-bottom a
{
	cursor:pointer;
}

#item-top-center 
{
	vertical-align:bottom;
}

#item-bottom-center 
{
	text-align:center;
	
	vertical-align:top;
}

#item-bottom-center  ul.link
{
	list-style-type:none;
}

#item-bottom-center  ul.link li
{
	display:inline;
	list-style-type:none;

}

#item-bottom-center ul.link li a
{
	/*
	background-image:url(/files/templates/pen/tc/images/product/btn_silver.gif);
	*/
	background-repeat:no-repeat;
	background-position:left center;
	color:#9c9c9c;
	text-decoration:none;

}

#item-bottom-center ul.link li a:hover
{
	/*
	background-image:url(/files/templates/pen/tc/images/product/btn_white.gif);
	background-repeat:no-repeat;
	background-position:left center;
	*/	
}

.item div 
{
	background-color:Transparent;
	background-image:none;
	
}
/* features */
.hit-table.features
{
	background-color:#f7f7f7;
}

.features .hit-table-row-top,
.features .hit-table-row-middle
{
	display:inline-block;

	background-image:url(/files/templates/pen/tc/images/title_underline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.features .hit-title 
{
	font-weight:bold;
	font-size:20px;
	color:#9c9c9c;
}

.features .hit-html 
{
	color:#4d4e4f;
    line-height:20px;
}

.features .hit-html ul.link
{
	list-style-type:none;
}

.features .hit-html ul.link li
{
	list-style-type:none;

}


.features .hit-html ul.link li a 
{
	color:#9c9c9c;
	text-decoration:none;

	font-size:11px;
    
	background-image:url(/files/templates/pen/tc/images/features/icon01.gif);
	background-repeat:no-repeat;
	background-position:left center;
	
}

.features .hit-html ul.link li a:hover
{
	color:#9c9c9c;
	text-decoration:underline;
}

.features .hit-html ul.highlight
{
	list-style-type:none;
	
}


.features .hit-html ul.highlight li
{
	list-style-type:none;

	background-image:url(/files/templates/pen/tc/images/features/icon02.gif);
	background-repeat:no-repeat;
	background-position:left 6px;

	color:#4d4d4f;
  
    line-height:18px;
    
	
}

.features .hit-html ul.highlight li h1
{
	color:#4d4d4f;
	font-size:15px;
    
    line-height:18px;
	
}

.features .hit-html ul.highlight li a 
{
	color:#9c9c9c;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
	background-image:url(/files/templates/pen/tc/images/features/icon01.gif);
	background-repeat:no-repeat;
	background-position:left center;
	
}

.features .hit-html ul.detail
{
	list-style-type:none;
}


.features .hit-html ul.detail li
{
	list-style-type:none;

	background-image:url(/files/templates/pen/tc/images/features/icon02.gif);
	background-repeat:no-repeat;
	background-position:left 6px;

	color:#4d4d4f;
   
    line-height:18px;
	
}

.features .hit-html ul.detail li h1
{
	color:#4d4d4f;
	font-size:15px;
    
    line-height:18px;

}

.featuretitle
{
	color:#4d4d4f;
	font-size:15px;
    
    line-height:18px;

}


.features .hit-html ul.detail1
{
	list-style-type:none;
}


.features .hit-html ul.detail1 li
{
	list-style-type:none;
	
	background-image:none;

	color:#4d4d4f;
   
    line-height:18px;
    
    
	
}

.features .hit-html ul.detail1 li h1
{
	color:#4d4d4f;
	
    margin:10px 10px 0px 0px;
	font-size:15px;
    text-decoration:underline;
    
    line-height:18px;
	
	vertical-align:baseline;
}


.features-lens .hit-table-row 
{
	display:inline;
	background-image:none;
	background-repeat:no-repeat;
}

.features-lens .hit-table-row-top,
.features-lens .hit-table-row-middle
{
	display:inline;
	clear:none;
}

.features-lens .hit-table-cell 
{
	display:inline-block;
}


.features-lens .hit-title 
{
	font-size:15px;
	font-weight:bold;
	
	color:#4d4e4f;
    
    line-height:20px;
}

.features-lens .hit-html
{
	color:#4d4e4f;
    
    line-height:18px;
}

.features-lens .hit-image a 
{
	cursor:pointer;
}


/* specification */
.hit-table.spec
{
	background-color:#f7f7f7;
}

.spec .hit-table-row-top,
.spec .hit-table-row-middle
{
	display:inline-block;
	
	background-image:url(/files/templates/pen/tc/images/title_underline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.spec .hit-title 
{
	font-weight:bold;
	font-size:20px;
	color:#9c9c9c;
	
}

.spec .hit-html 
{
	color:#4d4e4f;
}

.spec .hit-html td {
    line-height:1.4em;
}

.spec .hit-html table td.name,
.spec .hit-html table td.name1,
.spec .hit-html table td.name2
{
	
	/*background-image:url(/files/templates/pen/tc/images/spec/spec_title_bkgd.gif);
	background-repeat:repeat;
	background-position:left top;*/
	background-color:#9c9c9c;

		
	font-size:15px;
	color:#ffffff;
 
    
    vertical-align:top;
}

.spec .hit-html table td.value 
{
	font-size:13px;
	color:#4d4e4f;
    
    vertical-align:top;

}

/* accessories */
.hit-table.acc
{
	background-color:#f7f7f7;
}

.acc .hit-table-row-top,
.acc .hit-table-row-middle
{
	background-image:url(/files/templates/pen/tc/images/title_underline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.acc .hit-title 
{
	font-weight:bold;
	font-size:20px;
	color:#9c9c9c;
}

.acc-idx .hit-table-row 
{
	background-image:none;
}



.acc-idx .hit-table-row-middle
{
	clear:none;
}

.acc-idx .hit-title 
{
	font-weight:bold;
	font-size:15px;
	
	color:#4d4e4f;
   
    line-height:18px;
}

.acc-idx .hit-html ul.link
{
	list-style-type:none;
}

.acc-idx .hit-html ul.link li
{
	list-style-type:none;

}


.acc-idx .hit-html ul.link li a 
{
	color:#9c9c9c;
	text-decoration:none;

   
	background-image:url(/files/templates/pen/tc/images/accessories/icon01.gif);
	background-repeat:no-repeat;
	background-position:left center;
	
}

.acc-idx .hit-html ul.link li a:hover
{
	color:#9c9c9c;
	text-decoration:underline;
}



.acc-detail .hit-table-row 
{
	background-image:none;
}



.acc-detail .hit-table-row-middle
{
	clear:none;
}

.acc-detail .hit-title 
{
	font-size:15px;
	font-weight:bold;
	
	color:#4d4e4f;
    
    line-height:20px;
}

.acc-detail .hit-html
{
	
	color:#4d4e4f;
    
    line-height:18px;
}

.acc-detail .hit-html ul.link
{
	list-style-type:none;
}

.acc-detail .hit-html ul.link li
{
	list-style-type:none;

}

.acc-detail .hit-html ul.link li a 
{
	color:#909192;
	text-decoration:none;

	font-size:11px;
    
	background-image:url(/files/templates/pen/tc/images/accessories/icon01.gif);
	background-repeat:no-repeat;
	background-position:left center;
	
}

.acc-detail .hit-html ul.link li a:hover
{
	color:#9c9c9c;
	text-decoration:underline;
}




/* master2 */
.hit-table.m2
{
	background-color:#f7f7f7;
}

.m2 .hit-table-row-top,
.m2 .hit-table-row-middle
{
	background-image:url(/files/templates/pen/tc/images/title_underline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.m2 .hit-title 
{
	font-weight:bold;
	font-size:20px;
	color:#9c9c9c;
}

.m2 .hit-html 
{
	color:#4d4e4f;
    line-height:20px;
}
/* specification */
.m2-spec .hit-table-row-top,
.m2-spec .hit-table-row-middle
{
	background-image:none;
}

.m2-spec .hit-title 
{
	font-size:20px;
	color:#4d4e4f;
}

.m2-spec .hit-html 
{
	display:inline-block;
	
	color:#4d4e4f;
    line-height:20px;
}


.m2-spec .hit-html table td.name,
.m2-spec .hit-html table td.name1,
.m2-spec .hit-html table td.name2
{
	
	/*
	background-image:url(/files/templates/pen/tc/images/spec/spec_title_bkgd.gif);
	background-repeat:no-repeat;
	background-position:left top;
	*/
		
	font-size:15px;
	color:#ffffff;
    
    vertical-align:top;
}

.m2-spec .hit-html table td.value 
{
	color:#4d4e4f;
    
    vertical-align:top;

}

.m2-spec .hit-html h1 
{
	font-size:12px;
	font-weight:bold;
}


.m2-spec .hit-html ul.notice
{
	list-style-type:none;
}


.m2-spec .hit-html ul.notice li
{
	list-style-type:none;
	background-image:url(/files/templates/pen/tc/images/accessories/star.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	
	color:#4d4e4f;

	font-size:11px;
    /*font-family:"細明體", Arial, MingLiU, PMingLiU, Helvetica, sans-seri;*/
    
    line-height:14px;
	
}



/* story */
.hit-table.story
{
	background-color:#f7f7f7;
}

.story .hit-table-row-top 
{
	background-image:url(/files/templates/pen/tc/images/title_underline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.story .hit-title 
{
	font-size:20px;
	color:#9c9c9c;
	font-weight:bold;
    /*font-family:Arial, MingLiU, PMingLiU, Helvetica, sans-seri;*/
    

	
}

/* story */
.story .hit-html 
{
	color:#4d4e4f;

    line-height:24px;
   
}

.story .hit-html ul 
{
	list-style-type:none;
}

.story .hit-html li
{
	display:inline;
	list-style-type:none;
}

.story .hit-html li a 
{
	color:#ffffff;
	text-decoration:none;

	font-size:14px;
	
	background-image:url(/files/templates/pen/tc/images/story/PenStory_btn_bkgd.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}

.story .hit-html li a:hover
{
	color:#ffffff;
	text-decoration:underline;
}

/* gallery */
.hit-table.gallery
{
	background-color:#f7f7f7;
}

.gallery .hit-table-row-top,
.gallery .hit-table-row-middle
{
	background-image:url(/files/templates/pen/tc/images/title_underline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.gallery .hit-title 
{
	font-weight:bold;
	font-size:20px;
	color:#9c9c9c;
}

.gallery-idx .carousel .frame .artwork 
{
	text-align:center;
}

.gallery-idx .carousel .frame .title
{
	background-image:url(/files/templates/pen/tc/images/gallery_title_bkgd2.gif);
	background-repeat:repeat-x;
	
	text-align:left;
	font-size:10px;
	color:#9c9c9c;
	
	line-height:20px;
}
.gallery-idx .carousel .frame .wallpaper
{
	background-image:url(/files/templates/pen/tc/images/gallery_title_bkgd2.gif);
	background-repeat:repeat-x;
	
	text-align: center justify;
	font-size:10px;
	color:#9c9c9c;
	
	line-height:20px;
	
}


.gallery-idx .carousel .frame .wallpaper a, .gallery-idx .carousel .frame .wallpaper a:hover
{
	
	
	color:#9c9c9c;
	
	line-height:20px;
	
}



.gallery-photo .close
{
	text-align:right;
}

.gallery-photo .carousel .frame .artwork .title
{
	text-align:left;
	font-size:10px;
	color:#000000;
	
	line-height:20px;

}


.gallery-photo .carousel .frame .exif table
{
	border:solid 2px #7c7c7c;
}



.gallery-photo .carousel .frame .exif table td.name
{
	background-color:#e6e7e8;
	font-size:10px;
	color:#000000;
}

.gallery-photo .carousel .frame .exif table td.value
{
	background-color:#f6f6f6;
	font-size:10px;
	color:#000000;
}

.gallery-photo .carousel .frame .exif table td.value-odd
{
	background-color:#ffffff;
	font-size:10px;
	color:#000000;
}

/* gallery video */
.gallery-video .close
{
	text-align:right;
}

.gallery-video .carousel .frame .artwork .title
{
	text-align:left;
	font-size:10px;
	color:#000000;
	
	line-height:20px;

}

/* events */
.events 
{
	background-color:#f7f7f7;
	
}

.events hr 
{
	color:#adadad;
}

.events .leadin
{
	color:#9c9c9c;
	font-size:11px;
	line-height:16px;
}

.events .topic
{
	color:#9c9c9c;
	font-size:20px;
	line-height:22px;
}

.events .summary 
{
	color:#4d4d4f;
	font-size:12px;
	line-height:20px;

}

.events-page 
{
	color:#9c9c9c;
	text-align:right;
}

.events-page a 
{
	color:#9c9c9c;
}



/* add by evans 20100209 start */
.new_prd_content ul.highlight
{
	list-style-type:none;
}
.new_prd_content ul.highlight li
{
	list-style-type:none;
	background-image:url(/files/templates/pen/tc/images/overview/icon02.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
}
.overview .hit-html ul.detail
{
	list-style-type:none;
}


.overview .hit-html ul.detail li
{
	list-style-type:none;

	background-image:url(/files/templates/pen/tc/images/features/icon02.gif);
	background-repeat:no-repeat;
	background-position:left 6px;

	color:#4d4d4f;
   
    line-height:18px;
	
}

.overview .hit-html ul.detail li h1
{
	color:#4d4d4f;
	font-size:15px;
    
    line-height:18px;

}

.overview .hit-html ul.detail1
{
	list-style-type:none;
}


.overview .hit-html ul.detail1 li
{
	list-style-type:none;
	
	background-image:none;

	color:#4d4d4f;
   
    line-height:18px;
    
    
	
}

.overview .hit-html ul.detail1 li h1
{
	color:#4d4d4f;
	
    margin:10px 10px 0px 0px;
	font-size:15px;
    text-decoration:underline;
    
    line-height:18px;
	
	vertical-align:baseline;
}
/* add by evans 20100209 end */

/* add by Ben 20100219 for Panorama */

.panorama_thumbnail
{
    border:solid 1px #cccccc;
    color: #666666;
    font-size:9px;
    font-weight:bold;
    font-family:Arial,Verdana;
}

a.panobutton
{
	color: #7e7e7e; 
	text-decoration: none; 
}

a.panobutton:hover
{
	color: #7e7e7e; 
	text-decoration: underline;
}