@charset "utf-8";
/* CSS Document */
/* CSS 載入順序:
	Layout Base
		基本版型, 含距離, 不含色彩/背景圖
	Module Base
		功能模組樣式
	Style Base (color / image)
		版型色彩/背景圖
		文字及內容樣式
	Type.css
		設計師樣式
 */
/*------------------------- reset css -------------------------*/
/* reset css : 將相關設定還原為最基本模式, 在需要時個別設定 */
*{
	margin:0;
	padding:0;
	border: 0;
	vertical-align: baseline;	
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
:focus {
	outline: 0;
}
/*基本的HTML元素樣式設定*/
body {
	margin: 0px;
	padding: 0px;
	color:#333;
	background:#FFF none repeat-x center top;
}
.clearall{
	clear:both;
}
a.active{
	color:#A00;
}
img {
	border-style: none;
}

/*------------------------- 主要DIV設定 -------------------------*/
.container, .header_bg, .main_bg, .footer_bg{
	background: no-repeat center top;
	position:relative;
	width:100%;
	float:left;
}
.header, .main, .footer{
	background: no-repeat center top;
	position:relative;
	width:1000px;
	margin:0 auto;
}
.header{
	min-height:100px;
}
.main{
}
.footer{
	min-height:100px;
}
.side1{
	float:left;
	width:200px;
	min-height:500px;
	position:relative;
}
.side2{
	float:right;
	width:200px;
	min-height:500px;
	position:relative;
}
.content{
	position:relative;
	float:left;
	margin-right:0px;
	width:600px;
	min-height:1000px;
	/*IE6: height:385px*/
}
#floating{
	display:none;
	width:50px;
	height:100px;
	position:absolute;
	top:0;
	left:900px;
	z-index:9999;
}

/*------------------------- 選單【共同】設定 -------------------------*/
ul.nav_h { /*ul.nav_h 橫式選單*/
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.nav_h li {
	display: inline;
	float:left;
}
ul.nav_h li a {
	background-repeat:no-repeat;
	display: block;
	float: left;
}

ul.nav { /*ul.nav 直式選單*/
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.nav li {
	display: block;
}
ul.nav li a {
	background-repeat:no-repeat;
	display: block;
}

/*------------------------- 瀏覽器相容設定: IE6 -------------------------*/
body.ie6 #floating{
}
body.ie6{
	/*background:none;*/
}
body.ie6 .main{
}
body.ie6 .content{
	/*margin-right:0px;*/
	height:1000px;
} 
body.ie6 ul.nav_h li{
	float:left;
}



/*------------------------- 其它 -------------------------*/
.link_move:hover {
	position:relative;
	top:-1px;
	right:0px;
}

.inputkeyword_basic { border:1px #CCC solid;}

.input02, .input03, .input04, .input05, .input06, .input07, .input08, .input09, .input02y, .input03y, .input04y, .input05y, .input06y, .input07y, .input08y, .input09y {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; cursor:pointer;
}
.input02 { background:url(images/inpbg02.gif) no-repeat transparent; width:42px; height:21px;}
.input03 { background:url(images/inpbg03.gif) no-repeat transparent; width:51px; height:21px;}
.input04 { background:url(images/inpbg04.gif) no-repeat transparent; width:69px; height:21px;}
.input05 { background:url(images/inpbg05.gif) no-repeat transparent; width:87px; height:21px;}
.input06 { background:url(images/inpbg06.gif) no-repeat transparent; width:105px; height:21px;}
.input07 { background:url(images/inpbg07.gif) no-repeat transparent; width:123px; height:21px;}
.input08 { background:url(images/inpbg08.gif) no-repeat transparent; width:153px; height:21px;}
.input09 { background:url(images/inpbg09.gif) no-repeat transparent; width:177px; height:21px;}
.input02y { background:url(images/inpbg2.gif) no-repeat transparent; width:40px; height:25px;}
.input03y { background:url(images/inpbg3.gif) no-repeat transparent; width:50px; height:25px;}
.input04y { background:url(images/inpbg4.gif) no-repeat transparent; width:70px; height:25px;}
.input05y { background:url(images/inpbg5.gif) no-repeat transparent; width:80px; height:25px;}
.input06y { background:url(images/inpbg6.gif) no-repeat transparent; width:90px; height:25px;}
.input07y { background:url(images/inpbg7.gif) no-repeat transparent; width:100px; height:25px;}
.input08y { background:url(images/inpbg8.gif) no-repeat transparent; width:110px; height:25px;}
.input09y { background:url(images/inpbg9.gif) no-repeat transparent; width:120px; height:25px;}

.table-cell{
	width:628px;
	height:465px;	
	display:table-cell;
	text-align:center;
	vertical-align: middle;
}
.table-cell *{ vertical-align:middle;}

.wrapfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
} 

.rounded-corners {/*圓角/圓弧邊角*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}

.rotate_R {/*傾斜，支援各瀏覽器，IE只支援IE9*/
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	-ms-transform:rotate(4deg);
}

img.clickimage { cursor:pointer;}

.textnone {	text-indent:-9999px;}

/*----編輯器table框線----*/
.editor{}
.editor table{}
.editor table tr{}
.editor table tr th{}
.editor table tr td{}

.editor table.border{ border:1px solid #333;}
.editor table.border tr{}
.editor table.border tr th{ border:1px solid #333;}
.editor table.border tr td{	border:1px solid #333;}

.editor table.noborder{	border:none;}
.editor table.noborder tr{}
.editor table.noborder tr th{ border:none;}
.editor table.noborder tr td{ border:none;}

