@charset "utf-8";
/* CSS Document */
@import url('layout.css');


#right{display:none;}
#content{
margin-right:0px;
background:url(../../image/general/inContentBg.jpg) 0 31px repeat-x;
}
#topnew,#LoveK{ visibility:hidden;}

#inTitle{
position:relative;
_left:-3px;
top:-7px;
}
#inTitle table{
border-collapse:collapse;
}
#inTitle table td{padding:0px;height:44px;}
#inTitle .inTitleH{
width:35px;
background:url(../../image/general/inTitleIcon.gif) no-repeat;
}
#inTitle .inTitleRe{
letter-spacing:-1px;
letter-spacing:0px\9;
padding:3px 0 0 3px;
font-size:120%;
background:url(../../image/general/inTitleRe.gif) repeat-x;
}
#inTitle .inTitleFt{
width:30px;
background:url(../../image/general/inTitleR.gif) no-repeat;
}

.printboxinPose{
position:relative;
}

#printbox{
padding-top:8px;
position:absolute;
z-index:90;
top:-50px;
right:0px;
_right:170px;
}
#path{
background:url(../../image/general/inTextLBg.jpg) no-repeat;
position:relative;
top:-7px;
top:-10px\9;
padding:20px 0 10px 10px;
}
.indexLink{
display:inline-block;
background:url(../../image/home.gif) no-repeat;
padding-left:20px;
}

#main{
padding:10px 45px 30px 30px;
}


/*--------------------------------------------------------------------------------------in style*/
.inblock{display:inline-block;}
.block{display:block;}

/*icon style*/
.icon1 { background:url(../../) no-repeat; padding:3px 0px 3px 20px;}
.icon2 { background:url(../../image/icon5.gif) no-repeat; padding-left:20px; }
.icon3 { background:url(../../) no-repeat; padding-left:20px; }
.icon3_1 { background:url(../../) 0 4px no-repeat; padding-left:20px; *background:url(../../../ShowAttach?alias=ic03&cssid=current&website=KCGEn) 0 4px no-repeat;!important; }
.icon4 { background:url(../../image/icon2.gif) 4px 3px no-repeat; padding-left:20px; }
.icon42 { background:url(../../image/icon2.gif) 3px 8px no-repeat; padding-left:20px; }
.icon5 { background:url(../../image/icon3.gif) 2px 3px no-repeat; padding-left:15px; }
.icon6 { background:url(../../image/icon4.gif) 4px 4px  no-repeat; padding-left:20px; }
.icon62 { background:url(../../image/icon4.gif) 4px 8px  no-repeat; padding-left:20px; }
.icon7 { background:url(../../image/icon1.gif) no-repeat; padding-left:20px; }

/*text icon*/
.title1 {font-size:105%;font-weight:bold; color:#006699;}
.title2 {font-weight:bold; color:#006699;}
.title3 {font-weight:bold; color: #666666;}
.title4 {font-weight:bold; color: #663399;}
.title5 {color: #0099FF;}
.title6 { font-weight:bold; color:#CCCCCC;}
.title7 { font-weight:bold; color: #006666;}

.title4 a{color: #663399;}
.title4 a:hover{ color:#3300FF; text-decoration:underline;}
.title6 a{color: #cccccc;}
.title6 a:hover{ color: #0099FF; text-decoration:underline;}

/*content-text*/
.text1 { color:#CC6600;}
.text2 { color:#666666;}
.text3{padding-left:20px;}
.text4{  color: #663399; }
.text5 { color:#006699;}
.text6 { color: #0099FF;}
.text7 { color: #FF6699;}
.text8{ color: #009966;}
.text9{ color: #FF9933;}
.text10{ color: #006666;}
.text11{ color: #FFFFFF;}

/*text*/
.b { font-weight: bold;}
.i { font-style: italic;}
.u { text-decoration: underline;}
.c { text-align:center;}

/*tind*/
.tind1 { text-indent: 1em;}
.tind105 { text-indent: 1.5em;}
.tind2 { text-indent: 2em;}

/*line-height*/
.tlh1 { line-height: 1em;}
.tlh105 { line-height: 1.5em;}
.tlh108 { line-height: 1.8em;}
.tlh2 { line-height: 2em;}
.tlh3 { line-height: 3em;}

/*float*/
.right { float:right; margin:4px 8px;}
.left { float:left; margin:4px 8px;}

/*text align*/
.tright{text-align:right;}
.tleft{text-align:left;}
.tcenter{text-align: center;}

/*border*/
.bor1 { border:1px solid #CCCCCC;}
.bor2 { border:2px solid #99CCFF;}
.bor3 { border:3px solid #DFDFDF;}
.bor4 { border:1px solid  #99CCFF;}
.bor_topso1 { border-top:1px solid #CCCCCC;}
.bor_topdo1 { border-top:1px dotted #CCCCCC;}
.bor_bottomso1 { border-bottom:1px solid #CCCCCC;}
.bor_bottomdo1 { border-bottom:1px dotted #CCCCCC;}
.bor_leftdo1 { border-left:1px dotted #CCCCCC;}
.bor_leftso1{ border-left:3px solid #009999;}
.bor_coll{ border-collapse:collapse;}
.td_bor{ border:#99CCFF solid 1px;}
.td_borb{ border-bottom:#006699 solid 2px;}
.td_borleft{ border-left:#CCCCCC 2px solid;}


/*margin*/
.mC{0px auto;}
.m20{ margin:20px;}
.mL5 { margin-left:5px;}
.mL10 { margin-left:10px;}
.mL20 { margin-left:20px;}
.mL25 { margin-left:25px;}
.mL30 { margin-left:30px;}
.mL40 { margin-left:40px;}
.mL115 { margin-left:115px;}
.mL140 { margin-left:140px;}
.mL180 { margin-left:180px;}
.mL220 { margin-left:220px;}
.mT15 { margin-top:15px;}
.mT10 { margin-top:10px;}
.mT20 { margin-top:20px;}
.mT30 { margin-top:30px;}
.mT40 { margin-top:40px;}
.mB10 { margin-bottom:10px;}
.mB20 { margin-bottom:20px;}
.mB40 { margin-bottom:40px;}
.mB60{ margin-bottom:60px;}
.mB80{ margin-bottom:80px;}
.mB100{ margin-bottom:100px;}
.mB120{ margin-bottom:120px;}
.mTP10{ margin:10px 0;}
.nmb20{margin-top:-50px;}


.p5{padding:5px;}
.p10{padding:10px;}
.pT15L5{padding:15px 5px;}
.pL5{ padding-left:5px;}
.pL10{ padding-left:10px;}
.pL15 { padding-left:15px;}
.pL20 { padding-left:20px;}
.pL30 { padding-left:30px;}
.pL25{padding-left:25px;}
.pR5{ padding-right:5px;}
.pR10{ padding-right:10px;}
.pR20{ padding-right:20px;}
.pT10{padding-top:10px;}
.pT20{padding-top:20px;}
.pT30{padding-top:30px;}
.pB10{ padding-bottom:10px;}
.pB20{ padding-bottom:20px;}
.pB40{ padding-bottom:40px;}
.pLR5{ padding:0 5px;}

/*width*/
.w100p { width:100%;}
.w99p { width:99%;}
.w98p { width:98%;}
.w97p { width:97%;}
.w90p { width:90%;}
.w70p { width:70%;}
.w65p { width:65%;}
.w60p { width:60%;}
.w55p { width:55%;}
.w50p { width:50%;}
.w40p { width:40%;}
.w33p { width:33%;}
.w30p { width:30%;}
.w25p { width:25%;}
.w20p { width:20%;}
.w15p { width:15%;}
.w10p { width:10%;}
.w50px{ width:50px;}
.w100px{ width:100px;}
.w120px{ width:120px;}
.w150px{ width:150px;}
.w190p{width:190px;}
.w250p{width:250px;}
.w300px{width:300px;}
.w360p{width:360px;}

/*tdwidth*/
.ttd{ width:1%;}

/*p*/
.content_text p { margin-bottom:15px; line-height: 1.5em; color: #666666;}
.bg { background:url(../../../ShowAttach?alias=camera&website=KCGJp) right top no-repeat;}

/*bgcolor*/
.bg_color1{background-color: #FFCC99;}
.bg_color2{background-color: #CAFFFF;}
.bg_color3{background-color: #DDDDFF; padding:5px;}
.bg_color4{background-color: #FFFFCC;}
.bg_color5{background-color: #E6F2F2;}
.bg_color6{background-color: #88D9FF;}
.bg_color7{background-color: #B3D9D9;}

/*td bgcolor*/
.td_col1{background-color: #E8F3FF;}
.td_col2{background-color: #FFFFFF;}
.td_col3{background-color: #FFFFCC;}
.td_col4{background-color: #FFDFEF;}

/*td image*/
.va_top { vertical-align: top;}

/*list_style*/
.list_img0{ list-style:url(../../../ShowAttach?alias=ic02&cssid=current&website=KCGEn);}
.list_img1{ list-style:url(../../../ShowAttach?alias=ic07&cssid=current&website=KCGEn);}
.list_img2{ list-style:url(../../image/icon3.gif);}
.list_img3{ list-style-type: square;}

.list_no{ list-style:none;}

/*clear*/
.clear_l{
 clear:right;
}
.clear_b{
 clear:both;
}



/*分頁器樣式*/
.search_bt {
	margin: 0 0 0 5px;
	padding: 0 3px 0 5px;
}

.search_inputtext {
	margin: 0 0 0 5px;
}

.search_selMenu {
	margin: 0 5px 0 0;
}

#viewData {
	border-collapse: collapse;
}

.view { *
	margin-top: 15px;
}

.pt3px {
	padding-top: 3px;
}


.tlh105 { line-height:1.5em;}/*090824 department*/
.tlh2{line-height:2em;}/*sitemap*/
.tlh3 { line-height:3em;}/*090824Mayor*/
.tlh108 {line-height: 1.8em;}

.butt1R {
	background:
		url(/ShowAttach?alias=arrow-first&cssid=current&website=KCG)
		no-repeat;
	padding: 0 10px;
	border: 0;
}

.butt2R {
	background: url(/ShowAttach?alias=arrow-fr&cssid=current&website=KCG)
		no-repeat;
	padding: 0 10px;
	border: 0;
}

.butt3R {
	background:
		url(/ShowAttach?alias=arrow-previous&cssid=current&website=KCG)
		no-repeat;
	padding: 0 10px;
	border: 0;
}

.butt1L {
	background:
		url(/ShowAttach?alias=arrow-next&cssid=current&website=KCG)
		no-repeat;
	padding: 0 10px;
	border: 0;
}

.butt2L {
	background: url(/ShowAttach?alias=arrow-ff&cssid=current&website=KCG)
		no-repeat;
	padding: 0 10px;
	border: 0;
}

.butt3L {
	background:
		url(/ShowAttach?alias=arrow-last&cssid=current&website=KCG)
		no-repeat;
	padding: 0 10px;
	border: 0;
}

.butt_nob {
	border: 1px solid #CCCCCC;
	padding: 0 3px;
	margin: 0 2px;
	background: #FFFFFF;
}

.p2 {
	padding: 2px;
}

.pointer {
	cursor: pointer;
}

.tlh103 {
	line-height: 1.3em;
}

a:hover{color:#68BDB9;}
.contactImg{
 background:url(../../image/contactus.jpg) center no-repeat;
 height:217px;
}

.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}

/*SEARCH---------------------------------------------------------------------------*/
div.gsc-control{width:90%;}
div.gsc-resultsbox-visible{height:950px;font-size:120%;}
div.gsc-control form.gsc-search-box{width:400px;} 
div.gsc-control div.gsc-resultsRoot{position:absolute;margin-top:20px;*position:static;width:75%\9;*width:100%;}
table.gsc-resultsHeader{}
.upser{padding-left:400px;}
a.upSearch,input.gsc-search-button{border:1px solid #ccc;padding:3px 5px;background:#666;color:#ccc;position:relative;top:19px;}
a:hover.upSearch{background:#000;color:#ccc;}
input.gsc-search-button{position:static;padding:2px 4px 1px 4px;*padding:2px 4px 0 4px;*height:23px;}

.bor_bt_gray_dot{ border-bottom:#CCCCCC 1px dotted;}

.blockin{display:inline-block;}

