*{font-family: "微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU", Arial, Helvetica, sans-serif}
body {
	background-color: #FF8E2B;
	margin-top: 10px;
	text-align: center;
	background-attachment: scroll;
	background-image:  url(../images/bg.jpg);
	background-repeat: repeat-x;
	font-family: "微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU", Arial, Helvetica, sans-serif;}
body,td{
	font-size: 12px;
	color: #333333;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";}
a:link {
	font-size: 13px;
	color:#FF3300;
	text-decoration: underline;}
a:visited {
	font-size: 13px;
	color:#FF3300;
	text-decoration: underline;}
a:hover {
	font-size: 13px;
	color:#0066CC;
	text-decoration: underline;}
a.news:link { FONT-SIZE: 11px; COLOR: #333333;  line-height: 16px;  TEXT-DECORATION: none}
a.news:visited { FONT-SIZE: 11px; COLOR: #333333;  line-height: 16px;  TEXT-DECORATION: none}
a.news:hover { FONT-SIZE: 11px; COLOR: #FF3300;  line-height: 16px;  TEXT-DECORATION: underline}
a.menu:link { FONT-SIZE: 12px; COLOR: #0066CC;  line-height: 16px;  TEXT-DECORATION: underline}
a.menu:visited { FONT-SIZE: 12px; COLOR: #0066CC;  line-height: 16px;  TEXT-DECORATION: underline}
a.menu:hover { FONT-SIZE: 12px; COLOR: #FF3300;  line-height: 16px;  TEXT-DECORATION: underline}
.Headind_Blue {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	line-height: 16px;
	color: #2D66C6;}
.Headind_Blue_Bold {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #2D66C6;}
.Headind_Orange_Bold {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #FF3300;}
.Headind_Gray_Bold {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #333333;}
.main {
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 9px;
	width: 778px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFE529;
	text-align: center;}
.content {
	padding: 0px;
	margin: 0px;
	width: 760px;
	text-align: right;
	background-attachment: scroll;
	background-image: url(../images/main_table_bg.gif);
	background-repeat: repeat-y;}
.Products_Table {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	padding: 1px;
	border: 1px solid #EBBC76;
}
.Products_Table11px {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 11px;
	line-height: 15px;
	}
.Products_Table10px {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 10px;
	line-height: 14px;
	color: #333333;}
.header {
	width: 778px;
	margin-right: auto;
	margin-left: auto;
	background-attachment: scroll;
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
}
.footer {
	width: 778px;
	margin-right: auto;
	margin-left: auto;
	background-attachment: scroll;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;}
.topFlash {
	width: 778px;
	margin-right: auto;
	margin-left: auto;}
.topMenu {
	width: 778px;
	margin-right: auto;
	margin-left: auto;
	background-attachment: scroll;
	background-image: url(../images/button/button_03.gif);
	background-repeat: repeat-x;}
.title {
	width: 614px;}
.text {
	padding: 0px;
	margin: 10px 30px 0px 0px;
	width: 584px;}
.text2 {
	padding: 0px;
	margin: 10px 30px 0px 0px;
	width: 645px;}
.text3 {
	padding: 0px;
	margin: 10px 19px 0px 0px;
	width: 722px;}
.text4 {
	padding: 0px;
	margin: 10px 30px 0px 0px;
	width: 584px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7293B4;
	padding: 10px 0px 10px 0px}
.text5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2D66C6;
}

.ostLogo {
	width: 760px;
	background-attachment: scroll;
	background-image: url(../images/main_table_bg2.gif);
	background-repeat: no-repeat;
	text-align: right;
	height: 104px;
	padding-top: 30px;}
.productsMenu {
	padding: 0px;
	margin: 0px 26px 8px 0px;
	width: 360px;}
.product_frame_bg {
	background-image: url(../images/main_table_bg2.gif) /*url(../images/products/products_frame_bg_02.gif)*/;
	background-repeat: no-repeat;
	background-position: left bottom;
	/*background-color: #FFF6A7*/;
}
.product_txt1 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FD600B;
	letter-spacing: 1pt;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	line-height: 20px;
}
.product_txt2 {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
}
.product_txt3 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FD600B;
	letter-spacing: 1pt;
	border: 1px none #CCCCCC;
}
a.pdt-link-01:link {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	text-decoration: none;
}
a.pdt-link-01:visited {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	text-decoration: none;
}
a.pdt-link-01:hover {
	font-family: Arial;
	font-size: 12px;
	color: #FD600B;
	line-height: 18px;
	text-decoration: none;
}
a.pdt-link-01:active {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	text-decoration: none;
}
.product_txt2-bold {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	font-weight: bold;
}
a.link-01:link {
	font-size: 12px;
	color: #FF3300;
	text-decoration: underline;
}
a.link-01:visited {
	font-size: 12px;
	color:#FF3300;
	text-decoration: underline;
}
a.link-01:hover {
	font-size: 12px;
	color:#0066CC;
	text-decoration: underline;
}
a.link-01:active {
	font-size: 12px;
	color:#FF3300;
	text-decoration: underline;
}
.text6 {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	line-height: 16px;
	color: #2D66C6;}

/*Elmo 新增 2015/12*/
.clean{ clear:both}

.copyright{
	font-size:12px;
	color:#FFF}
#MainNav{ 
    display:block; 
	width:100%; 
	height:29px; 
	margin:0; 
	padding:0}
#MainNav li{ 
    display:block;
	float:left; 
	position: relative;
	list-style:none; 
	margin:0; 
	padding:0}			
.nav_01, .nav_02, .nav_03, .nav_04, .nav_05, .nav_06, .nav_07, .navin_01, .navin_02, .navin_03, .navin_04, .navin_05, .navin_06{
	display: block;
	float:left;
	height:29px;
	text-indent:-9999px}
.nav_01{ width:102px; background:url(../images/button/button_04-1.png) no-repeat}
.nav_01:hover, .navin_01{width:102px; background:url(../images/button/button_o_04-1.png) no-repeat}
.nav_02{width:102px; background:url(../images/button/button_05.png) no-repeat}
.nav_02:hover, .navin_02{width:102px; background:url(../images/button/button_o_05.png) no-repeat}
.nav_03{width:102px; background:url(../images/button/button_06.png) no-repeat}
.nav_03:hover, .navin_03{width:102px; background:url(../images/button/button_o_06.png) no-repeat}
.nav_04{width:102px; background:url(../images/button/button_07.png) no-repeat}
.nav_04:hover, .navin_04{width:102px; background:url(../images/button/button_o_07.png) no-repeat}
.nav_05{width:130px; background:url(../images/button/button_08.png) no-repeat}
.nav_05:hover, .navin_05, #MainNav li:hover a.nav_05 {width:130px; background:url(../images/button/button_o_08.png) no-repeat}
/*.nav_06{width:98px; background:url(../images/button/button_09.gif) no-repeat}		
.nav_06:hover, .navin_06{width:98px; background:url(../images/button/button_o_09.gif) no-repeat}*/
.nav_06{width:98px}
.nav_06:hover, .navin_06{width:98px}
.nav_07{
	margin-left: 226px;/*124px*/
	width:76px;
	background:url(../images/button/button_home.png) no-repeat}		
.nav_07:hover{
	width:76px; 
	background:url(../images/button/button_home_over.png) no-repeat}
#MainNav li ul{
	display: none;
	float: left;
	position: absolute;
	top:29px;			
	left: -35px;
	z-index:1000;	
	margin: 0}
#MainNav li:hover > ul{display: block}			
#MainNav ul li a {
	display:block;
	width:145px;
	height:25px;
	padding: 5px 6px;
	font-size:13px;
	line-height:25px;	
	color: #fff;
	text-align:center;		
	background: /*#E84700*/ url(../images/button/bg_navli.png);
/*	overflow:hidden;*/
	border-bottom:1px dashed #b5b4b4;
	text-decoration:none}
#MainNav ul li a:hover { color:#FFF954; text-decoration:none; background:url(../images/button/bg_navli2.png)/*background:#FECB00; text-decoration:none*/}

#MainNav ul li a>span{ display:block; text-indent:-9999px}
.subnav_01{ background:url(../images/pic_menu-01.png) no-repeat}
.subnav_01:hover{ background:url(../images/pic_menu-h-01.png) no-repeat}
.subnav_02{ background:url(../images/pic_menu-02.png) no-repeat}
.subnav_02:hover{ background:url(../images/pic_menu-h-02.png) no-repeat}
.subnav_03{ background:url(../images/pic_menu-03.png) no-repeat}
.subnav_03:hover{ background:url(../images/pic_menu-h-03.png) no-repeat}
.subnav_04{ background:url(../images/pic_menu-04.png) no-repeat}
.subnav_04:hover{ background:url(../images/pic_menu-h-04.png) no-repeat}
.subnav_05{ background:url(../images/pic_menu-05.png) no-repeat}
.subnav_05:hover{ background:url(../images/pic_menu-h-05.png) no-repeat}
.subnav_06{ background:url(../images/pic_menu-06.png) no-repeat}
.subnav_06:hover{ background:url(../images/pic_menu-h-06.png) no-repeat}
.subnav_07{ background:url(../images/pic_menu-07.png) no-repeat}
.subnav_07:hover{ background:url(../images/pic_menu-h-07.png) no-repeat}
.subnav_08{ background:url(../images/pic_menu-08.png) no-repeat}
.subnav_08:hover{ background:url(../images/pic_menu-h-08.png) no-repeat}
.subnav_09{ background:url(../images/pic_menu-09.png) no-repeat}
.subnav_09:hover{ background:url(../images/pic_menu-h-09.png) no-repeat}
.subnav_10{ background:url(../images/pic_menu-10.png) no-repeat}
.subnav_10:hover{ background:url(../images/pic_menu-h-10.png) no-repeat}

.page_title{ display:block; float:right; width:614px}
.page_title02{ display:block; width:760px}
.page_main{
	clear:both;
	display:block;
	width:587px;
	_width:760px;
	padding: 15px 27px 20px 146px;
	*padding: 0;
	text-align:left}
.page_main h3{ font-size:15px; color:#FF4400}
.page_main p{ font-size:13px; line-height:22px; padding:5px 0}
.pic_right{ margin-left:20px}
.pic_left{ display:block; float:left}
.pic_right-02{ display:block; float:right}



.txt_red{ color:#F03}
.txt_blue{ color:#0066CC; padding-left:20px}
.box_job{ padding:10px 0 0 0}
.box_job ul{}
.box_job li, .box_address li{ padding:5px 0; font-size:14px}	
.box_job .btn_job{
	display:block;
	width:175px;
	font-size:13px;
	color:#FFF;
	text-align:center;
	background:#FF8E2B;
	margin:15px 0 0 160px;
	padding:5px 15px;
	text-decoration:none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;}
.btn_job:visited{font-size:13px; color:#FFF; background:#FF8E2B; text-decoration:none}
.btn_job:hover{ font-size:13px; color:#FFF; background:#0066CC; text-decoration:none}

.box_product, .product_list{
	display:block;
	width:760px;
	margin-bottom:50px;
}
.product_list ul{
	width:684px;
	padding:15px 38px 0 38px;
}
.product_list ul{
	*width:684px;
	*padding:0}
.product_list ul a{ *text-decoration:none}		
.product_list li{
	display:inline-block;
	position:relative;
	width:660px;
	/* height:186px; */
	margin:0 10px 50px 0;
	/* border: 1px solid #111111; */
}
/* .product_list li{ 
	*list-style:none; 
	*float:left; 
	*margin-top:20px}	 */
.work-item{
	display: block;
	width: 100%;

}
.work-item h3{
	font-size: 20px;
	text-align: left;
}
.work-item h4{
	font-size: 18px;
	text-align: left;
	margin-bottom: 8px;
}
.work-item h4 span{
	display: inline-block;
	font-size: 18px;
	text-align: left;
	background-color: aquamarine;
	padding: 4px 10px;
	margin-right: 10px;
	border-radius:30px
}
.work-item ul{
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
}
.work-item li{
	margin: 10px 0 0 10px;
	padding-bottom: 8px;
	font-size: 16px;
	line-height: 20px;
	border-bottom: 1px dashed #b8b8b8;
	list-style:disc outside;
}
.work-item img{
	border-radius:20px
}


.pitem-01, .pitem-02, .pitem-03, .pitem-04{ display:block;width:660px; height:186px}	
.pitem-01{ background:url(../images/bg_nav-01.jpg) no-repeat}
.pitem-02{ background:url(../images/bg_nav-02.jpg) no-repeat}	
.pitem-03{ background:url(../images/bg_nav-03.jpg) no-repeat}	
.pitem-04{ background:url(../images/bg_nav-05.jpg) no-repeat}
.bar_name{
	display:block;
	position:absolute;
	top:158px;
	left:0px;
	width:660px;
	height:28px;
	background:url(../images/bg_barname.png) repeat-x}
.bar_name .ptitle_01, .bar_name .ptitle_02{ display:block; position:absolute}	
.bar_name .ptitle_01{ font-size:15px; font-weight:bold; color:#fa7800; top:3px; left:18px;}
.bar_name .ptitle_02{ font-size:13px; color:#FFF; top:5px; right:10px}
.product_list li:hover .ptitle_01, .product_list li:hover .ptitle_02{color:#09F;}	
		
.product_nav, .product_content{ display:block; float: left}	
.product_nav{ width:190px}
.product_nav ul{ display:block; width:165px; margin:0; padding:25px 0 0 15px}
.product_nav li{
	list-style:none;
	text-align:left;
	font-size:15px;
	line-height:22px}
.product_nav li a{
	display:block;
	margin-bottom:15px;
	padding:5px;
	text-decoration:none;
	text-align:center;
	color:#FFF;
    text-shadow: 0 0 3px #666666;
	background: -webkit-gradient(linear, left top, right top, from(#ffdc7b), to(#ff5715));
	background: -webkit-linear-gradient(top, #ffdc7b, #ff5715);
	background: -moz-linear-gradient(top, #ffdc7b, #ff5715);
	background: -o-linear-gradient(top, #ffdc7b, #ff5715);
	background: -ms-linear-gradient(top, #ffdc7b, #ff5715);
	background: linear-gradient(top, #ffdc7b, #ff5715);
	background-color: #FF9200;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;}
.product_nav li a:hover{
	background: -webkit-gradient(linear, left top, right top, from(#FF8700), to(#FF1700));
	background: -webkit-linear-gradient(top, #FF8700, #FF1700);
	background: -moz-linear-gradient(top, #FF8700, #FF1700);
	background: -o-linear-gradient(top, #FF8700, #FF1700);
	background: -ms-linear-gradient(top, #FF8700, #FF1700);
	background: linear-gradient(top, #FF8700, #FF1700);
	background-color: #FF1700;}
.product_nav li .subnavin a{
	background: -webkit-gradient(linear, left top, right top, from(#FF8700), to(#FF1700));
	background: -webkit-linear-gradient(top, #FF8700, #FF1700);
	background: -moz-linear-gradient(top, #FF8700, #FF1700);
	background: -o-linear-gradient(top, #FF8700, #FF1700);
	background: -ms-linear-gradient(top, #FF8700, #FF1700);
	background: linear-gradient(top, #FF8700, #FF1700);
	background-color: #FF1700;
	letter-spacing: 1px;
}	
.product_nav li ul, .product_nav li section{ display:block; width:140px; margin:0 20px 0 0; padding:0 0 0 15px}			
.product_nav li li a, .product_nav li section a{
	display:block;
	margin-bottom:10px;
	padding:5px;
	text-decoration:none;
	text-align:left;
	text-shadow: none;
	color:#626261;
    background:none;
	border-bottom:1px dashed #999999;
	border-radius:0}
/*#accordion-02 a:link{
	*display:block;
	*margin-bottom:10px;
	*padding:5px;
	*text-decoration:none;
	*text-align:left;
	*text-shadow: none;
	*color:#626261;
    *background:none;
	*border-bottom:1px dashed #999999;
	*border-radius:0}*/	
.product_nav li li a:hover, .product_nav li section a:hover{
	text-decoration:none;
	text-align:left;
	text-shadow: none;
	color:#FF1700;
	text-decoration: underline;
    background:none;
	border-radius:none;}

.product_content{ width:570px; margin:0; padding:0}	
.box_product img{ border:none; margin-top:20px}	

.product_content ul{ display:block; width:555px; margin:0; padding:25px 0 0 15px}
.product_content li{ list-style:none; line-height:20px; margin-bottom:30px}
.product_content .pic_product{
	display:block;
	float:right;
	width:116px;
	margin-right:25px}
.product_content .info_product{
	display:block;
	float:left;
	width:390px;
	padding-right:20px;
	_padding-bottom:30px}
.product_content .info_product h4{
	display:block;
	margin:0; 
	padding-bottom:5px;
	border-bottom:1px solid #999}	
.product_content h4 a{font-size:16px;text-decoration:none}
.product_content h4 a:hover{font-size:16px;text-decoration:none}
.product_content .info_product p a{text-decoration:none}
.pic_logo{ display: inline; margin-right:5px; vertical-align:bottom; _vertical-align:text-bottom}

.main_product{
	display:block;
	float:left;
	width:520px/*666px*/;
	padding:15px 25px 0;
	/*margin-bottom:100px;*/
	text-align:left}
.main_product h3{ font-size:16px; color:#FF3300;}
.main_product h5{ font-size:13px; margin:0 0 10px 15px}
.main_product p{
	font-size:13px;
	line-height:20px;
	padding-bottom:5px}
.main_product ul{ margin:0; padding:0 0 10px 20px}
.main_product li{ list-style: none; padding:8px; line-height:20px}
	
.sub_product{ display:block; margin-bottom:100px}
.sub_product-02{ display:block; width:620px; margin-bottom:100px}
.sub_product h4{
	font-size:16px;
	color:#FF3300;
	border-bottom:1px solid #999;
	margin:0;
	padding-bottom:10px}
.box_file{ padding:0 15px 20px 15px} 	
.box_file a{ text-decoration:none}
.box_file li{
	list-style:none; 
	line-height:25px; 
	padding:5px 0; 
	border-bottom:1px dashed #CCCCCC}
.box_btn{}
.box_btn li{
	list-style:none;
	float:right;
	padding-right:15px;
	line-height:22px;}
.box_btn a{ text-decoration:none}	
.box_file .icon_link, .box_file .icon_pdf, .box_btn span, .box_file .icon_mp{
	display: inline-block;
	width:21px;
	height:21px;
	margin-right:8px;
	vertical-align:middle}
.btn_back span{ background:url(../images/btn_icon.png) no-repeat}
.btn_back:hover span{ background:url(../images/btn_icon.png) 0 -21px no-repeat}
.btn_top span{ background:url(../images/btn_icon.png) 0 -42px no-repeat}	
.btn_top:hover span{ background:url(../images/btn_icon.png) 0 -63px no-repeat}
.box_file .icon_link { background:url(../images/btn_icon.png) 0 -84px no-repeat}
.box_file .icon_pdf { background:url(../images/btn_icon.png) 0 -106px no-repeat}
.box_file .icon_mp { background:url(../images/btn_icon.png) 0 -189px no-repeat}
.box_file .txt_left-01{ margin-left:30px}
.box_file .txt_left-02{ margin-left:45px}
.p_img{ float:left; padding:5px; background:#FFF; border:1px solid #CCC; margin:5px 10px 5px 0}	

.box_left{ display:block; float:left; width:45%}
.box_right{display:block; float:right; width:45%}
.search_nav{ padding-right:45px; _padding-right:0}

.item_stock{
	display:block;
	width:585px;
	margin:0 auto 20px auto;
	border-bottom:1px solid #535353}
.item_stock h3{
	font-size:16px; color:#ff4400; line-height:30px; letter-spacing:1px; padding-top:0; margin-top:0}
.item_stock h4{ margin:0; padding:0 0 5px 0; letter-spacing:1px}
.item_stock p{ margin:0; padding:0; line-height:22px}		
.item_stock .icon_globe, .item_stock .icon_money, .item_stock .icon_manager{
	display:inline-block;
	width:21px;
	height:21px;
	margin-right:10px;
	background:url(../images/btn_icon.png) no-repeat;
	vertical-align: middle}
.item_stock .icon_globe{ background-position: 0 -127px}
.item_stock .icon_money{ background-position: 0 -148px}
.item_stock .icon_manager{ background-position: 0 -169px}
.item_stock ul{ margin:0 0 0 30px; padding:0 0 0 5px}
.item_stock li{ display:block; float:left; width:180px; list-style: disc; padding:0 0 30px 0}
.sub_stock{padding:5px 0 20px 35px;}
.sub_stock h4{}
.sub_stock p{ line-height:30px;}
.sub_stock img{ border:none}
.stock_left, .stock_right{
	display:block;
	padding-bottom:25px}
.stock_left{
	float:left;
	width:230px;
	padding-left:33px}
.stock_right{ float:right; width:288px}
.stock_info{
	display:block;
	padding:0 0 15px 33px}

#faqlist ol{ padding-bottom:30px}
#faqlist li{ padding-bottom:20px}
#faqlist ul{ padding:10px 0 0 30px}
#faqlist li li{ font-size:0.813em; list-style: decimal; padding-bottom:15px}
#faqlist h5{
   display:block;
   background:#28B6D9;
   font-size:0.938em; 
   color:#FFF;
   padding:3px 0;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   	border-top:2px solid #79E4FE}
#faqlist h5:hover{ cursor:pointer}	
#faqlist span{
	width:30px;
	background:#2DCBF2;
	padding:4px 15px !important;
	padding:5px 15px;
	margin-right:10px;
	-webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px}
#faqlist p{
   display:none; 
   font-size:0.813em; 
   line-height:25px; 
   padding:10px 20px;}
   
/*新聞摺疊區塊*/ 
#accordion { list-style: none; padding: 0; width: 587px}
#accordion div {
	display: block;
	margin: 1px;
	cursor: pointer;
	padding: 5px 5px 0 7px;
	*margin:20px 70px 0 -70px;
	*padding-bottom:30px;
	border-bottom:1px solid #b2ac75}
.bar_title .time, .bar_title .news_title{ display:block; float:left}	
.bar_title .time{
	width:66px;
	margin-right:10px;
	*margin-left:-60px;
	padding:0 10px;
	background:#fb9e19;
	font-size:13px;
	color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;}
.bar_title .news_title{
	width:475px;
	line-height:22px;
	*line-height:22px;}	
#accordion .news_main{ display: none}
#accordion a {text-decoration: underline}
#accordion a:hover {text-decoration: none}

.news_main{ display:block; width:557px; padding:15px 15px 20px}
#accordion .news_main{ *padding:20px 0 0 0; *margin-left:-60px}
.news_main p{ font-size:13px; line-height:18px; margin:0 0 15px 0; padding:0}
/*#accordion .news_main p{ *display:block; *margin:0 50px 0 0; *padding:0 50px 5px 0}*/
.news_main img{ margin-bottom:15px}
.news_main .news_pic{ display:block; float:left; margin:0 15px 40px 0}

/*首頁*/
#main-image{ display:block; position:relative}
#main-image:hover{cursor:pointer}
#btn_toec{ 
     display:block; 
	 position: absolute; 
	 top:20px; 
	 left:0;
	 z-index:999;
	 width:225px;
	 height:28px;
	 background:url(../images/btn_index-01.png) no-repeat}
#btn_toec:hover{background:url(../images/btn_index-01.png) 0 -28px no-repeat}

.showpic-01{
	display:block;
	position:relative;
	width:212px;
	height:270px;
	background:url(../images/bg_showpic-01.png) no-repeat;
	padding-top:1px}
.btn_toec-02{
	display:block;
	position:absolute;
	top:225px;
	left:10px;
	z-index:999;
	width:212px;
	height:28px;
	background:url(../images/btn_index-01.png) 0 -56px no-repeat}
.btn_toec-02:hover{background:url(../images/btn_index-01.png) 0 -84px no-repeat}	
.showpic-02{
	display:block;
	width:740px;
	height:221px;
	background:url(../images/bg_showpic-02.png) no-repeat;
	margin-bottom:20px}
.site_left, .site_right{
	display:block;
	height:580px;}	
.site_left{ width:19px;	background:url(../images/ost_12.gif) 1px 0 no-repeat}
.site_right{ width:18px; background:url(../images/ost_17.gif) -1px 0 no-repeat}

#portfolio{
	display:block;
	width:194px;
	height:238px;
	margin:0;
	*margin-left:-193px;
	padding:16px 9px 0}	
#portfolio-02, #portfolio-03{ display:block; float:left; margin:0 0 -25px 0; padding:0;}
#portfolio-02{ width:274px;	height:172px; padding:16px 0 0 48px; margin-right:75px;  *margin:0 75px -25px -136px;}
#portfolio-03{ width:322px;	height:172px; padding:16px 0 0 0;  *margin:0 0 -25px -25px;}	
#portfolio li, #portfolio-02 li, #portfolio-03 li{ list-style:none}
#portfolio img, #portfolio-02 img, #portfolio-03 img{ border:none}

.box_silder-02{ display:block; position:relative}
.btn_toec-03, .btn_toec-04{ display:block; position: absolute; width:320px; height:28px; z-index:999}
.btn_toec-03{ top:175px; left:49px; background:url(../images/btn_index-01.png) 0 -112px no-repeat}
.btn_toec-03:hover{ background:url(../images/btn_index-01.png) 0 -140px no-repeat}
.btn_toec-04{ top:175px; left:398px; background:url(../images/btn_index-01.png) 0 -168px no-repeat}
.btn_toec-04:hover{ background:url(../images/btn_index-01.png) 0 -196px no-repeat}

.my_table{ border-collapse: collapse; border-spacing: 0; border:2px solid #9F9863}
.my_table th{ 
    padding:8px; 
	text-align:center;
	text-shadow: 1px 1px 0 #FFF9CA;
	background:#FEEF83; 
	color:#BA4A00; 
	border:1px solid #999}
.my_table td{ 
    padding:8px; 
	border:1px solid #999; 
	font-family: "微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px}

/*2016-01-06 新增*/
.main_content{
	display:block;
	float:right;
	width:520px/*666px*/;
	padding:15px 25px 0;
	/*margin-bottom:100px;*/
	text-align:left;
	font-size:13px}
.main_content h3{ font-size:17px; color:#FF3300; margin:10px 0 0 0; padding:0 0 15px 0; line-height:20px;}
.main_content h5{ 
	font-size:15px;
	line-height: 25px;
	margin:0 0 10px 0;}
.main_content h6{ 
    font-size:14px; 
	margin:8px 0;
	padding-top:10px;
	letter-spacing:1px}
.main_content p{
	font-size:13px;
	line-height:25px;
	padding:0 0 5px 0}
.main_content ul{ margin:0; padding:0 0 10px 20px}
.main_content ul li{ 
	list-style: none; 
	padding:8px; 
	line-height:20px}
.main_content ol{ margin:0; padding:0 0 10px 60px}
.main_content ol li{ 
    list-style: decimal; 
		padding:8px; 
		line-height:20px; 
		border-bottom:1px dashed #666666;
		margin-right:40px}
.main_content .list_stockbook{
	padding-left: 22px
}
.main_content .list_stockbook li{
	list-style: square;
	padding-left: 0px;
	margin-left: 10px;
}
.main_content .list_stockbook li.nodot{
	list-style: none;
	padding: 20px 0 0 0;
	margin: 0 0 0 -15px;
}

.item_icon .icon_globe, 
.item_icon .icon_money, 
.item_icon .icon_manager, 
.item_icon .icon_arrow, 
.item_icon .icon_stock,
.item_icon .icon_book,
.item_icon .icon_city,
.item_icon .icon_customer,
.item_icon .icon_bank,
.item_icon .icon_ostor{
	display:block;
	float:left;
	width:21px;
	height:21px;
	margin-right:10px;
	background:url(../images/btn_icon.png) no-repeat}
.item_icon .icon_globe{ background-position: 0 -127px}
.item_icon .icon_money{ background-position: 0 -148px}
.item_icon .icon_manager{ background-position: 0 -169px}
.item_icon .icon_arrow{ background-position: 0 -210px}
.item_icon  a.icon_arrow{ display:block; float:right; padding:3px 0 0 25px; margin-right:40px}
.item_icon .icon_stock{ background-position: 0 -231px}
.item_icon .icon_book{ background-position: 0 -252px}
.item_icon .icon_city{ background-position: 0 -273px}
.item_icon .icon_customer{ background-position: 0 -294px}
.item_icon .icon_bank{ background-position: 0 -316px}
.item_icon .icon_ostor{ background-position: 0 -337px}

.tdcenter{ text-align:center}
.my_list{}
.my_list li{
	 padding:8px 0;
	 margin-right:40px;
	 border-bottom:1px dashed #666666}
.text_corporate{
	display:block;
	width:460px;
	padding-left:30px}
	
#list_audit{
	display:block;
	margin:0 0 0 60px;
	padding:0}
#list_audit p{ padding:0; margin:0}
#list_audit h6{ padding:0; margin:0; color:#FF8E2B}	
#list_audit li ul{ margin:0; padding:0}
#list_audit li li{list-style:none; width:400px}
#list_audit li li p{ padding-left:22px}	
#list_audit li li ul{ display:block; width:400px; margin:0; padding:10px 0 0 0}
#list_audit li li li{ display:block; width:378px; padding:0 0 10px 22px; border-bottom:none}
#list_audit li li li span{ padding-left:33px}

.box_stakerholder h3{ margin:0; padding:0}
.box_stakerholder p{ border-bottom:1px dashed #666666; padding:0 0 15px 35px; margin:10px 30px 20px 0}

.history_list td{
	padding:8px;
	font-size:13px;
	line-height:22px;
	font-family: "微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU", Arial, Helvetica, sans-serif}
.history_list td ul{ margin:0; padding:0 0 0 20px}
.history_list td li{
	list-style:circle;
	font-size:13px;
	line-height:22px;
	padding:0}
.odd_bg{ background:#FCF8D2}

#box_gem{
	display:block;
	background:url(../images/bg_gem.png) no-repeat;
	width:192px;
	height:247px;
	margin:10px auto 0 auto}
#box_gem ul{
	display:block;
	padding:137px 0 0 75px}
#box_gem li a{
	display:block;
	width:110px;
	height:17px;
	background: url(../images/btn_gem.png) no-repeat;
	text-indent:-9999px;
	margin-bottom:13px}
#box_gem li a.gnav_01{ background-position:0 0}
#box_gem li a.gnav_01:hover{ background-position:0 -17px}	
#box_gem li a.gnav_02{ background-position:0 -34px}	
#box_gem li a.gnav_02:hover{ background-position:0 -51px}	
#box_gem li a.gnav_03{ background-position:0 -68px}	
#box_gem li a.gnav_03:hover{ background-position:0 -85px}	
#box_gem li a.gnav_04{ background-position:0 -102px}	
#box_gem li a.gnav_04:hover{ background-position:0 -119px}
.list_report td{ font-size:13px}

/*20160125 新增*/
.abgne_tab {
  clear: left;
  width: 520px;
  margin: -10px 0 0 0;
  padding:0}
#mytabs{ display:block; margin-left:0; padding:0}  
.tabs { 
  display:block; 
  width: 480px; 
  margin:0; 
  padding:0 40px 0 0}
.tabs li {float: left; width:90px; height:32px; overflow:hidden; margin:0;}
.main_content #mytabs li{ margin:15px 10px 10px 0; padding:0}
.tabs li a {
  display: block;
  width:50px;
  margin:0;
  padding: 5px 20px;
  color: #444444;
  border: 1px solid #fff;
  text-decoration: none;
  text-align:center;
  letter-spacing:1px;
  text-shadow:1px 1px 0 #FBF7D4;
  background:#E9DB77;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px}
.tabs li a:hover { background: #FF5D1A; color:#fff; text-shadow:none}
.tabs li.active  a{ 
  display: block;
  width:50px;
  padding: 5px 20px;
  color: #ffffff;
  border: 1px solid #fff;
  text-decoration: none;
  text-align:center;
  letter-spacing:1px;
  text-shadow:none;
  background:#FF5D1A;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px}
.tabs li.active a:hover { background: #FF5D1A; color:#fff; text-shadow:none}
.tab_container {
  clear: left;
  width: 100%;
  border-top: none;
  margin-top:5px}
.tab_container .tab_content{padding: 0}

/*2023-10-06 新增*/
#mainIndex,
#box_worklist{
	display: block;
	width: 100%;
}
.box_indexinfo,
.box_indeximg{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 30px;
}
.box_indexinfo{
	width: 49%;
}
.box_indeximg{
	width: 50%;
	margin-top: 20px;
}

#mainIndex h2{
	font-size: 30px;
	line-height: 48px;
	text-align:left;
}
#mainIndex h2 span{
	background-color: #ec7137;
	color: #fff;
	padding: 5px 18px;
	text-shadow: 0 0 4px #fbd3d3;
	border-radius: 30px;
}
#mainIndex img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 10px;
}
#mainIndex p{
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	text-shadow: 0 1px 10px #d5d5d5;
}
.item_work{
	display: inline-block;
	width: 46%;
	border: 5px solid #fff;
	border-radius: 20px;
	margin-bottom: 30px;
}
.item_work img{
	display: block;
	width: 100%;
	height: auto;
}
.item_work:nth-child(1){
	margin-right: 2%;
}
.item_work:nth-child(2){
	margin-left: 2%;
}

/*2023-12-14 新增*/
#box_slide{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 32px;
}
.item_slide{
	display: block;
	width: 250px;
	height: 170px;
	overflow: hidden;
	padding: 0;
}
.item_slide h6{
	text-align: center;
	padding: 0;
}
.item_slide img{
	display: block;
	width: 100%;
	height: 100%;
	transition: transform 0.5s;
}
.item_slide img:hover{
	transform: scale(1.05);
}