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

body{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#444; line-height:22px; background:url(../img/bg-sky.png) left top repeat-x;}

a{ color:#444; text-decoration:none;}
a:hover{ color:#327994; text-decoration:none;}

p{ margin:0; padding:0; text-align:justify;}

#bg_dot{ background:url(../img/bg-dot.png); width:100%; height:100%;}

#bg_red_ribbon{ background:url(../img/bg-red_ribbon.png) center top no-repeat;}

#wrap{ width:1070px; margin:0 auto; padding:0; overflow:hidden;}

#top{ background:url(../img/tw_bg-top.png) no-repeat; height:118px;}
#en_top{ background:url(../img/en_bg-top.png) no-repeat; height:118px;}

#nav{ margin:0; padding:10px 0 0 0; overflow:hidden; font-size:12px;}
#nav ul{ margin:0; padding:0 65px 0 0;}
#nav li{ float:right;}
#nav li.nav_bar{ width:24px; margin:0; padding:2px 0 0 0; padding:5px 0 0 0\0;}

#logo{ float:left; width:315px; height:66px; margin:-8px 0 0 65px; margin:-6px 0 0 65px\0;}

#btn{ width:670px; height:38px; float:right;}
#btn ul{ margin:0px 0 0 0; padding:8px 38px 0 0; padding:10px 38px 0 0\0;}
#btn li{ float:right;}

#btn li.btn_bar{ width:18px; height:38px; background:url(../img/tw_btn.jpg) -112px 0 no-repeat; display:block;}
#btn li.b01 a{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/tw_btn.jpg) 0 0 no-repeat;}
#btn li.b01 a:hover{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/tw_btn.jpg) 0 -38px no-repeat;}
#btn li.b02 a{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/tw_btn.jpg) -130px 0 no-repeat;}
#btn li.b02 a:hover{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/tw_btn.jpg) -130px -38px no-repeat;}
#btn li.b03 a{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/tw_btn.jpg) -260px 0 no-repeat;}
#btn li.b03 a:hover{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/tw_btn.jpg) -260px -38px no-repeat;}
#btn li.b04 a{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/tw_btn.jpg) -390px 0 no-repeat;}
#btn li.b04 a:hover{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/tw_btn.jpg) -390px -38px no-repeat;}
#btn li.b05 a{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/tw_btn.jpg) -520px 0 no-repeat;}
#btn li.b05 a:hover{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/tw_btn.jpg) -520px -38px no-repeat;}

#en_btn{ width:670px; height:38px; float:right;}
#en_btn ul{ margin:0px 0 0 0; padding:8px 38px 0 0; padding:10px 38px 0 0\0;}
#en_btn li{ float:right;}

#en_btn li.btn_bar{ width:18px; height:38px; background:url(../img/en_btn.jpg) -112px 0 no-repeat; display:block;}
#en_btn li.b01 a{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/en_btn.jpg) 0 0 no-repeat;}
#en_btn li.b01 a:hover{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/en_btn.jpg) 0 -38px no-repeat;}
#en_btn li.b02 a{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/en_btn.jpg) -130px 0 no-repeat;}
#en_btn li.b02 a:hover{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/en_btn.jpg) -130px -38px no-repeat;}
#en_btn li.b03 a{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/en_btn.jpg) -260px 0 no-repeat;}
#en_btn li.b03 a:hover{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/en_btn.jpg) -260px -38px no-repeat;}
#en_btn li.b04 a{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/en_btn.jpg) -390px 0 no-repeat;}
#en_btn li.b04 a:hover{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/en_btn.jpg) -390px -38px no-repeat;}
#en_btn li.b05 a{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/en_btn.jpg) -520px 0 no-repeat;}
#en_btn li.b05 a:hover{ width:112px; height:38px; display:block; text-indent:-9999px; background:url(../img/en_btn.jpg) -520px -38px no-repeat;}

#main{ background:url(../img/bg-main.png) repeat-y; clear:both; overflow:hidden;}

/*** banner ***/
#banner{ width:940px; height:250px; margin:0 auto;}
#abgne_fade_pic { position: relative; width: 940px;	height: 250px;}
#abgne_fade_pic a.ad { position: absolute;	/* 讓圖片疊在一起 */ }
#abgne_fade_pic .control { position: absolute; right: 10px; bottom: 10px; display: none;		/* 隱藏按鈕選單 */	}
#abgne_fade_pic .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 .control a.on { font-weight: bold; color: #f00;}
/*** banner ***/


#indexbox{ padding:25px 65px 0 65px; overflow:hidden;}
#indexbox table{ clear:both; margin:0; padding:0;}
#indexbox td.td01{ margin:0; padding:0 0 0 21px; background:url(../img/icon01.gif) 8px 13px no-repeat; background:url(../img/icon01.gif) 8px 11px no-repeat\0; line-height:31px; border-bottom:1px dashed #ddd;}
#indexbox td.td02{ margin:0; padding:0 0 0 21px; line-height:31px; border-bottom:1px dashed #ddd;}
#indexbox td.td03{ margin:0; padding:0 0 0 34px; background:url(../img/icon01.gif) 19px 13px no-repeat; background:url(../img/icon01.gif) 19px 13px no-repeat\0; line-height:30px;}

#index_photo{ float:left; width:570px; height:200px; overflow:hidden; background:url(../img/tw_bg-index_photo.png) no-repeat; margin:0 25px 25px 0;}
#index_about{ float:left; width:345px; height:200px; background:url(../img/tw_bg-index_about.jpg) no-repeat; margin:0 0 25px 0;}
#index_about p{ width:205px; height:140px; line-height:20px; text-align:justify; margin:49px 0 0 18px;}
#index_dm{ float:left; width:290px; height:200px; background:url(../img/tw_bg-index_dm.jpg) no-repeat;}
#index_products{ float:left; width:625px; height:200px; background:url(../img/tw_bg-index_products.png) no-repeat; margin:0 0 0px 25px;}

#en_index_photo{ float:left; width:570px; height:200px; overflow:hidden; background:url(../img/en_bg-index_photo.png) no-repeat; margin:0 25px 25px 0;}
#en_index_about{ float:left; width:345px; height:200px; background:url(../img/en_bg-index_about.jpg) no-repeat; margin:0 0 25px 0;}
#en_index_about p{ width:205px; height:140px; line-height:20px; text-align:justify; margin:49px 0 0 18px;}
#en_index_dm{ float:left; width:290px; height:200px; background:url(../img/en_bg-index_dm.jpg) no-repeat;}
#en_index_products{ float:left; width:625px; height:200px; background:url(../img/en_bg-index_products.png) no-repeat; margin:0 0 0px 25px;}

#scroller { margin:50px 0 0 0; margin:10px 0 0 0\0; padding:0 6px;}

#left{ float:left; width:190px;}
#sub_title{ width:190px; height:25px; margin-bottom:11px;}
#left ul{ margin:0; padding:0;}
#left li{font-family:"微軟正黑體"; font-size:14px; color:#777;}
#left li a{color:#777; text-decoration:none;}
#left li a:hover{color:#d70000; text-decoration:none;}
#left li ul{ margin:5px 0; padding:0;}
#left li.cap{ font-size:16px; font-weight:bold; padding:11px 0 11px 18px; background:url(../img/icon01.gif) 0 20px no-repeat; border-bottom:1px dotted #ccc;}

#cntbox{ float:left; width:725px; margin-left:25px;}
#cnt{ width:675px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; padding:0 24px; overflow:hidden;}
#title{ overflow:hidden; background:url(../img/bg-h1.gif) bottom no-repeat; margin-bottom:25px;}
#cnt h1{ font-family:"微軟正黑體"; font-weight:bold; font-size:22px; color:#333; width:330px; float:left; padding-bottom:9px;}
#cnt h2{ font-family:"微軟正黑體"; font-weight:bold; font-size:16px; color:#327994; margin:0 0 10px 0;}
#cnt h3{ font-family:"微軟正黑體"; font-weight:bold; font-size:14px; color:#d70000; padding-bottom:5px; border-bottom:1px dotted #ddd;}
#cnt h4{ font-family:"微軟正黑體"; font-weight:bold; font-size:14px; color:#000; margin:0 0 12px 0;}
#cnt p{ margin:0 0 15px 0; text-align:justify;}
#cnt p.cnt_p{ margin:10px 0 30px 0; min-height:150px; text-align:justify;}
#guide{ float:right; color:#999; font-size:12px;}
#guide a{ color:#999; text-decoration:none;}
#guide a:hover{ color:#327994; text-decoration:none;}
#cnt_edge{ width:725px; height:25px; clear:both;}
#cnt.en p, #cnt.en td{ font-size:15px;}

#pbox{ float:left; margin:0 0px; width:138px;}
#pimg{ height:103px; margin:0; border:1px solid #ccc;}
#pbox2{ float:left; margin:0; padding:0;}
#pimg2{ height:95px; margin:0; padding:5px; border:1px solid #ccc; background:#ddd;}
#pbox3{ float:left; width:215px; margin:0 0 15px 0; padding:0 5px;}
#pimg3{ width:205px; height:154px; margin:0; padding:5px; background:#f9f9f9; border:1px solid #ccc;}
#ptxt{ padding-top:4px;}
#ptxt a{ color:#888; text-decoration:none;}
#ptxt a:hover{ color:#327994; text-decoration:none;}
#ptxt2{ font-size:10px; line-height:14px;}
#pbox_txt{ float:left; margin-top:10px;}
.table01{ width:345px; line-height:31px;}
.table02{ width:100%; line-height:31px;}
.table03{ width:490px;}
.td04{ margin:0; line-height:31px; border-bottom:1px dashed #ddd;}
.td05{ height:31px;}
.td06{ padding:13px 0 0 0;}
#pbox_info{ margin:0; padding:10px 0;}

#btn_back{ width:49px; height:21px; margin:10px auto;}

#nav_list{ margin:20px auto 10px auto; overflow:hidden; clear:both;}
#nav_list ul{ margin:0 5px 0 0; padding:0; float:right;}
#nav_list li{ float:left; height:15px; margin:0 2px; line-height:15px; font-size:11px;}

#pageprev, #pagenext{ width:15px; height:15px; line-height:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#ccc; color:#444;}
a #pageprev, a #pagenext{ width:15px; height:15px; line-height:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#b8861d; color:#FFF;}
#pagenav{ float:left; width:15px; height:15px; line-height:15x; margin:0 4px; padding:0px 0 0 0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#ccc; color:#444;}
a #pagenav{ float:left; width:15px; height:15px; line-height:15px; margin:0 4px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#b8861d; color:#FFF;}

#more01{ width:40px; height:13px; float:right; margin:10px 0 17px 0; z-index:10; position: relative;}
#more02{ width:40px; height:13px; float:right; margin:10px 11px 18px 0;}

#newsbox{ min-height:340px;}

#table01{ width:675px;}
#table01 td{ line-height:31px; padding:0 5px;}
#table01 td.cap{ color:#fff; background:#b8861d;}

#table02{ width:675px;}
#table02 td{ height:33px; line-height:31px; border-bottom:1px dashed #ddd;}
#table02 td.border_left{ border-left:1px dashed #ddd;}
#table02 td.td01{ background:url(../img/icon01.gif) 8px 14px no-repeat; background:url(../img/icon01.gif) 8px 15px no-repeat\0;}

#footer{ width:940px; margin:5px auto 0px auto; padding-bottom:25px; font-size:12px; color:#777;}

#wrap_bottom{ width:1070px; margin:0 auto;}

.font01{ color:#327994; font-weight:bold;}
.clear{ clear:both;}
.float_left{ float:left; margin:0 15px 15px 0;}
.float_right{ float:right; margin:0 0px 15px 15px;}

#code_img2{ float:left; width:74px; height:26px; margin:0px 10px 0 0px;}

.input01{ border:1px solid #ccc; width:180px; height:22px; padding:0 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.input02{ border:1px solid #ccc; width:307px; height:22px; padding:0 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.input03{ border:1px solid #ccc; width:96px; height:22px; margin:1px 0 0 0; padding:0px 5px 0 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.input04{ border:1px solid #ccc; width:116px; height:22px; margin:1px 0 0 0; padding:0px 5px 0 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.textarea01{ border:1px solid #ccc; width:312px; height:114px; margin:5px 0; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

a .submit01 { margin:20px auto; padding:10px 20px; text-align:center; background:#eee; border:1px solid #ccc; color:#999; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
a:hover .submit01{ margin:20px auto; padding:10px 20px; text-align:center; background:#b8861d; border:1px solid #b8861d; color:#fff; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.color01{ color:#327994;}
.color02{ color:#b8861d;}
.color03{ color:#bbb;}
.color04{ color:#cc0000;}

#mycarousel{ height:300px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
#scroller { margin:10px 0 0 0; padding:0 6px;}
}