@charset "utf-8";
/* CSS Document */
body{background:url(../images/bgSub.gif) top left repeat-x;}

/***框架/共用***/
#noinfo_tb{border:5px solid #F2F2F2; color:#484848; font-size:14px; text-align:center; padding:40px 0px; font-family:Arial, Helvetica, sans-serif;}
.back{background:url(../images/linedot.gif) top left repeat-x; padding-top:18px; text-align:center;}
.back2{background:url(../images/linedot.gif) bottom left repeat-x; padding-top:18px; text-align:center; padding-bottom:25px;}
.formselect{font-size:12px; padding:3px; color:#666;}
/*main_visual*/
#main_visual{width:960px; height:50px;}

/*location*/
#location{width:940px; text-align:right; color:#000; font-size:12px; padding-top:24px; padding-bottom:10px;}
#location a{color:#595959;}
#location a:hover{color:#000;}

/*buliding*/
#container{text-align:left; background:url(../images/bg-mainSub.gif) top left no-repeat; padding-bottom:30px;}
#container:after{display:block; clear:both; height:0; visibility:hidden; content:".";}
#mainBox{width:698px; float:right; margin-right:20px;}
#mainBox .mainBox_top{width:698px; height:8px; background:url(../images/bg-mainbox-top.png) bottom center no-repeat;}
#mainBox .mainBox_dw{width:698px; height:8px; background:url(../images/bg-mainbox-dw.png) top center no-repeat;}
#mainBox .mainBox{background:url(../images/bg-mainbox.png) top center repeat-y;}
#mainBox .main{background:url(../images/bg-mainbox1.png) top center no-repeat; padding:0 8px;}
#mainBox .mainContent{background:url(../images/bg-mainbox2.png) bottom center no-repeat;}
#sidebar{width:202px; float:left; margin-left:29px;}
#mainBox2{padding:0; background-color:#FFF;}

/*content*/
#content{font-size:12px; line-height:28px; color:#333; padding-bottom:30px;word-wrap:break-word;overflow:hidden;}
#subContent{padding:25px 25px 0;}
h1.title{padding:40px 25px 0; font-size:26px; line-height:28px; font-weight:bold;}
h2.title{font-size:13px;  /*color:#123387;*/ font-weight:bold;}
h4.title{text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-top:10px; color: #123387;}
.Boxbar{width:682px; height:90px; position:relative;}
.Boxbar h1{font-size:26px; line-height:28px; position:absolute; top:40px; left:25px; font-weight:bold; width:500px;}
.Boxbar .button{width:164px; position:absolute; right:0; text-align:right;}
.Boxbar .button a{margin-left:1px; width:81px; float:right; height:73px; display:block;}
.Boxbar .button a span{display:none;}
.Boxbar .button a.back{background:url(../images/bt-back.gif) top left no-repeat;}
.Boxbar .button a.back:hover{background:url(../images/bt-back-over.gif) top left no-repeat;}
.Boxbar .button a.print{background:url(../images/bt-print.gif) top left no-repeat;}
.Boxbar .button a.print:hover{background:url(../images/bt-print-over.gif) top left no-repeat;}

/*分頁*/	
#pageCenter, #pageCenterLine{padding-top:8px; text-align:center;}
#pageCenterLine{border-top:#e5e5e5 1px solid;}
#pageclear{clear:both;}

.pagelink{ font-size: 11px; color: #82cfee; font-weight: bold;}
.pagelink a{font-size: 10px; color: #999;}
.pagelink a:hover {color: #82cfee; text-decoration: underline;}
.pagelink span{color:#999;}
.pagelink img{padding:0 3px;}

.pagelink2{font-size:11px; color:#999; font-weight:normal;}
.pagelink2 a:link{color:#666;}
.pagelink2 a:hover{color:#82cfee; text-decoration:underline;}

.searchpdno{font-size: 11px; font-weight: bold;	color: #123387;}

/*btBar*/
#btBar{height:36px; background:url(../images/linedot.gif) center center repeat-x; text-align:right; margin-top:30px;}
#btBar a{width:98px; height:36px; display:block; background-color:#FFF; float:right;}
#btBar a.bt-top{background:url(../images/bt-top.gif) top right no-repeat; background-color:#FFF;}
#btBar a.bt-top:hover{background:url(../images/bt-top-over.gif) top right no-repeat; background-color:#FFF;}
#btBar a.bt-back{background:url(../images/bt-back.gif) top right no-repeat; background-color:#FFF;}
#btBar a.bt-back:hover{background:url(../images/bt-back-over.gif) top right no-repeat; background-color:#FFF;}
#btBar a span{display:none;}


/***sidebar***/

/*次選單*/
#submenu{}
#submenu .subtitle{height:38px;}
#submenu dl{word-wrap:break-word; overflow:hidden;font-family:Verdana, Geneva, sans-serif;}
#submenu dt{background:url(../images/bg-submenu.png) bottom left no-repeat;}
#submenu dt a{display:block; color:#000; font-size:13px; padding:8px 5px 12px 5px; display:block;}
#submenu dt:hover a,#submenu dt.submenuOver a{background:url(../images/bg-submenu-over.png) top left no-repeat; color:#FFF; background-size:cover;}
#submenu dd{padding-left:5px;}
#submenu dd a{display:block; color:#666; padding:10px; font-size:12px;}
#submenu dd a:hover,#submenu dd.submenusubOver a{color:#123387;}
#submenu dd.last{padding-bottom:10px;}




/***各單元CSS***/	

/*產品*/
.prodList{padding:25px;}
.prodListtb{border-collapse:collapse; width:100%;}
.prodListtb th{background-color:#e1e1dd; width:180px; border:#fff 1px solid; text-align:left; padding:5px;}
.prodListtb th a{background:url(../images/icon01.png) 6px 6px no-repeat; font-size:14px; font-weight:bold; color:#123387; padding-left:15px;}
.prodListtb th a:hover{color:#82cfee;}
.prodListtb td{background-color:#f3f3f1; border:#fff 1px solid; padding:5px; color:#666;}


#prodDetail{}
#prodDetail .PdBox{font-family:"微軟正黑體"; width:632px; margin:0 auto; padding-top:20px; padding-bottom:20px;}
#prodDetail .PdBox:after{display:block; clear:both; height:0; visibility:hidden; content:".";}
#prodDetail .PdBox .PdImg{width:180px; float:left;}
#prodDetail .PdBox .Pdtxt{width:452px; float:left;}
#prodDetail .PdBox .Pdtxt .pditem{width:158px; background:url(../images/bg-item2.gif) top left no-repeat; float:left;}
#prodDetail .PdBox .Pdtxt .pditem h4{font-size:13px; color:#000; padding-left:18px; padding-top:7px; padding-bottom:10px; line-height:20px;}
#prodDetail .PdBox .Pdtxt .pditemtxt{width:294px; line-height:24px; font-size:12px; color:#000; float:left; padding-top:8px;}
#prodDetail .PdBox .Pdtxt .pditemSp{clear:both; height:10px;}
#prodDetail .back{padding-top:15px; padding-bottom:30px; text-align:center;}

#example-one{padding-top:35px; width:680px; margin:0 auto;}
#example-one .nav{background:url(../images/bg-item.gif) top left repeat-x; height:50px; padding-left:25px;}
#example-one .nav li{float:left; width:120px; height:50px; background-color:#FFF;}
#example-one .nav li a{height:50px; width:120px; display:block; cursor:pointer;}
#example-one .nav li a span{display:none;}
#example-one .nav:after{clear:both; display:block; height:0; visibility:hidden; content:".";}
.nav-one a{background:url(../images/bt-info2.gif) top no-repeat;}
.nav-one a:hover,.nav-one a.current:hover{background:url(../images/bt-info-over.gif) top no-repeat;}
.nav-one a.current{background:url(../images/bt-info-over.gif) top no-repeat;}
.nav-two a{background:url(../images/bt-spec2.gif) top no-repeat;}
.nav-two a:hover,.nav-two a.current:hover{background:url(../images/bt-spec-over.gif) top no-repeat;}
.nav-two a.current{background:url(../images/bt-spec-over.gif) top no-repeat;}
.pdContent{padding:25px; font-size:14px; line-height:28px; color:#333; clear:both;}
.pdtbbox{width:620px; border:#e0e0e0 3px solid;}
.pdtb{border-collapse:collapse; width:620px; border:#fff 2px solid; background-color:#fff;}
.pdtb td,.pdtb th{padding:5px; border:#e0e0e0 1px solid;}
.pdtb th{background-color:#eaeaea; border:#fff 1px solid; font-weight:normal;}
td.topic{background:none; background-color:#666666; color:#FFF;  border-bottom:#fff 1px solid; padding:8px;}
td.topic a{color:#FFF; text-decoration:none;}
td.topic a:hover{color:#FFF; text-decoration:underline;}
.notestyle{ width:620px; margin:0 auto; text-align:left; font-size:12px; line-height:22px; margin-top:10px;}
.pdtbbox-2{width:600px; border:#e0e0e0 3px solid; margin-top:5px;}
.pdtb-2{border-collapse:collapse; width:600px; border:#fff 2px solid; background-color:#fff;}
.pdtb-2 td,.pdtb th{padding:5px; border:#e0e0e0 1px solid; line-height:20px; }
.pdtb-2 th{background-color:#eaeaea; border:#fff 1px solid; font-weight:normal;}


/*support*/
#support{padding:10px 25px 30px;}
.supportList3{padding:0px;}
.supportList3 .left{width:150px; float:left; padding-top:20px;}
.supportList3 .left img{border:#eee 1px solid; padding:2px;}
.supportList3 .right{width:470px; float:right;}
.supportList3 h1{color:#333; font-size:15px; padding:15px 0px 5px;}
.supportList3 h1 a{color:#333;}
.supportList3 h1 a:hover{color:#123387;}
.supportList3 .summary{font-size:12px; line-height:20px; color:#555; padding-top:10px;}
.supportList3 .more{color:#123387; font-size:12px; padding-top:10px;}
.supportList3 .more a{color:#123387;}
.supportList3 .more a:hover{color:#82cfee;}
.supportList3 .line{border-bottom:#e9e9e9 1px solid; height:10px; clear:both;}

.supportDetail{padding:15px 25px;}
.supportDetail h1{font-size:13px; font-weight:bold; background:url(../images/bg-dotline.gif) left bottom repeat-x; padding-bottom:10px; color:#000;}
.supportDetail .date{width:50%; float:left; font-size:11px; color:#666;}
.supportDetail .tool{width:50%; float:right; font-size:11px; color:#666; text-align:right; padding-top:5px;}
.supportDetail .txt{clear:both; padding-top:15px;}
.supportDetail .txt img{border:#eee 1px solid; padding:2px;}
.supportDetail .txt p{padding-bottom:20px;}
.othersupport{clear:both; padding:20px 25px;}
.othersupport p{font-size:14px; font-weight:bold; color:#000;}
.othersupport ul{list-style-position: outside;; margin:10px;}
.othersupport li{list-style-type:circle; margin-left:10px; padding-bottom:8px;}
.othersupport .date{font-size:11px; color:#999;}
.othersupport .more{color: #333; font-size:12px; font-weight:bold; padding-top:15px;}
.othersupport .more a{color: #333; text-decoration:none;}
.othersupport .more a:hover{color:#82cfee;}	

#supportDetail{color:#555;}
#supportDetail h3{font-size:18px; color:#123387; font-family:"微軟正黑體"; padding-bottom:20px; background:url(../images/icon01.png) 0px 9px no-repeat; padding-left:10px;}
#supportDetail p{padding-bottom:20px;}
/*#supportDetail ul{padding:0; margin:0; line-height:none;padding-left:15px; margin-left:15px; padding-bottom:30px;}
#supportDetail ul li{list-style:disc; padding-left:10px; line-height:10px; padding:0; margin:0; color:#000;}*/

/*news*/
/*****sty1******/
.newsList{padding:25px 25px 0;}
.newsList h1{color:#333; font-size:15px;}
.newsList h1 a{color:#333;}
.newsList h1 a:hover{color:#F90;}
.newsList .date{font-size:11px; color:#999;}
.newsList .summary{font-size:12px; line-height:20px; clear:both; color:#555; padding-top:10px;}
.newsList .more{color:#F90; font-size:12px; padding-top:10px;}
.newsList .more a{color:#F90;}
.newsList .more a:hover{color:#F60;}
.newsList .line{border-bottom:#e9e9e9 1px solid; height:10px;}



/*conatct*/
/***自動表單****/
#caform{padding:25px;}
#caform .summary{font-size:14px; color:#000; padding-bottom:10px;}
#caform .summary a{color:#123387; border-bottom:#82cfee 1px dotted;}
#caform .note{text-align:right; font-size:11px; color:#999; padding-right:5px;}
#caform .formbox{background-color:#f9f6f6; padding:20px;}
#caform .itemtitle{width:20%; float:left; background:url(../images/icon01.png) 10px 14px no-repeat; padding-left:20px; padding-top:5px; color:#000;}
#caform .itemform{width:70%; float:right; padding-top:2px; font-size:11px; color:#666;}
#caform .clearsp{clear:both; height:10px; background:url(../images/linedot.gif) center center repeat-x;}
#caform .ClearSp2{clear:both; height:1px;}
#caform  .formstyle{color:#666; font-size:12px; border:#ccc 1px solid; padding:3px;}
textarea {height:100px;}
#caform .form select{color:#666; font-size:12px; border:#ccc 1px solid; background-color:#efefef;}
#caform  .bt{padding-top:10px; padding-left:178px; background:url(../images/linedot.gif) top center repeat-x;}

.formbt,.btsty{padding:2px 12px; font-size:11px; background-color:#123387; color:#FFF; font-size:12px; display:block; padding:8px 15px 4px; margin-right:5px; cursor:pointer;}
.formbt:hover,.btsty:hover{background-color:#82cfee;}
.formbt{float:left;}
.btsty{margin:0 auto;}
#caform .redstar{color:#F30; font-size:11px;}

/*aboutus*/
.aboutusTxt{padding:25px;}
.aboutusTxt p{/*padding-bottom:0px;*/ padding:0; margin:0;}
ul.ulsty{padding-left:30px; list-style:none;}
ul.ulsty li{background:url(../images/icon01.png) 0px 10px no-repeat; padding-left:10px; padding-bottom:10px;}

ul.ulsty-a{padding-left:30px; list-style:none;}
ul.ulsty-a li{ padding-bottom:10px; list-style: lower-latin; }

ul.ulsty-AA{padding-left:30px; list-style:none;}
ul.ulsty-AA li{ padding-bottom:10px; list-style: upper-latin; }

ul.ulsty-roman{padding-left:30px;list-style:none;}
ul.ulsty-roman li,ol.ulsty-nb li ul.ulsty-roman li{padding-bottom:10px; list-style: upper-roman;}

ol.ulsty-nb ,ul.ulsty-nb{padding-left:30px; list-style:none; line-height:16px; }
ol.ulsty-nb li,ul.ulsty-nb li{ padding-bottom:15px; list-style: decimal;}
h1 .ulsty-nb{ color:#CC9999;}

ul.ulsty2{list-style:none;}
ul.ulsty2 li{background:url(../images/icon01.png) 0px 10px no-repeat; padding-left:10px; padding-bottom:10px;}
ul.ulsty2 li h2{ font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#123387;}

ul.ulsty-n1{padding-left:0px;list-style:none; padding-top:5px;}
ul.ulsty-n1 li {background:url(../images/icondot03.gif) 0px 2px no-repeat; padding-left:15px; padding-bottom:10px; list-style:none;}

ul.ulsty-n2{padding-left:20px;list-style:none;}
ul.ulsty-n2 li {background:url(../images/icondot02.gif) 0px 2px no-repeat; padding-left:15px; padding-bottom:10px; list-style:none; }

ul.ulsty-n3{padding-left:0px;list-style:none; padding-top:5px;}
ul.ulsty-n3 li {background:url(../images/icondot04.gif) 0px 2px no-repeat; padding-left:15px; padding-bottom:10px; list-style:none;}

ul.ulsty-n4{padding-left:10px; list-style:none; padding-top:10px;}
ul.ulsty-n4 li{background:url(../images/icon01.png) 0px 10px no-repeat; padding-left:15px; padding-bottom:10px;}

.aboutusTxt h3{font-size:18px; color:#123387; font-family:"微軟正黑體"; padding-bottom:20px; background:url(../images/icon01.png) 0px 9px no-repeat; padding-left:10px;}





/*網站導覽*/
.sitemap{width:270px; float:left; margin:20px 30px 0px 20px;}
.sitemap:after{clear:both; height:0; display:block; visibility:hidden; content:".";}
.sitemap h1{width:158px; float:left; height:41px; background:url(../images/bg-item2.gif) top left no-repeat; line-height:28px;}
.sitemap h1 a{font-size:13px; font-weight:bold; color:#333;  padding-left:15px; }
.sitemap h1 a:hover{color:#123387;}
.sitemap dl{ margin:0px; padding:0px; width:112px; float:left;}
.sitemap dt{ background:url(../images/linedot.gif) bottom left repeat-x;}
.sitemap dt a{font-size:13px; color:#666; display:block;padding:10px 0px;}
.sitemap dt a:hover{color:#123387;}


/*聯絡資訊*/
.info{padding:25px;  background-image: url(../images/bg_info.jpg); background-position:right top; background-repeat:no-repeat; }
.info h1{  font-size:16px;color: #123387; font-family:"微軟正黑體"; font-weight:bold;}
.info h2{ width:350px; font-size:14px;  color:#333; font-family:"微軟正黑體"; /*border-bottom:#CCCCCC 1px dashed;*/}
.info h2 a{ color: #123387;text-decoration: underline;}
.info h2 a:hover{ color:#123387;text-decoration:none; }
.info .map{ width:620px; margin-top:20px; text-align:right;}
.info .map a{ text-decoration:underline;}
.info .map a:hover{ text-decoration:none;}