/*------------------------------------------------------------

* Filename: base.css
* Version: 1.0.0 (2009-05-01) 
* Website: http://
* Contact: service@mail.medialand.com.tw
* Description: basic elements

== STRUCTURE: ==============================
* Page width: 990 px
* Number of columns: 2

+ WRAPPER
	+ HEADER
	  - branding
	  - main-nav
	
	+ CONTENT
	  - main-article
	    - pagebar
	  - sidebar
	  
	+ FOOTER
	  - address

============================================


== Color Codes: ============================
* Background: #ffffff(white)
* Content:
* Header h1:
* Header h2:
* Footer:

a(standard):
a(visited):
a(active):

============================================


== Typography: ============================
Body copy: 1.2em/1.6em Verdana, Helvetica, Arial, Geneva, sans-serif;
Headers: 
Inputs, textarea: 
Sidebar heading: 

Notes: decreasing heading by 0.4em with every subsequent heading level
============================================

-------------------------------------------------------------*/

@charset "utf-8";
/* =CSS RESET ========================*/

   
ol, ul {    
list-style: none;    
}    


#tabs li a {
	text-decoration: none;	
	text-align:center;
	color:#000000;
	padding-top:7px;
}

.tabs li a {
	text-decoration: none;	
	text-align:center;
	color:#000000;
	padding-top:7px;
}


.clear{clear:both;}

/* intro_about & tag switch css*/

#v2-site{
	margin:0 0 0 -11px;
}
#main-nav{
	height:24px;
	padding-left:0px;
	behavior:url(htc/iepngfix.htc);
	background:url(../images/bg/bg_aboutul.png) bottom repeat-x;
}

#tabs li,#tabs li a{
	float:left;
	height:17px;
	display:block;
}

.tabs li,.tabs li a{
	float:left;
	height:17px;
	display:block;
}

#v2-site .site-detail{
	margin:0 20px 40px 30px;
}


#main-nav ul{
	height:35px;
	padding-left:100px;
	background:url(../../images/bg/bg_menubg.gif) left bottom repeat-x;
}

#main-nav li,#main-nav li a{
	float:left;
	width:145px;
	height:17px;
	display:block;
	position:relative;
}

ul#main-nav div.msnav ul{
	padding-left:0px;
}


ul#main-nav li div.msnav {
	display: none;
}
ul#main-nav li.select div.msnav{
	display: block;
}

/*tab pic and inside text css*/
.pro #v2-site .nav01,.pro #v2-site .nav01 a{
	width:85px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left top no-repeat;
}
.pro #v2-site .nav02,.pro #v2-site .nav02 a{
	width:85px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left top no-repeat;
}
.pro #v2-site .nav03,.pro #v2-site .nav03 a{
	width:85px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left top no-repeat;
}
.pro #v2-site .nav04,.pro #v2-site .nav04 a{
	width:85px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left top no-repeat;
}
.pro #v2-site .nav05,.pro #v2-site .nav05 a{
	width:85px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left top no-repeat;
}
.pro #v2-site .nav06,.pro #v2-site .nav06 a{
	width:85px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left top no-repeat;
}
.pro #v2-site .nav07,.pro #v2-site .nav07 a{
	width:85px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left top no-repeat;
}
.pro #v2-site .nav08,.pro #v2-site .nav08 a{
	width:85px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left top no-repeat;
}
.pro #v2-site .nav09,.pro #v2-site .nav09 a{
	width:85px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left top no-repeat;
}

.pro #v2-site .nav0a,.pro #v2-site .nav0a a{
	width:85px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab-b.png) left top no-repeat;
	color: #fff;
}

.pro #v2-site .nav0b,.pro #v2-site .nav0b a{
	width:85px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab-b.png) left top no-repeat;
	color: #fff;
}

.pro #v2-site .nav0c,.pro #v2-site .nav0c a{
	width:85px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab-b.png) left top no-repeat;
	color: #fff;
}

.pro #v2-site li.nav0a a:hover{
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab-b.png) left -24px no-repeat;
	font-weight: bold; 
	color: #000;
}
.pro #v2-site li.nav0b a:hover{
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab-b.png) left -24px no-repeat;
	font-weight: bold;
	color: #000;
}
.pro #v2-site li.nav0c a:hover{
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab-b.png) left -24px no-repeat;
	font-weight: bold; 
	color: #000;
}

/*tab pic and inside text css when mouse is on the tabs*/
.pro #v2-site li.nav01 a:hover{
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
	font-weight: bold; 
}
.pro #v2-site li.nav02 a:hover{
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
	font-weight: bold;
}
.pro #v2-site li.nav03 a:hover{
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
	font-weight: bold; 
}
.pro #v2-site li.nav04 a:hover{
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
	font-weight: bold; 
}
.pro #v2-site li.nav05 a:hover{
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
	font-weight: bold; 
}
.pro #v2-site li.nav06 a:hover{
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
	font-weight: bold; 
}
.pro #v2-site li.nav07 a:hover{
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
	font-weight: bold; 
}
.pro #v2-site li.nav08 a:hover{
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
	font-weight: bold; 
}
.pro #v2-site li.nav09 a:hover{
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
	font-weight: bold; 
}

.pro #v2-site li.nav0a-select,.pro #v2-site li.nav0a-select a{
	width:85px;
	font-weight: bold;
	margin-top:1px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab-b.png) left -24px no-repeat;
}
.pro #v2-site li.nav0b-select,.pro #v2-site li.nav0b-select a{
	width:85px;
	font-weight: bold;
	margin-top:1px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab-b.png) left -24px no-repeat;
}
.pro #v2-site li.nav0c-select,.pro #v2-site li.nav0c-select a{
	width:85px;
	font-weight: bold;
	margin-top:1px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab-b.png) left -24px no-repeat;
}

/*tab pic and inside text css after tabs being selected*/

.pro #v2-site li.nav01-select,.pro #v2-site li.nav01-select a{
	width:85px;
	font-weight: bold;
	margin-top:1px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
}
.pro #v2-site li.nav02-select,.pro #v2-site li.nav02-select a{
	width:85px;
	font-weight: bold;
	margin-top:1px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
}
.pro #v2-site li.nav03-select,.pro #v2-site li.nav03-select a{
	width:85px;
	font-weight: bold;
	margin-top:1px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
}
.pro #v2-site li.nav04-select,.pro #v2-site li.nav04-select a{
	width:85px;
	font-weight: bold;
	margin-top:1px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
}
.pro #v2-site li.nav05-select,.pro #v2-site li.nav05-select a{
	width:85px;
	font-weight: bold;
	margin-top:1px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
}
.pro #v2-site li.nav06-select,.pro #v2-site li.nav06-select a{
	width:85px;
	font-weight: bold;
	margin-top:1px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
}
.pro #v2-site li.nav07-select,.pro #v2-site li.nav07-select a{
	width:85px;
	font-weight: bold;
	margin-top:1px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
}
.pro #v2-site li.nav08-select,.pro #v2-site li.nav08-select a{
	width:85px;
	font-weight: bold;
	margin-top:1px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
}
.pro #v2-site li.nav09-select,.pro #v2-site li.nav09-select a{
	width:85px;
	font-weight: bold;
	margin-top:1px;
	background:url(http://d2dzkoxo9guuhu.cloudfront.net/resource/v2-tab1.png) left -24px no-repeat;
}

.pro #v2-site .site-detail{
	margin:0 0px 40px 20px;
}

.pro #v2-site li.snav a:hover{
	background:#848484;
	color: #ffffff;
	/*font-weight: bold;*/
	height:auto;
}

.pro #v2-site li.snav a{
	background:#d8d8d8;
	color: #000000;
	border:1px solid #b6b6b6;
	width:85px;
	/*padding-left:8px;
	text-align:left;*/
	height:auto;
	margin-top:0px;
	overflow:hidden;
}

.pro #v2-site li.snav{
	height:auto;
	width:80px;
	vertical-align: middle;
}

.pro #v2-site li.snav{
	height:auto;
	width:80px;
	vertical-align: middle;
}