﻿/* CSS Document (Body Main)*/
#BodyFrame{position:absolute;top:0px;left:0px;width:100%;height:100%;margin-top:0px;margin-left:auto;margin-right:auto;text-align:center;font-family:georgia,Arial,Verdana,Helvetica,Taipei;color:#333;font-size:13px;letter-spacing:1px;z-index:1;}



#BodyBorder{position:relative;width:1000px;height:auto;margin-top:0px;margin-left:auto;margin-right:auto;text-align:center;border-top:8px solid #730000;padding:0px;z-index:2;}


/*Main #######################################*/
#PageTop{position:relative;width:100%;height:auto;margin-left:auto;margin-right:auto;text-align:left;z-index:2;}

#PageBdy{position:relative;width:100%;height:auto;margin-left:auto;margin-right:auto;text-align:left;z-index:2;}

#PageBot{position:relative;width:100%;height:auto;margin-left:auto;margin-right:auto;text-align:center;z-index:2;}

#FlowerBox{position:absolute;bottom:-15px;left:0px;width:190px;height:360px;}


/*Logo ########################################*/
#Logo{position:absolute;width:129px;height:277px;top:-8px;left:20px;text-align:center;z-index:8;}

#TopMenuBox{position:absolute;top:0px;right:0px;width:600px;height:24px;}

#TopMenuBox a,
#TopMenuBox a:visited{color:#333;}

#TopMenuBox a:hover{color:#730000;position:relative;top:1px;}

#RightTopImg{position:absolute;top:-28px;right:-32px;width:73px;height:161px;}



/*Bottom ######################################################*/
#CPR{position:absolute;bottom:-10px;left:205px;width:auto;height:auto;font-size:11px;font-family:Arial;text-align:left;color:#333;z-index:5;}

#BottomMenuBox{position:relative;width:740px;height:auto;padding:0 0 10px 0;}


#CPRInfo{position:relative;width:740px;height:auto;border-top:1px dotted #ccc;padding:14px 0 0 0;}



#BottomFlowerBox{position:absolute;bottom:70px;right:0px;width:42px;height:42px;}
/*MainTop ##########################################################*/
#CenterBox{position:relative;width:850px;height:auto;margin:145px 0 0px 100px;text-align:left;z-index:2;}

#LeftBox{float:left;width:220px;height:auto;text-align:left}

#RightBox{float:right;width:620px;height:auto;text-align:left;border:0px solid red;}

/*ButtonBox*/
#ButtonBox{position:relative;margin:188px 0 80px -10px;border:0px solid green;width:220px;}

.LB{position:relative;width:122px;height:44px;margin:0 0 0 90px;cursor:pointer;}

.LBL{position:relative;width:185px;height:auto;margin:0 0px 10px -76px;text-align:right;border:0px solid #ddd;}

/*Main Area ####################################################*/
#CenterContentBox{position:relative;width:630px;height:auto;padding:0px 0 80px 0;text-align:left;margin-left:auto;margin-right:auto;}

/*News Box #####################################################*/
#News_LeftBox{float:left;width:310px;height:auto;text-align:left}

#News_RightBox{float:right;width:280px;height:auto;text-align:left;padding:0 5px 0 10px;border-left:1px dotted #706241;}

.HPNL{position:relative;width:310px;height:34px;cursor:pointer;}

.HPNL_Date{position:relative;margin:0px 0 5px 21px;padding:3px 0 0 0;font-size:10px;font-family:Arial;color:#999;}

/*Hot News Box 2011-12-10 #####################################################################################*/
#HNBox
{
	position:relative;
	margin:0px 0 10px 0;
	padding:5px 0 0 0;
	width:auto;
	height:auto;
}

#HNBox span
{
	padding:5px 5px;
	position:relative;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-radius:5px;behavior: url(PIE.php);
}

#HNBox img
{
	border:1px solid #ddd;
	/*Radius*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	behavior: url(PIE.php);		
}
/*HotContentBox 2011-12-25 =================================================================*/
#HotContentBox img
{
	border:1px solid #ddd;
	/*Radius*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	behavior: url(PIE.php);		
}

/*HotContentBox ################################################*/
#HotContentBox{position:relative;text-align:left;text-align:justify;text-justify:inter-ideograph;padding:2px;}

#HotContentBox a,
#HotContentBox a:hover,
#HotContentBox a:visited{color:#900;}

#HotContentBox img{border:3px solid #333;}

/*HotContentBox End #############################################*/

#TainanNewsList{position:relative;padding:10px 0;text-align:left;}

#TainanNewsList h1{font-size:13px;color:#916236;font-weight:normal;}

/*FuncBox Class ##################################################*/
.FuncBox a{color:black;}

.FuncBox a:visited{color:black;}

.FuncBox a:hover{color:#900;font-weight:bold;}
/*FuncBox Class End ##############################################*/
#PageTitleBox{position:relative;width:570px;height:70px;margin-left:auto;margin-right:auto;}

#ListTitleBox{position:relative;font-size:20px;font-weight:bold;color:#900;padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px dotted #93763C;text-shadow:2px 2px 4px #bbb;}

.List{position:relative;padding:5px 0 12px 0;margin:0 0 5px 0;border-bottom:1px dashed #aaa;}

.List a,.List a:visited{font-size:15px;font-weight:bold;letter-spacing:1px;color:#000;}

/*
.List a:visited{color:#93763C;}
*/
#NewsListBody{position:relative;width:570px;height:auto;padding:0 0 50px 0;text-align:justify;text-justify:inter-ideograph;margin-left:auto;margin-right:auto;}

#ArticleToolsBar{position:absolute;top:45px;right:155px;width:auto;}

#TitleBox{position:relative;text-align:left;width:570px;height:auto;margin:15px 0 10px 0;overflow:hidden;text-align:justify;text-justify:inter-ideograph;margin-left:auto;margin-right:auto;}

#TitleBox h1{color:#532815;font-size:19px;letter-spacing:1px;line-height:1.5;/*text-shadow:2px 2px 4px #ccc;*/}

#ContentBox{clear:both;position:relative;width:570px;height:auto;margin-left:auto;margin-right:auto;border-top:1px dotted #93763C;font-size:13px;padding:20px 0 20px 0;letter-spacing:1px;line-height:1.5;text-align:justify;text-justify:inter-ideograph;}

#PageSettingContent{clear:both;position:relative;width:570px;height:auto;margin-left:auto;margin-right:auto;font-size:13px;padding:0px 0 20px 0;letter-spacing:1px;line-height:1.5;text-align:justify;text-justify:inter-ideograph;}

#ContentBox A,#PageSettingContent A{color:#0085C8;font-weight:bold;}

#ContentBox A:hover,#PageSettingContent A:hover{/*background-image:url(/files/img/theme/tncity/bg/linkline_hover.gif);background-repeat:no-repeat;background-position:bottom;*/}

#ContentBox img,#PageSettingContent img{margin:3px 1px;border:3px solid #333;}

#ContentBox table,#PageSettingContent table{margin:3px 0 5px 0;border:2px solid #000;border-spacing:1px;border-collapse:collapse;}

#ContentBox .no_border{border:0px solid #000;}

#PageSettingContent .no_border{border:0px solid #000;}

#ContentBox td,#PageSettingContent td{padding:5px;}

#ContentBox h1,h2,h3,h4{color:#916236;}

#ContentBox h1{font-size:19px;}

#ContentBox h2{font-size:17px;}

#ContentBox h3{font-size:15px;}

#RMSBox{position:relative;margin:15px 0 5px 0;}

#NewsListBody table{margin:3px 0 5px 0;border:2px solid #000;border-spacing:1px;border-collapse:collapse;}

/*Tag Box 2010-04-24*/
#TagBox_Photos{position:relative;margin:0px 0 15px 2px;padding:0 0 10px 0;border-bottom:1px dotted gray;}

#TagBox_Photos a,
#TagBox_Photos a:visited{color:#0085C8;}

#TagBox_fa{position:relative;margin:10px 0 0px 0;}

#TagBox_fa a,
#TagBox_fa a:visited{color:#0085C8;}

#TagBox_fa ul{list-style-type:square;}

/*Google Map*/
.gmap{position:relative;border:3px solid #93763C;margin:3px 0;}

/*GBK ##########################################################*/
#GBKNote li{margin:0 0 8px 0;}

#GBKFormBox input,textarea{border:1px solid #730000;padding:2px;color:#000;}

#GBKFormBox div{margin:3px 0 2px 0;}
 
/*Other #######################################################*/
/*定義超連結顯示效果*/
A{text-decoration:none;color:#000066;font-family:georgia,Verdana,Helvetica,Arial,sans-serif,Taipei;background-color:transparent;}

A:visited{text-decoration:none;color:gray;font-family:georgia,Verdana,Helvetica,Arial,sans-serif,Taipei;background-color:transparent;}

A:hover{text-decoration:none;color:#3300ff;position:relative;top:1px;font-family:georgia,Verdana,Helvetica,Arial,sans-serif,Taipei;background-color:transparent;}

A.noneffect:hover{text-decoration:none;color:#003366;position:relative;top:0px;background-color:transparent;}

p,h1,h2,h3,h4,h5,h6{margin-top:0px;padding-top:0px;white-space:normal;}

li.mis{text-align:center;float:left;list-style-type:none;}

/*Form ###########################################################*/
input,textarea,select{border:1px solid gray;padding:2px;color:#000;}
/*Font ##########################################################*/
/*News 內文區*/

h1.detailTitle{position:absolute;top:18px;left:88px;color:#fff;font-size:16px;letter-spacing:2px;font-weight:bolder;}


.round {
	position: relative;
	/*Radius*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(PIE.php);
}

