body {
	font-family: "新細明體",Verdana;
	font-size:13px;
	color:#666666;
	background-color: #C0E5FF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height:160%;

}
.copyright {
  font-size:12px;
  color:#2E5A80;
  line-height:140%;
}
.inner_table {
background-image: url(/travels/images/bkpatn.gif);
background-repeat:repeat-y;
}


/*-------- Hyperlink  -------------*/

A:visited, A:link {
	COLOR: #003366; TEXT-DECORATION: none}
A:hover {
	 COLOR: #333333; TEXT-DECORATION: underline}

A.c-sight:visited, A.c-sight:link {
	COLOR: #86404D; TEXT-DECORATION: none}
A.c-sight:hover {
	 COLOR: #333333; TEXT-DECORATION: underline}

A.hidetxt:link { font-size: 8px;	color: #FFFFFF;  text-decoration: none; line-height:100%;}
A.hidetxt:visited { font-size: 8px; color: #FFFFFF;  text-decoration: none; line-height:100%;}
A.hidetxt:hover { font-size: 8px; color: #FFFFFF;  text-decoration: none; line-height:100%;}
A.hidetxt1:link { font-size: 4px;	color: #FFFFFF;  text-decoration: none; line-height:80%;}
A.hidetxt1:visited { font-size: 4px; color: #FFFFFF;  text-decoration: none; line-height:80%;}
A.hidetxt1:hover { font-size: 4px; color: #FFFFFF;  text-decoration: none; line-height:80%;}

A.a-north:link { color:#B6892E;  font-size:16px; font-weight:bold; text-decoration: none; }
A.a-north:visited { color:#B6892E;  font-size:16px; font-weight:bold; text-decoration: none; }
A.a-north:hover { color: #C48209;  font-size:16px; font-weight:bold; text-decoration: underline; }
A.a-center:link { color:#CE597C;  font-size:16px; font-weight:bold; text-decoration: none; }
A.a-center:visited { color:#CE597C;  font-size:16px; font-weight:bold; text-decoration: none; }
A.a-center:hover { color: #C2335C;  font-size:16px; font-weight:bold; text-decoration: underline; }
A.a-south:link { color:#4799FF;  font-size:16px; font-weight:bold; text-decoration: none; }
A.a-south:visited { color:#4799FF;  font-size:16px; font-weight:bold; text-decoration: none; }
A.a-south:hover { color: #2788D8;  font-size:16px; font-weight:bold; text-decoration: underline; }
A.a-east:link { color:#4ABA1B;  font-size:16px; font-weight:bold; text-decoration: none; }
A.a-east:visited { color:#4ABA1B;  font-size:16px; font-weight:bold; text-decoration: none; }
A.a-east:hover { color: #439F0B;  font-size:16px; font-weight:bold; text-decoration: underline; }

/*---------- left options ------------*/
a.left_opt:link {
font-size: 12px;
color: #A7A9AC;
padding-left:20px;
line-height:200%;
padding-bottom:4px;
text-decoration:none;
vertical-align:sub;
}
a.left_opt:visited {
font-size: 12px;
color: #A7A9AC;
padding-left:20px;
line-height:200%;
padding-bottom:4px;
text-decoration:none;
vertical-align:sub;
}

a.left_opt:hover {
background-image: url(/travels/images/icon_leftoptn.gif);
background-position:left;
background-repeat:no-repeat; 
color: #666666;
line-height:200%;
padding-top:12px;
vertical-align: sub;
text-decoration:none;
}

.Loptn {
background-image: url(/travels/images/icon_leftoptn.gif);
background-position:left;
background-repeat:no-repeat; 
color: #000000;
line-height:200%;
padding-left:20px; 
padding-top:12px;
/*vertical-align: middle;  */
text-decoration:none;

}


/*------ the contents of  4 areas------------------*/
.area-n {
  color:#BBA32D;
  font-size:20px;
  font-weight:bold;
}
.area-nline {
  border-bottom:1px dotted #D5BC4E;
  padding-right:4px;
}

.area-c {
  color:#EC5C59;
  font-size:20px;
  font-weight:bold;
}
.area-s {
  color:#1E80F8; /* #4799FF;  */
  font-size:20px;
  font-weight:bold;
}

.area-e {
  color:#008000; /* #4799FF;  */
  font-size:20px;
  font-weight:bold;
}
.area-a {
  color:#5F58BE; /* #4799FF;  */
  font-size:20px;
  font-weight:bold;
}
.area-cline {
  border-bottom:1px dotted #DA7549;
  padding-right:4px;
}

.area-sline {
  border-bottom:1px dotted #77AFE8;
  padding-right:4px;
}

.area-eline {
  border-bottom:1px dotted #79C76B; /*#52FF33 */
  padding-right:4px;
}



/*
A.diybtn:link {
	color:#CC9933; 
	text-decoration:blink; 
	background-color:#FFCC00;
	font-size:13px;
	border:1px solid  #999999;  
	line-height: 160%;
 }
A.diybtn:visited {
	color:#999999; 
	text-decoration:blink; 
	background-color:#FFCC00; 
	font-size:13px;	
	border:1px solid  #999999;  
	line-height: 160%;
} */
A.diybtn:active {
	color:#CC9933; 
	text-decoration:blink; 
	background-color:#FFCC00; 
	font-size:13px;	
	border:1px solid  #999999; 
	line-height: 160%;
	padding-top:4px;
}
A.diybtn:hover {
	color:#000000; 
	text-decoration:blink; 
	background-color:#FFCC00; 
	font-size:13px;	
	border:1px solid  #999999;  
	line-height: 160%;
	padding-top:4px;
}
A.diybtn {
	color: #999900; 
	text-decoration:blink; 
	background-color:#FFCC00; 
	font-size:13px;	
	border:1px solid  #999999;  
	line-height: 160%;
	padding-top:4px;
}


.area_bgn {
background-image: url(/travels/images/bkpatn_area.gif);
background-repeat:repeat-y;
}

.area_ntable {
background-image: url(/travels/images/area_logon.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}

.area_ctable {
background-image: url(/travels/images/area_logoc.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}

.area_stable {
background-image: url(/travels/images/area_logos.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}
.area_etable {
background-image: url(/travels/images/area_logoe.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}


/*-------------  detail content's background of 4 areas ----------------*/
.Nconent_table {
background-image: url(/travels/images/Ncnt_bgn.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}
.Nconent_table2 {
background-image: url(/travels/images/Ncnt_bgn2.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}
.Nconent_table3 {
background-image: url(/travels/images/Ncnt_bgn3.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}
.Nconent_table4 {
background-image: url(/travels/images/Ncnt_bgn4.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}
.Nconent_table5 {
background-image: url(/travels/images/Ncnt_bgn5.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}

.Cconent_table {
background-image: url(/travels/images/Ccnt_bgn.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}

.Cconent_table2 {
background-image: url(/travels/images/Ccnt_bgn2.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}

.Cconent_table3 {
background-image: url(/travels/images/Ccnt_bgn3.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}

.Cconent_table4 {
background-image: url(/travels/images/Ccnt_bgn4.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}

.Sconent_table {
background-image: url(/travels/images/Scnt_bgn.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}
.Sconent_table2 {
background-image: url(/travels/images/Scnt_bgn2.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}
.Sconent_table3 {
background-image: url(/travels/images/Scnt_bgn3.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}
.Sconent_table4 {
background-image: url(/travels/images/Scnt_bgn4.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}

.Econent_table {
background-image: url(/travels/images/Ecnt_bgn.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}
.Econent_table2 {
background-image: url(/travels/images/Ecnt_bgn2.jpg);
background-repeat: no-repeat;
background-position:bottom;
padding-bottom:2px;
}


/*--------  big Titles of 4 areas --------------------*/
.n-Bigtitle {
font-family: "細明體";
color:#B6892E;
font-size:16px;
font-weight:bold;
}
.c-Bigtitle {
font-family: "細明體";
color: #7C384B  /*#A56972*/; 
font-size:16px;
font-weight:bold;
}
.s-Bigtitle {
font-family: "細明體";
color: #1A80FF; 
font-size:16px;
font-weight:bold;
}

.e-Bigtitle {
font-family: "細明體";
color: #4AB10C; 
font-size:16px;
font-weight:bold;
}

.n-title {
color: #CC9933;
font-size:15px;
font-weight:bold;
}
.c-title {
color: #D5604A;
font-size:15px;
font-weight:bold;
}
.s-title {
color: #397CCE;
font-size:15px;
font-weight:bold;
}
.e-title {
color: #38870A;
font-size:15px;
font-weight:bold;
}

.n-maptitle {
color: #66A934;
font-size:15px;
font-weight:bold;
}

/*-----------  infromation tables -----------------*/
.n-info {
color: #927F54;
font-size:13px;
font-weight:bold;
background-color:#FFFCE8;
}
.c-info {
color: #A6606C; /*#A56972 #A33649 #7C384B #4D9CFF*/
font-size:13px;
font-weight:bold;
background-color:#FFEEEF;
}
.s-info {
color: #4D9CFF; /*#A56972 #A33649 #7C384B*/
font-size:13px;
font-weight:bold;
background-color:#F5FCFE;
}
.e-info {
color: #3F9A43; 
font-size:13px;
font-weight:bold;
background-color:#F1FEE9;
}

.n-info-bullet {
border-left:2px solid #CC9900;
padding-left: 4px;
}
.c-info-bullet {
border-left:2px solid #DA9E9A;
padding-left: 4px;
}
.s-info-bullet {
border-left:2px solid #87D9F8;
padding-left: 4px;
}

.e-info-bullet {
border-left:2px solid #A6D1B7;
padding-left: 4px;
}

.n-subtopic {
 font-size:13px;
 color: #B6892E;
 font-weight:800;
 
}
.n-map {
color: #927F54;
background-color:#DEDBD6;
border:1px dotted #CCCCCC;
padding:4px;
}

.gray-hr {
 border: none;
 background-color:#D4D4D4;
 color:#D4D4D4;
 height:1px;
 width: 80%;
}
.sight_txt {
font-size:15px;
color:#333333;
font-weight:bold;
}

.area_txt {
font-size:15px;
color:#333333;
line-height:160%;
padding:6px;
}
.author_txt {
font-size:15px;
color:#7872C9;
line-height:160%;
padding:6px;
}

ul.horiz li {
 display: inline;
 padding: 10px;
 
 
}