@charset "utf-8";

/* CSS Document */



section, article, aside, footer, header, nav, h2 { display:block;}



body { padding:0; margin:0 auto; font:11pt 微軟正黑體; background-color:#FFF;}

img { border:0; display:block;}



.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }



/* header */

header { width:950px; height:100px; margin:0 auto;}

header .logo { width:430px; height:90px; position:absolute; margin-left:0px; margin-top:10px;}

header .search { width:190px; position:absolute; margin-left:540px; margin-top:43px;}

header .search input[type=text] { width:150px; padding:4px; color:#05b529; font-size:9pt; border:1px #05b529 solid; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

header .search input[type=submit] { width:24px; height:24px; background:url(../images/icon_search.png) no-repeat #FFF; border:0; cursor:pointer;}

header .icon { width:140px; height:24px; position:absolute; margin-left:830px; margin-top:44px;}

header .icon ul { padding:0; margin:0; list-style:none;}

header .icon ul li { padding:0; margin-left:10px; float:right;}



/* nav */

nav { width:100%; height:60px; background:url(../images/nav_bg.jpg) center no-repeat; background-color:#004986; overflow:hidden;}

nav ul { padding:0; margin:0 auto; list-style:none; display:table;}

nav ul li { padding:0; margin:15px 15px; float:left; font:14pt 微軟正黑體; text-align:center;}

nav ul li a { color:#FFF; text-decoration:none;}

nav ul li a .en { font-size:10pt;}

nav ul li a:hover { color:#FF0; border-bottom:2px #FFFF00 solid;}

nav ul li a.selected { color:#FF0; border-bottom:2px #FFFF00 solid;}

nav ul li .popup { width:700px; padding:10px; text-align:center; position:absolute; margin-top:20px; margin-left:-20px; border:0; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background-color:rgba(0, 0, 0, 0.6); z-index:999;}

nav ul li .popup ul { padding:0; margin:0; list-style:none; display:block;}

nav ul li .popup ul li { padding:0; margin:5px 15px; float:left; font:12pt 微軟正黑體; text-align:center;}

nav ul li .popup ul li a { color:#FFF; text-decoration:none; border:0;}

nav ul li .popup ul li a:hover { color:#0FF;}



/* banner */

#bannerbox { width:100%; height:500px; margin-bottom:45px; position: relative; overflow:hidden;}

#bannerbox ul.list { padding:0; margin:0; list-style:none; position:absolute;}

#bannerbox ul.list li { padding:0; margin:0; float:left;}

#bannerbox ul.list li img { max-width:100%; height:auto; margin-top:-100px;}

#bannerbox ul.playerControl { margin:0; padding:0; list-style:none; position:absolute; bottom:5px; right:5px; height:14px;}

#bannerbox ul.playerControl li { float:left; width:10px; height:10px; cursor:pointer; margin:0px 2px; background:url(images/cir_ctrl.png) no-repeat -10px 0;}

#bannerbox ul.playerControl li.current { background-position:0 0;}



#bannerbox2 { width:100%; height:245px; margin-bottom:45px; position: relative; overflow:hidden;}

#bannerbox2 ul.list { padding:0; margin:0; list-style:none; position:absolute;}

#bannerbox2 ul.list li { padding:0; margin:0; float:left;}

#bannerbox2 ul.list li img { max-width:100%; height:auto; margin-top:-200px;}



/* main */

#mainbox { width:980px; margin-left:auto; margin-right:auto; margin-bottom:60px; overflow:hidden;}



/* main_pro */

#mainbox .probox { width:625px; float:left; overflow:hidden;}

#mainbox .probox .titlebox { width:625px; height:40px; background:url(../images/main_title_bg1.png) bottom left no-repeat;}

#mainbox .probox .titlebox .title { width:180px; font:14pt 微軟正黑體; font-weight:bold; position:absolute; margin-left:15px; margin-top:8px;}
#mainbox .probox .titlebox .title .en { font:10pt Arial; font-weight:bold;}

#mainbox .probox .titlebox .more { width:60px; font:10pt Arial; font-weight:bolder; text-align:right; position:absolute; margin-left:560px; margin-top:17px;}

#mainbox .probox .titlebox .more a { color:#aeaeae; text-decoration:none;}

#mainbox .probox .content { margin-left:15px; margin-top:20px;}

#mainbox .probox .content ul { padding:0; margin:0; list-style:none; display:block;}

#mainbox .probox .content ul li { padding:0; margin-right:22px; text-align:center; float:left;}

#mainbox .probox .content ul li img { box-shadow:3px 3px 8px -2px rgba(20%,20%,40%,0.5); -moz-box-shadow:3px 3px 8px -2px rgba(20%,20%,40%,0.5);; -webkit-box-shadow:3px 3px 8px -2px rgba(20%,20%,40%,0.5); margin-bottom:5px; }

#mainbox .probox .content ul li a { color:#000; font:9pt 微軟正黑體; text-decoration:none;}



/* main_news */

#mainbox .newsbox { width:340px; margin-left:15px; float:left; overflow:hidden;}

#mainbox .newsbox .titlebox { width:340px; height:40px; background:url(../images/main_title_bg1.png) bottom left no-repeat;}

#mainbox .newsbox .titlebox .title { width:180px; font:14pt 微軟正黑體; font-weight:bold; position:absolute; margin-left:15px; margin-top:8px;}
#mainbox .newsbox .titlebox .title .en { font:10pt Arial; font-weight:bold;}

#mainbox .newsbox .titlebox .more { width:60px; font:10pt Arial; font-weight:bolder; text-align:right; position:absolute; margin-left:275px; margin-top:17px;}

#mainbox .newsbox .titlebox .more a { color:#aeaeae; text-decoration:none;}

#mainbox .newsbox .content { margin-left:15px; margin-top:10px;}

#mainbox .newsbox .content ul { padding:0; margin-left:15px; list-style-type:disc;}

#mainbox .newsbox .content ul li { padding:0; margin:0;}

#mainbox .newsbox .content ul li .newslist { padding:8px; border-bottom:1px #999999 dashed;}

#mainbox .newsbox .content ul li .newslist a { color:#000; font:10pt 微軟正黑體; text-decoration:none;}

#mainbox .newsbox .content ul li .newslist a:hover { text-decoration:underline;}



/* leftmenu */

#leftbox { width:215px; padding-bottom:500em; margin-bottom:-500em; background-color:#eeeeee; float:left;}

#leftbox .titlebox { width:185px; height:40px; margin:0 auto; background:url(../images/main_title_bg1.png) bottom left no-repeat;}

#leftbox .titlebox .title { width:170px; font:14pt 微軟正黑體; font-weight:bold; position:absolute; margin-left:15px; margin-top:8px;}
#leftbox .titlebox .title .en { font:10pt Arial;}

#leftbox .leftmenu { width:185px; margin:10px auto; position:relative;}

#leftbox .leftmenu ul { padding:0; margin:0; list-style:none; display:block;}

#leftbox .leftmenu ul li { padding:0; margin:0;}

#leftbox .leftmenu ul li a .menu { color:#FFF; border:1px #999999 solid; border-radius:4px; -moz- border-radius:4px; -webkit- border-radius:4px; background-color:#666; padding:4px; margin:5px 0; cursor:pointer;}

#leftbox .leftmenu ul li a { color:#FFF; text-decoration:none;}

#leftbox .leftmenu ul li a:hover .menu { background-color:#999;}

#leftbox .leftmenu ul li a.select .menu { background-color:#999;}

#leftbox .leftmenu ul li a.now .menu { background-color:#999;}

#leftbox .leftmenu ul li ul { padding:0; margin:0; list-style:none; display:block;}

#leftbox .leftmenu ul li ul li { width:95%; padding:0; margin:0 auto;}

#leftbox .leftmenu ul li ul li a .menupop { color:#666; border:1px #999999 solid; border-radius:4px; -moz- border-radius:4px; -webkit- border-radius:4px; background-color:#FFF; padding:4px; margin:5px 0; cursor:pointer;}

#leftbox .leftmenu ul li ul li a:hover .menupop { background-color:#eee;}

#leftbox .leftmenu .picbg { position:absolute; bottom:0px;}



#leftbox_about { width:215px; padding-bottom:500em; margin-bottom:-500em; background-color:#eeeeee; float:left;}

#leftbox_news { width:215px; padding-bottom:500em; margin-bottom:-500em; background-color:#eeeeee; float:left;}

#leftbox_dw { width:215px; padding-bottom:500em; margin-bottom:-500em; background-color:#eeeeee; float:left;}

#leftbox_contact { width:215px; padding-bottom:500em; margin-bottom:-500em; background-color:#eeeeee; float:left;}

#leftbox_about .titlebox, #leftbox_news .titlebox, #leftbox_dw .titlebox, #leftbox_contact .titlebox { width:185px; height:40px; margin:0 auto; background:url(../images/main_title_bg1.png) #eeeeee bottom left no-repeat;}

#leftbox_about .titlebox .title, #leftbox_news .titlebox .title, #leftbox_dw .titlebox .title, #leftbox_contact .titlebox .title { width:100px; font:14pt 微軟正黑體; font-weight:bold; position:absolute; margin-left:15px; margin-top:8px;}



/* rightmain */

#rightbox { width:765px; margin-right:-1px; /* For IE */ padding-bottom:500em; margin-bottom:-500em; float:right;}

#rightbox .pathbox { width:735px; margin:0 auto; margin-bottom:20px; font:10pt 微軟正黑體;}

#rightbox .pathbox a { color:#000; text-decoration:none;}

#rightbox .pathbox a:hover { color:#000; text-decoration:underline;}

#rightbox .content { width:735px; margin:0 auto;}

#rightbox .content ul { padding:0; margin:0; list-style:none; display:block;}

#rightbox .content ul li { padding:0; margin-right:17px; margin-bottom:25px; text-align:center; float:left;}

#rightbox .content ul li img { box-shadow:3px 3px 8px -2px rgba(20%,20%,40%,0.5); -moz-box-shadow:3px 3px 8px -2px rgba(20%,20%,40%,0.5);; -webkit-box-shadow:3px 3px 8px -2px rgba(20%,20%,40%,0.5); margin-bottom:5px; }

#rightbox .content ul li a { color:#000; font:9pt 微軟正黑體; text-decoration:none;}


#rightbox .content .picbox { width:380px; margin-bottom:30px; float:left;}

#rightbox .content .wrapper { width:380px;}
#rightbox .content .wrapper a { width: 380px; height: 300px; overflow: hidden;}
#rightbox .content .wrapper a img { width: 100%; height: auto;}

#rightbox .content .proinfor { width:340px; height:300px; float:right;}

#rightbox .content .proinfor .title { height:40px; color:#004986; font:16pt 微軟正黑體; font-weight:bold; padding-top:5px; border-bottom:1px #004986 solid;}

#rightbox .content .proinfor .serialnum { height:40px; color:#000; font:13pt 微軟正黑體; padding-top:10px;}



#rightbox .content .picbox .thumbpicbox { height:60px; margin-top:10px;}

#rightbox .content .picbox .thumbpicbox ul { padding:0; margin:0; list-style:none; display:block;}

#rightbox .content .picbox .thumbpicbox ul li { padding:0; margin:0 5px; float:left; cursor:pointer;}

#rightbox .content .picbox .thumbpicbox ul li img { width:70px; height:60px;}



#rightbox .content .detailbox { clear:both; width:735px;}

#rightbox .content .detailbox ul { margin:0; padding:0; list-style:none; z-index:9999;}

#rightbox .content .detailbox ul li { width:123px; height:70px; margin-right:5px; float:left;}

#rightbox .content .detailbox ul li a { display:block; text-align:center; text-decoration:none; padding:6px 0 40px 0; font-size:13pt; color:#FFF; line-height: 1.2em; background:url(../images/tab_bg.png) no-repeat;}

#rightbox .content .detailbox ul li a.selected { display:block; text-align:center; text-decoration:none; padding:6px 0 40px 0; font-size:13pt; color:#FFF; background:url(../images/tab_bg_sel.png) no-repeat;}

#rightbox .content .detailbox #panel { width:695px; padding:20px; margin-top:-30px; border:1px solid #999; border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; background-color:#FFF; display:inline-block;}

#rightbox .content .detailbox #panel div { font-size:11pt; line-height:1.8em; display:none;}



#rightbox .pagenum { clear:both; width:735px; margin-left:auto; margin-right:auto; margin-top:20px; color:#666; font:10pt Arial; text-align:center;}

#rightbox .pagenum a { color:#666; text-decoration:none;}

#rightbox .pagenum a:hover { color:#09F; text-decoration:underline;}

#rightbox .pagenum a.selected { color:#09F;}

#rightbox .pagenum .none { color:#999;}



#rightbox .content2 { width:735px; margin:40px auto; color:#000; line-height:2em;}

#rightbox .content2 .newslist { clear:both; padding:15px 0; border-bottom:1px #666666 dashed;}

#rightbox .content2 .newslist .date { width:100px; line-height:1.6em; float:left;}

#rightbox .content2 .newslist .list { width:635px; line-height:1.6em; float:left;}

#rightbox .content2 .newslist .list a { color:#000; text-decoration:none;}

#rightbox .content2 .newslist .list a:hover { text-decoration:underline;}

#rightbox .content2 .newstitle { padding:20px 0; border-bottom:1px #666666 dashed;}

#rightbox .content2 .newstitle .title { width:655px; color:#666; font:13pt 微軟正黑體; font-weight:bold; line-height:1.4em; float:left;}

#rightbox .content2 .newstitle .date { width:80px; padding-top:10px; color:#999; font:10pt Arial; line-height:1.2em; text-align:right; float:right;}

#rightbox .content2 .newscontent { clear:both; padding:25px 0; line-height:2em;}



#rightbox .content2 .dwlist { clear:both; padding:15px 0; border-bottom:1px #666666 dashed;}

#rightbox .content2 .dwlist .iconfile { width:40px; float:left;}

#rightbox .content2 .dwlist .date { width:90px; line-height:1.6em; float:left;}

#rightbox .content2 .dwlist .list { width:579px; line-height:1.6em; float:left;}

#rightbox .content2 .dwlist .list a { color:#000; text-decoration:none;}

#rightbox .content2 .dwlist .list a:hover { text-decoration:underline;}

#rightbox .content2 .dwlist .icondw { width:16px; padding:5px; float:left;}



#rightbox .content2 table { font:11pt 微軟正黑體;}

#rightbox .content2 table input[type=text], textarea { padding:5px; font:11pt 微軟正黑體; background-color:#e6e6e6; border:0; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

#rightbox .content2 table input[type=radio] { border:0; background-color:#e6e6e6;}

#rightbox .content2 table input[type=submit] { padding:5px 20px; font:11pt 微軟正黑體; background-color:#e6e6e6; border:0; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}



/* footer */

footer { clear:both; width:100%; height:80px; padding-top:20px; text-align:center; font:10pt 微軟正黑體; line-height:1.6em; background-color:#dcdcdc;}

#footer { clear:both; width:100%; padding-top:20px; text-align:center; font:10pt 微軟正黑體; line-height:1.6em; background-color:#dcdcdc;}

footer p, #footer p { font:10pt 微軟正黑體; line-height:1.6em;}