@charset "utf-8";
/* CSS Document */
body{
margin:0px;
text-align:center;
font-size:78%;
line-height:1.5em;
min-width:770px;
min-width:760px\9;
}
img{
border:none;
}
a{
text-decoration:none;
}

#wrapper{
text-align:left;
margin:0px auto;
_width:expression((document.body.clientWidth < 770)? "765px" : "auto");
}

.point{
display:inline-block;
}

.red{color:red;font-weight:800;}
.h01{font-size:15px;}
.h02{font-size:14px;}
.h03{font-size:13px;}
.h04{font-size:12px;}
.h05{font-size:11px;}

.space{ visibility:hidden; clear:both;}

/*------------------------------------------------------------------------------------------header----*/
#header{
}

#logo img{
	position:absolute;
	top:0x;
	width:290px;
	height:60px;
}

#search{
position:absolute;
top:210px;
left:5px;
width:200px;
}
#search .go{
float:right;
width:40px;
height:20px;
*position:relative;
*top:-24px;
}

#search .keyword{
position:absolute;
width:184px;
top:3em;
}

#subnav {
text-align:right;
height:1em;
line-height:1em;
}
#subnav a{
display:inline-block;
padding:10px 5px 5px 5px;
}
#subnav a:hover{
}
#subnav .point{
border:none;
padding:0px;
}

.headerImgMorning,.headerImgNight{
height:198px;
}

#nav{
}
#scriptNAV{
margin:0px;
height:38px;
font-size:15px;
list-style:none;
text-align:center;
padding-top:7px;
}
#nav li{
float:right;
}
#nav li a{
padding:0 10px;
line-height:31px;
display:block;
}
#nav li a:hover{
color:#000;
}

.script_subnav{
position:relative;
z-index:100;
}

.script_subnav div{
 position:absolute;
 padding:10px;
 padding:5px 10px;
 z-index:110;
 top:-5px;
 right:10px;
}
#nav01_list{
	right:100px;
}
#nav02_list{
	right:320px;
}
#nav03_list{
	right:225px;
}
#nav04_list{
	right:125px;
}
.noscriptNavItem{
 float:right;
 width:88px;
}
.noscriptNavItem a{
 display:block;
 padding:0 5px;
 margin-bottom:2px;
 border-left:1px solid #000;
}

#nav01_list_noscript{width:100px;width:100px\9;}
#nav02_list_noscript{width:110px;width:110px\9;}
#nav03_list_noscript{width:98px;width:92px\9;}
#nav04_list_noscript{width:110px;width:100px\9;}
#nav05_list_noscript{width:110px;width:100px\9;}
/*------------------------------------------------------------------------------------------left----*/
#left{
float:left;
width:184px;
}

#weather{
margin:60px 10px 0 16px;
letter-spacing:1px;
text-align:right;
padding-bottom:20px;
}
#weather img{
float:left;
padding:0 5px 0 0;
}


.indexbox{
margin:5px 0 0 0;
padding:0 24px 30px 0;
}
.indexboxtitle{
 visibility:hidden;
 height:60px;
}

.indexboxlist{
line-height:25px;
text-align:right;
}
.indexboxlist a{
display: block;
padding-right: 2.5em;
}
.indexboxlist img{
width:150px;
}







/*------------------------------------------------------------------------------------------content----*/
#content{
margin-left:193px;
}



/*--------------------------------------------------------------------right----*/






/*--------------------------------------------------------------------main----*/
#main{
padding:10px 45px 30px 30px;
}

#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{
padding:3px 5px 0 5px;
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-right:20px;
padding-top:8px;
height:32px;
line-height:32px;
letter-spacing:1px;
position:absolute;
z-index:90;
top:-50px;
right:0px;
_right:170px;
}
#printbox a{color:#000;}
.font,.print{
display:inline-block;
padding-left:15px;
}


.path{
position:relative;
top:-7px;
top:-10px\9;
padding:20px 0 10px 10px;
background:url(../../image/general/inTextLBg.jpg) no-repeat;
}

.indexLink{
display:inline-block;
background:url(../../image/home.gif) no-repeat;
padding-left:20px;
}


/*----------------------------------------------------------------news*/
#news{
margin-left:15px;
line-height:1.8em;
}
.news_nav{
height:32px;
display:block;
font:12px/25px Arial;
padding:0 0 0 18px;
font-weight:800;
}


.news_title a{
float:right;
margin:5px 5px 0 0;
}

.news_list{width:98%;margin-top:10px;}
.date{
width:85px;
}






/*------------------------------------------------------------------------------------------footer----*/
#footer{
clear:both;
padding:0.5em 0 0 0;
line-height:1.8em;
}
#footer .ftpic{
padding:0 1em;
float:left;
}
#footer .ftpic a{
display:inline-block;
height:40px;
margin:0 5px;
}
#footer .ftpic a img{
vertical-align:top;
}

#footer .fttext1{
margin-left:15em;
}
div#footer .fttext1 ul{
margin:0px;
}
#footer .fttext1 li{
display:block;
float:left;
width:300px;
}
#footer .fttext1 li.adr{
width:40em;
}

.mailto{
background:url(../../image/mailtoSmall.gif) 0 7px no-repeat;
}
.mailto a{padding-left:23px;}

#footer .fttext1 li.bestview{
width:30em;
}


#footer .fttext2{
text-align:center;
padding:0.3em 0;
}







/*------------------------------------------------------------------------------------------------------------------------style-----*/

.top{text-align:right;display:block;}
	
.p{
text-indent:2em;
padding:0 0 1em 0;
display:block;
}

/*icon類型*/
.icon1 { background:url(../../image/icon01.gif) no-repeat;}
.icon2 { background:url(../../image/icon03.gif) no-repeat;}
.icon2_list { background:url(../../image/icon03.gif) 0 6px no-repeat;list-style:none;padding-left:15px;}

.icon4 { background:url(../../image/icon05.gif) 2px 3px no-repeat;}
.icon5 { background:url(../../image/icon07.gif) 0 3px no-repeat;}

.icon7 { background:url(../../image/icon1.gif) no-repeat; }/*index*/

/*搭配icon的標題文字*/
.title1 {font-size:105%;font-weight:bold; padding-left:20px; line-height:30px; color:#006699;}/*business*/
.title2 {font-weight:bold; color:#006699; padding-left:20px; line-height:2em;}
.title3 {font-weight:bold; color: #666666; padding:5px 5px 5px 20px; }
.title4 {font-weight:bold; color: #663399; padding-left:20px; line-height:2em;}/*faq*/
.title5 {color: #0099FF; padding-left:15px; line-height:2em; }

/*內文文字設定*/
.text1 { color:#CC6600;}
.text2 { color:#666666;}
.text3{padding-left:20px;}
.text4{  color: #663399; }
.text5{  color: #006699;}
.text8{ color: #009966;}

/*文字效果設定*/
.b { font-weight: bold;}
.i { font-style: italic;}
.u { text-decoration: underline;}
.c { text-align:center;}

/*文字縮排*/
.tind1 { text-indent: 1em;}
.tind105 { text-indent: 1.5em;}
.tind2 { text-indent: 2em;}

/*文字行距*/
.tlh05 { line-height: 0.5em;}
.tlh1 { line-height: 1em;}
.tlh105 { line-height: 1.5em;}
.tlh2 { line-height: 2em;}
.tlh3 { line-height: 3em;}

/*左右浮動設定*/
.right { float:right; margin:4px 8px;}
.left { float:left; margin:4px 8px;}

/*左右對齊設定*/
.tright{text-align:right;}
.tleft{text-align:left;}
.tcenter{text-align: center;}

/*裝飾線條*/
.bor1 { border:1px solid #CCCCCC;}
.bor3 { border:3px solid #DFDFDF;}
.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;}
.bor4{ border-collapse:collapse;}
.td_bor{ border:#99CCFF solid 1px;}
.td_borleft{ border-left:#CCCCCC 2px solid;}

/*間距*/
.m20 { margin:20px;}
.mL10 { margin-left:10px;}
.mL20 { margin-left:20px;}
.mL30 { margin-left:30px;}
.mL40 { margin-left:40px;}
.mL115 { margin-left:130px;}
.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;}

.pL5{ padding-left:5px;}
.pL10{ padding-left:10px;}
.pL15 { padding-left:15px;}
.pL20 { padding-left:20px;}
.pL25{padding-left:25px;}
.pR5{ padding-right:5px;}
.pR15{ padding-right:15px;}
.p5 { padding:5px;}

.pLR5{ padding:0 5px;}

/*寬度設定*/
.w100p { width:100%;}
.w99p { width:99%;}
.w98p { width:98%;}
.w97p { width:97%;}
.w65p { width:65%;}
.w55p { width:55%;}
.w50p { width:50%;}
.w33p { width:33%;}
.w20p { width:20%;}
.w50px{ width:50px;}
.w100px{ width:100px;}
.w190p{width:190px;}
.w250p{width:250px;}
.w350p{width:350px;}

/*圖片td的寬度設定*/
.ttd{ width:1%;}

/*段落行距設定*/
.content_text p { margin-bottom:15px; text-indent: 2em; line-height: 1.5em; color: #666666;}


/*區塊背景顏色設定*/
.bg_color1{background: #FFCC99;}
.bg_color2{background: #CAFFFF;}
.bg_color3{background: #DDDDFF; padding:5px;}/*faq*/

/*儲存格背景顏色設定*/
.td_col1{background: #E8F3FF;}
.td_col2{background: #FFFFFF;}


/*圖片在td裡置上*/
.va_top { vertical-align: top;}

/*list圖片樣式*/
.list_img0{ list-style:url(../../image/icon1.gif);}
.list_img1{ list-style:url(../../image/icon1.gif);}

.list_no{ list-style:none;}


/*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:70%\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;}