@charset "utf-8";
/* CSS Document */

body{ font-family:"微軟正黑體"; font-size:15px; line-height: 22px; color:#444;}

a{ color:#666; text-decoration:none;}
a:hover{ color:#f39800; text-decoration:none;}

h1{ font-size:24px; color:#0ba29a; margin:0 0 30px 0;}
h1.index_h1{ font-size:24px; color:#0ba29a; margin:0 0 9px 0;}

h2.title_about, h2.title_gene, h2.title_storage, h2.title_case, h2.title_cloud, h2.title_member, h2.title_contact{ width:210px; height:134px; padding:5px 5px 0 5px; border-bottom:3px solid #0ba29a; display:block; text-indent:-9999px;}
h2.title_about{ background:url(../img/pic-title_about.jpg) 5px 5px no-repeat;}
h2.title_gene{ background:url(../img/pic-title_gene.jpg) 5px 5px no-repeat;}
h2.title_storage{ background:url(../img/pic-title_storage.jpg) 5px 5px no-repeat;}
h2.title_case{ background:url(../img/pic-title_case.jpg) 5px 5px no-repeat;}
h2.title_cloud{ background:url(../img/pic-title_cloud.jpg) 5px 5px no-repeat;}
h2.title_member{ background:url(../img/pic-title_member.jpg) 5px 5px no-repeat;}
h2.title_contact{ background:url(../img/pic-title_contact.jpg) 5px 5px no-repeat;}

h3{ font-size:15px; color:#f39800; font-weight:bold;}

p{ text-align:justify;}

#topbox{ width:100%; height:167px; background:url(../img/bg-topbox.png); margin:0 0 30px 0;}
#top{ width:966px; height:96px; margin:0 auto;}
#logo{ float:left; width:540px; height:96px;}

#nav{ float:right; margin:39px 0 0 0;}
#nav li{ float:right; font-size:13px; color:#999;}
#nav li a{ color:#999; text-decoration:none;}
#nav li a:hover{ color:#f39800; text-decoration:none;}
#nav li.dot01{ width:1px; height:9px; margin:7px 15px 0 15px; display:block; background:url(../img/dot01.gif) no-repeat;}

#btnbox{ width:100%; height:54px; background:#fff; filter:alpha(opacity=75); /*IE,透明度50%*/ -moz-opacity:0.75; /*Firefox,透明度50%*/ opacity:0.75;/*其他浏览器,透明度50%*/ clear:both;}
#btn{ width:966px; margin:0 auto;}
#btn li{ float:left; line-height:54px; font-size:18px; margin:0 84px 0 0;}
#btn li.btn_last{ margin:0 0px 0 0;}
#btn li a{ color:#999; text-decoration:none; background:url(../img/icon-01.png) 0 8px no-repeat; background:url(../img/icon-01.png) 0 7px no-repeat\0; padding:0 0 0 16px;}
#btn li a:hover{ color:#f39800; text-decoration:none; background:url(../img/icon-01x.png) 0 8px no-repeat; background:url(../img/icon-01.png) 0 7px no-repeat\0;}

#main{ width:966px; margin:0 auto; overflow:hidden;}
#main.inner{ width:966px; margin:0 auto; overflow:hidden; background:url(../img/bg-main_inner.png) repeat-y;}

/*** banner_index ***/
#banner_index{ width:966px; height:450px; margin:0 auto 30px auto; padding:0px;}
#abgne_fade_pic_index { position: relative; width:966px; height:450px; background:#FFF; margin:0 0 30px 0;}
#abgne_fade_pic_index a.ad { position: absolute; cursor:default;	/* 讓圖片疊在一起 */ }
#abgne_fade_pic_index .control { position: absolute; right: 10px; bottom: 10px; display: none;		/* 隱藏按鈕選單 */	}
#abgne_fade_pic_index .control a { display: inline-block; padding: 3px; margin: 0 3px; width: 16px; color: #fff; background: #000; text-align: center; font-size: 16px;	text-decoration: none;}
#abgne_fade_pic_index .control a.on { font-weight: bold; color: #f00;}
#abgne_fade_pic_index p{
font-size:30px; padding:20px; background:#000; filter:alpha(opacity=75); /*IE,透明度50%*/ -moz-opacity:0.75; /*Firefox,透明度50%*/ opacity:0.75;/*其他浏览器,透明度50%*/ color:#fff; text-shadow:1px 1px 0px #333; position: absolute;}
#abgne_fade_pic_index p.p01{ top:350px; left:30px}
/*** banner_index ***/

#index_left{ float:left; width:322px; height:170px;}
#index_left p{ border-bottom:1px dashed #ccc; line-height:32px;}
#index_right{ float:right; width:620px; height:170px;}
#index_right li{ float:right; width:150px; height:170px; margin:0 0 0 5px;}
#index_right li.ir01{ background:url(../img/pic-index_thumb-ir01.jpg) no-repeat;}
#index_right li.ir02{ background:url(../img/pic-index_thumb-ir02.jpg) no-repeat;}
#index_right li.ir03{ background:url(../img/pic-index_thumb-ir03.jpg) no-repeat;}
#index_right li.ir04{ background:url(../img/pic-index_thumb-ir04.jpg) no-repeat;}
#ir_txt{ width:140px; height:33px; background:#000; margin:132px auto 0 auto; filter:alpha(opacity=75); /*IE,透明度50%*/ -moz-opacity:0.75; /*Firefox,透明度50%*/ opacity:0.75;/*其他浏览器,透明度50%*/}
#ir_txt p{ line-height:31px; font-size:15px; padding:0 10px; color:#ccc;}
#ir_txt a{ color:#ccc; text-decoration:none;}
#ir_txt a:hover{ color:#f39800; text-decoration:none;}

#left{ float:left; width:220px; padding:10px;}

#right{ float:left; width:696px; margin:0 0 0 30px;}
#right.r01{ width:100%; margin:0;}

#right ol li{ margin:0 0 0 23px; padding:0 0 0 6px; list-style:decimal;}

#sub_btn{ width:210px; margin:0 5px 30px 5px;}
#sub_btn li{ height:35px; line-height:34px; padding:0 10px; background:url(../img/dot02.gif) bottom repeat-x; text-align:right;}

#btn_contact{ width:190px; height:95px; margin:0 auto 30px auto;}

#listbox{ min-height:350px;}

#txt{ margin:10px 0 0 0;}

#nav_list{ margin:20px 0 0 0;}

#notice{ margin:10px 0; font-size:13px; font-weight:bold; color:#cc0000;}

#cbox{ float:left; width:222px; margin:0 0 10px 0; padding:0 5px;}
#cbox_img{ width:222px; height:167px;}
#cbox_txt{ text-align:center;}

#hr01{ height:0px; margin:20px 0; border-bottom:1px dashed #ccc;}

#table01{ width:696px;}
#table01 td{ height:35px; line-height:34px; background:url(../img/dot02.gif) bottom repeat-x;}
#table01 td.cap02{ background:url(../img/dot03.gif) left repeat-y;}

#table02{ width:100%;}
#table02 td{ height:35px; line-height:34px; background:url(../img/dot02.gif) bottom repeat-x;}
#table02 td.cap02{ background:url(../img/dot03.gif) left repeat-y;}

#footerbox{ width:966px; margin:30px auto; padding:30px 0; overflow:hidden; border-top:1px solid #d6d6d6;}
#footer{ float:left; font-size:13px; color:#666;}
#footer p{ line-height:26px;}
#logo_footer{ float:right;}

#btn_back a{ width:94px; height:31px; margin:0 auto; line-height:28px; display:block; background:#0ba29a; color:#fff;}
#btn_back a:hover{ width:94px; height:31px; margin:0 auto; line-height:28px; display:block; background:#f39800; color:#fff;}

#report {line-height: 32px;}
#report ul{padding: 5px 5px 5px 10px;}
#report td{padding: 5px 5px 5px 10px;}

.clear{ clear:both;}
.txt_date{ color:#999; font-size:13px;}

.note{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777;}

.color01{ color:#cc0000;}
.color02{ color:#000;}

.input01{ width:180px; border:1px solid #ccc; color:#666;}
.input02{ width:117px; border:1px solid #ccc; color:#666;}
.input03{ width:600px; border:1px solid #ccc; color:#666;}
.input04{ width:30px; border:1px solid #ccc; color:#666;}
.input05{ width:80px; border:1px solid #ccc; color:#666;}

.select01{ border:1px solid #ccc; color:#666;}

.textarea01{ width:396px; height:122px; margin:10px 0 0 8px; border:1px solid #ccc; color:#666;}
.textarea02{ width:658px; height:200px; margin:10px 0 0px 8px; border:1px solid #ccc; color:#666; font-size:12px;}

.submit01{ border:0; cursor:pointer;}
.half-line { line-height: .5em;}
a .submit01{ width:94px; height:27px; margin:0 auto; display:block; background:#0ba29a; color:#fff;}
a:hover .submit01{ width:94px; height:27px; margin:0 auto; display:block; background:#f39800; color:#fff;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
#btn li a{ color:#999; text-decoration:none; background:url(../img/icon-01.png) 0 6px no-repeat; padding:0 0 0 16px;}
#btn li a:hover{ color:#f39800; text-decoration:none; background:url(../img/icon-01x.png) 0 6px no-repeat;}
}

@media print {
 @page { margin: 0; }
  body { margin: 1.6cm; }
a[href]:after{content:none}
}