/*-----------------------------------------------------------------------------------------*/
/*  Base CSS                                                                               */
/*  MainBlockStyle                                                                         */
/*  TopStyle                                                                               */
/*  DetailStyle                                                                            */
/*  ContentsStyle                                                                          */
/*  Sitemap                                                                                */
/*-----------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------*/
/*  Base CSS                                                                               */
/*-----------------------------------------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	padding:0 0 30px 0;
	margin:0;
	color:#333;
}

a{
	text-decoration:none;
	color:#192b8f;
	}
a:visited{
	text-decoration:none;
	color:#202221;
	}
a:hover{
	text-decoration:underline;
	color:#202221;
	}

strong {
	font-weight:normal;
	}

em,i {
	font-style:normal;
	}

form {
	margin:0;
	padding:0;
	}

img{
	border:0;
	margin:0;
	padding:0;
	float:none;
	}

.color_red {
	color:#FFD7EB;
	}

.font-large {
	font-size:medium;
	font-weight:bold;
	}

.back_left {
	text-align:left;
	margin:30px 0 30px 0;
	padding:0;
	}

.back_color {
	text-align:left;
	margin:5px 0 5px 0;
	padding:5px 15px 5px 15px;
	background-color:#EFEFF8;
	width:125px;
	font-weight:bold;
	color:#000033;
	}

.red {color:#F33;}
.blue {color:#36F;}
.yellow {color:#FC3;}
.orange {color:#F63;}
.green {color:#060;}
.gray {color:#666;}
.pink {color:#F9C;}
.attentions {color:#999; font-size:9px;}

.clearS {
	clear:both;
}

/*-----------------------------------------------------------------------------------------*/
/*  NewAdd CSS  MainBlockStyle                                                             */
/*-----------------------------------------------------------------------------------------*/

.site_navi {
	margin:0;
	background: #ff00cc;
	color: #fff;
	}

.site_navi p {
	margin:0;
	padding:3px 3px;
	}

.site_navi a{
	color: #fff;
	text-decoration: underline;
	}
	
.site_navi a:hover{
	color: #000099;
	text-decoration: underline;
}

.searchform {
	padding:10px 0 0 0;
	margin:11px 0 0 0;
	background:url(img/side_search.png) top left no-repeat;
	height:95px;
	}

.side_contents,.side_login,.side_access {
	padding:0;
	margin:0;
	color:#333;
	}

.searchform h2 {
	padding:5px 10px;
	margin:0;
	font-size:14px;
	background:none;
	}

.side_contents h2,.side_access h2 {
	padding:8px 10px;
	margin:25px 0 5px 0;
	font-size:14px;
	background:url(img/side_h.jpg) top left no-repeat;
	}

.searchform img,.side_contents img{
	vertical-align:middle;
	}

.searchform p,.side_contents p,.side_access p {
	padding:0 10px;
	margin:0;
	}

.searchform h3,.side_contents h3,.side_access h3 {
	padding:0 10px;
	margin:0;
	font-size:small;
	line-height:140%;
	font-weight:normal;
	}

.side_login p {
	padding:0 10px;
	margin:0;
	text-align:right;
	}


/*-----------------------------------------------------------------------------------------*/
/*  NewAdd CSS  TopStyle                                                                   */
/*-----------------------------------------------------------------------------------------*/

.cate_list {
	margin:0;
	padding:0;
	}

.cate_list h2 {
	margin:0 0 10px 0;
	padding:10px 5px 15px 15px;
	background:url(img/main_h.png) top left no-repeat;
	font-size:14px;
	color:#666666;
	}

.top_cate {
	margin:0 0 0 5px;
	padding:5px;
	width:260px;
	border-bottom:1px #FFF dashed;
	float:left;
	}

.top_cate h3 {
	margin:0;
	padding:5px 0 5px 15px;
	font-size:small;
	background:url(img/list1.jpg) center left no-repeat;
	}

.top_cate p {
	margin:0;
	padding:0;
	line-height:130%;
	font-size:x-small;
	}

.contents_footer {
	margin:20px 0 0 5px;
	padding:0;
	line-height: 1.5em;
	
	}

.contents_footer h3 {
	float: right;
	margin-left: 5px;
	font-size:small;
	border-top:#FFF 1px dashed;
	text-align: right;
	font-weight: normal;
	}
	
.contents_footer h3 a{
	background:url(img/rrow-right.png) center left no-repeat;
	color: #000099;
	padding:9px 0px 9px 40px;
	text-decoration: underline;
	}

/*-----------------------------------------------------------------------------------------*/
/*  NewAdd CSS  DetailStyle                                                                */
/*-----------------------------------------------------------------------------------------*/

.detail {
	margin:0;
	padding:0 0 10px 10px;
	}

.detail h2 {
	margin:0 0 10px 0;
	padding:10px 5px 15px 15px;
	background:url(img/main_h.png) top left no-repeat;
	font-size:14px;
	color:#666666;
	}

.detail h3 {
	clear:both;
	margin:2px 0 0 0;
	padding:5px;
	background-color:#D5ECF4;
	font-size:small;
	}

.detail h4 {
	margin:7px 0 5px 0;
	padding:5px 5px 5px 16px;
	font-size:small;
	font-weight:bold;
	border-bottom:1px dashed #FFF;
	background:url(../img/cate.gif) center left no-repeat;
	}

.detail p {
	margin:0 0 7px 0;
	padding:5px;
	line-height:1.5em;
	font-size:small;
	border:none;
	font-weight:normal;
	}

.detail_map {
	margin:0;
	padding:0;
}

.detail_map h3{
	background: #33cccc;
	border:1px dotted #ccc;
	padding: 3px;
	text-align: center;	
	color: #fff;
	font-weight: normal;
}

.thumbnail {
	margin:0;
	padding:0;
	text-align:center;
	width:31%;
	float:left;
	}
	
.thumbnail img{
	width: 92%;
	padding:5px;
	border:1px #999 solid;
	margin:0 15px 10px 0;
}


.thumbnail h3 {
	margin:20px 15px 0 0;
	padding:5px;
	font-size:small;
	text-align:left;
	background:#D5ECF4;
	}

.thumbnail p {
	margin:0 0 10px 0;
	padding:5px;
	line-height:1.5em;
	font-size:small;
	border:1px #999 solid;
	text-align:left;
	}

.site_detail {
	margin:0;
	padding:0 0px 0 10px;
	width:67%;
	float:right;
	text-align: justify;
	}
	
.site_detail h3{
	font-weight: normal;
	padding-left: 20px;
	background:url(img/accept.png) left center no-repeat #fff;
	border-bottom: 2px dotted #999;
	color: #000099;
	
}

.detail_baner {
	margin:0 0 10px 10;
	padding:5px;
	border:1px #999 dotted;
	}


/*-----------------------------------------------------------------------------------------*/
/*  NewAdd CSS  ContentsStyle                                                              */
/*-----------------------------------------------------------------------------------------*/


.link_list,.contents_main, .temp_admin {
	margin:0;
	line-height: 1.5em;
	}

.contents_main h2, .temp_admin h2 {
	margin:0 0 10px 0;
	padding:10px 0 15px 15px;
	background:(img/arrow_red.gif) left 6px no-repeat;
	font-size:14px;
	color:#666666;
	}

.link_list dl{
	list-style:none;
	line-height:1.5em;
	margin:0;
	padding:0;
	}
	
.link_list ul{
	line-height:1.5em;
	font-size: 12px;
	
}

.link_list ul li, .link_list dt{
	clear:both;
	background:url(img/accept.png) left 1px no-repeat;
	margin:3px 0 0 0;
	padding:0 0 3px 20px;
	color: #000099;
	font-weight: normal;
	}
	
.link_list ul li{
	line-height:1.5em;
	color: #333;
}
.link_list ul li a, .link_list dt a{
	text-decoration: underline;
	color: #000099;
	font-weight: normal;
	}
	
.link_list dt a:hover{
	color: #999900;
}

.link_list dd{
	margin:3px 0 0 0;
	padding:0 0 7px 15px;
	border-bottom: 1px dotted #ccc;
	text-align: justify;
	}

.sub_category,.other_category {
	border: 3px double #999;
	padding:10px;
	margin:0;
	}

.sub_category p,.other_category p {
	background-color:#D5ECF4;
	padding:5px;
	margin:0;
	}

.sub_category a,.other_category a {
	padding:2px 0 0 15px;
	margin:0;
	background:url(img/arrow1.gif) left 6px no-repeat;
	}
	
.sub_cate a{
	line-height: 1.5em;
	margin-right: 10px;
	background: url(img/arrow_red.gif) left 6px no-repeat;
	padding-left: 7px;
}	

.sub_cate{
	text-align: center;
}

.regist_cate {
	padding:10px 5px 10px 5px;
	margin:0;
	
	}

.regist_cate p {
	border-bottom: 2px dotted #333;
	padding:3px;
	margin:0;
	text-align:right;
	}

.regist_cate p a{
		background: url(img/accept.png) left top no-repeat;
		padding-left: 20px;
		padding-bottom: 5px;
}
.contents_main p {
	padding:5px;
	margin:0 25px 15px 5px;
	line-height:140%;
	}

.contents_main h3 {
	margin:0 0 0 5px;
	padding:3px 0 3px 10px;
	background-color:#D5ECF4;
	font-size:small;
	border:none;
	}

.contents_main h4 {
	margin:0;
	padding:0 0 0 10px;
	font-size:small;
	}

.contents_main h5 {
	margin:0 0 30px 0;
	padding:0 0 0 10px;
	font-size:small;
	}

.contents_main li {
	background:none;
	margin:0;
	padding:0;
	line-height:140%;
	}

.contents_main table {
	margin:0 0 0 5px;
	padding:0;
	width:99%;
	}

.enter_login {
	float:left;
	margin:10px 20px 10px 25px;
	padding:0;
	}

.enter_login td {
	padding:5px 5px 5px 5px;
	}

.table_bg {
	background-color:#33cccc;
	font-size: 12px;
	line-height: 1.5em;
	}
	
.table_bg  b{
	font-weight: normal;
}
	
.td_title {
	background-color:none;
	font-weight: normal;
	}
.td_left {
	background-color:#fff;
	}
.td_right {
	background-color:#fff;
	}

.table_regist {
	padding:0;
	margin:20px 0 0 5px;
	}
.td_regist_left {
	background-color:#fff;
	}
.td_regist_right {
	background-color:#fff;
	}

.search_mylink {
	font-weight:normal;
	}
.search_metalist {
	font-size:16px;
	}
	
.show_map b{
	font-weight: normal;
}

/*-----------------------------------------------------------------------------------------*/
/*  NewAdd CSS  Sitemap                                                                    */
/*-----------------------------------------------------------------------------------------*/

.sitemap {
	padding:0 15px 0 15px;
	line-height:1.5em;
}

.sitemap a{
	font-weight: normal;
	line-height: 1.5em;
	padding-left: 20px;
}


.sitemap b a{
	font-weight: normal;
	color: #000099;
	padding-left: 20px;
	line-height: 1.7em;
	background: url(img/accept.png) left center no-repeat;
}

/*-----------------------------------------------------------------------------------------*/
/*  NewAdd CSS  AdminStyle                                                                 */
/*-----------------------------------------------------------------------------------------*/

.temp_admin form {
	margin:0;
	padding:0;
	
}

.temp_admin p {
	margin:3px;
	padding:5px;
	width:44%;
	height:60px;
	float:left;
	border:2px #A4A4D2 solid;

	overflow:hidden;
}

.temp_admin ul {
	margin:5px 25px 5px 5px;
	padding:0;
	list-style:none;
	overflow:hidden;
}

.temp_admin ul table {
	width:100%;
}

.temp_admin ul table td, .temp_admin ul table td a,.temp_admin ul table td a:hover, {
	color:#333;
}

.adminList {
	margin:5px;
	padding:0;
}

/*-----------------------------------------------------------------------------------------*/
/*  追加                                                               */
/*-----------------------------------------------------------------------------------------*/

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------top--------------------*/
#main_top{
	background:#293119;
}

#top{
	width:973px;
	background:#293119;
	height:34px;
	padding:0 0px 6px 0px;
	margin:0 auto;
}

#top_log{
	text-indent: -9999px;
	margin-right: 40px;
	display: block;
	float: left;
	background:url(img/top.jpg) right 3px no-repeat ;
	width: 195px;
	height: 35px;
}

#top p.topDiv{
	display:block;
	width:1px;
	height:35px;
	background:url(img/top_div.gif) 0 0 repeat-y;
	float:left;
	margin:5px 29px 0 0;
}
#top ul{
	width:277px;
	height:24px;
	float:left;
	margin:12px 0 0 0;
}
#top ul li{
	float:left;
}
#top ul li a{
	display:block;
	padding:0 12px 0 12px;
	font: 11px/24px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

#top ul li a.hover{
	display:block;
	padding:0 12px 0 12px;
	font:bold 10px/24px;
	background:url(img/nav_arrow.gif) center top no-repeat;
	color:#fff;
}
#top form{
	width:262px;
	height:25px;
	background:url(img/serch_icon.gif) 0 0 no-repeat;
	float:right;
	margin:11px 0 0 0;
	padding:0 0 0 36px;
}
#top form input.txtBox{
	width:191px;
	height:19px;
	border:1px solid #fff;
	float:left;
	color:#000;
	background-color:#fff;
	padding:0 0 0 11px;
}
#top form input.go{
	background:#000;
	width:50px;
	height:21px;
	float:right;
	font:bold 10px/21px;
	color:#fff;
	border:1px solid #fff;
}

/*------------------------------------------------header--------------------*/
#header{
	width:973px;
	margin:5px auto 0px auto;
	color:#fff;
	height: 130px;
	padding:0px 0px 5px 0px;
	border: 1px solid #999;
	background: url(img/top_bg.gif) left top no-repeat;
}
#header h2{
	width: 460px;
	margin-left: 10px;
	padding: 10px 10px 2px 0px;
	text-indent: -9999px;
	font-size: 15px;
}
#header p.headerTxt{	
	font-size: 12px;
	padding-left: 15px;	
	margin-bottom: 23px;	
}

#header p.headerTxt1{
	color: #fff;
	font-size: 12px;
	text-align: right;
	margin-right: 20px;
}

#header p.headerTxt a{
	color:#084482;
	background-color:inherit;
	text-decoration:underline;
}
#header p.headerTxt a:hover{
	text-decoration:none;
}

#top_motel{
	padding: 5px 3px;
	text-align: right;
}

#top_motel a{
	color: #fff;
}

#top_motel a:hover{
	color: #ffcc00;	
}

/*------------------------------------------------body--------------------*/
#body{
	width:973px;
	margin:0 auto;
	padding:14px 0 19px 0;
	font-size: 12px;
}
/*------------------------------------------------left--------------------*/
#leftMain{
	width:191px;
	float:left;
	margin:0 15px 0 0;
	/*background-color:#EAE680;
	color:#000;*/
}
#left{
	width:191px;
	background:#2f563c;
	height:650px;
	padding:0;
	margin:0;
}
#left p.leftTop{
	display:block;
	background:url(img/left_top.gif) 0 0 no-repeat;
	width:191px;
	height:7px;
	font-size:0;
	line-height:0;
}
#left h3.homeDetail{
	display:block;
	background:url(img/home_page_details.gif) 0 0 no-repeat;
	width:147px;
	height:27px;
	padding:0 0 0 28px;
	font:bold 12px/27px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 2px 8px;
}
#left ul.leftLink{
	width:175px;
	padding:0 0 0 8px;
}
#left ul.leftLink li{
	margin:0 0 2px 0;
	display:block;
	height:27px;
	line-height:0;
	font-size:0;
	background:#f6f5dc;
}
#left ul.leftLink li a{
	display:block;	
	width:147px;
	height:27px;
	padding:0 0 0 10px;
	font:normal 12px/27px Arial, Helvetica, sans-serif;
	color:#333;
	background-color:inherit;
	text-decoration:none;
}
#left ul.leftLink li a:hover{
	color:#BD1515;
	background-color:inherit;
}

#left form{
	padding: 5px 5px;
	margin: 0 7px;
	border: 1px solid #333;
	background: #eeecbb;
}

/*------------------------------------------------mid--------------------*/
#mid{
	width:529px;
	float:left;
	padding:0;	
}

#mid2 h3 a{
	text-indent: -9999px;
}

#mid h2{
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 0;
	text-align: right;
}

.mid_top p{
	text-align: justify;
	padding: 5px 0;
	margin-bottom: 5px;
	color: #999;
}

.mid_top p a{
	line-height: 1.7em;
	margin-right: 6px;
	color: #333;
	text-decoration: underline;
}

.mid_top p a:hover{
	color: #000099;
}


.mid_top b{
	display: block;
	border-bottom: 2px dotted #999900;
	margin-bottom: 8px;
	padding-bottom: 3px;
	}

.mid_top b a{
	padding-bottom: 3px;
	font-size: 13px;	
	color: #990000;
	font-weight: normal;
	text-decoration: none;
	background: url(img/top_icon.gif) left bottom no-repeat;
	padding-left: 23px;

}

#taipei_map{
	float: left;
	text-indent: -9999px;
	display: block;
	background: url(img/taipeisi_small.jpg) left top no-repeat;
	width: 105px;
	height: 136px;
}
#taipei_map2{
	float: left;
	text-indent: -9999px;
	display: block;
	background: url(img/taipeikei_small.jpg) left top no-repeat;
	width: 105px;
	height: 136px;
}


/*------------------------------------------------right--------------------*/
#right{
	width:219px;
	float:right;
}

#right_menu p a{
	border-bottom: 1px dotted #ccc;
	background:url(img/accept.png) left center no-repeat;
	padding:0 0 0 27px;
	text-decoration:none;
	color:#104A85;
	line-height: 2em;
	}

#right_menu p a:hover{
	color: #990000;
	text-decoration: underline;
}

#right_menu h4{
	color: #000;
	text-align: center;
	padding: 3px;
	background: #2f563c;
	font-weight: normal;
	color: #fff;
}


#right h4.pro span{
	display:block;
	background:#2f563c;
	padding:3px;
	font-weight: normal;
	color:#fff;
	font-size: 12px;
	margin:15px 0 10px 0;
	text-align: center;
}
#right ul.link2 li a{
	display:block;
	border-bottom: 1px dotted #999;
	background:url(img/arrow1.gif) 12px 9px no-repeat;
	padding:0 0 0 27px;
	text-decoration:none;
	font: 11px/19px Arial, Helvetica, sans-serif;
	color:#104A85;
	line-height: 2em;
}
#right ul.link2 li a:hover{
	color:#104A85;
	background-color:#F3F09A;
}

.side_contents h4{
	background:#2f563c;
	padding:3px;
	font-weight: normal;
	color:#fff;
	font-size: 12px;
	margin:15px 0 10px 0;
	text-align: center;
}

.side_contents p{
	text-align: center;
	padding: 10px;
	border: 1px dotted #999;
	background: #e2e2e2;
}


/*------------------------------------------------footer--------------------*/
#footer{
	width:974px;
	height:75px;
	margin:0 auto;
	position:relative;
	background:url(img/footer_bg.gif) 0 0 no-repeat;
}
#footer ul{
	width:555px;
	position:absolute;
	left:20px;
	top:17px;
}
#footer ul li{
	float:left;
	color:#FCFABA;
}
#footer ul li a{
	padding:0 7px;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font-size: 11px;
	position:absolute;
	left:766px;
	top:17px;
	width:193px;
	color:#ccc;
}

#footer p.copyright a{
	color:#ccc;
}