/*===================================================================
禾野hoya廣告有限公司 首建日2012/03/01 Roni
定義橘色：#f60
Design website version：html5+css3 / Final date：Roni 2012/03/07
Test browser：IE7~IE8/Chrome 16.09 / Firefox 10.0.2↓測試ok(禁用IE6)
====================================================================*/

html{-webkit-text-size-adjust:none;}
body{padding:0;margin:0;color:#999;background:url("/images/home/bg_pattern.png") repeat #232323;font:13px/1.5 Arial, Helvetica, sans-serif;overflow-y:scroll;}* html body{overflow-y:auto;}*+html body{overflow-y:visible;}
a.logo,article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {display:block;}
h1,h2,h3,h4,h5,h6,figure,blockquote{margin:0;}
h4,h5,h6{font-weight:normal;}
ul,li,dl,dd{margin:0;list-style:none;}
p,ul.point_ul{margin:0;padding:0 0 .8em;}
a{outline:none;hlbr:expression(this.onFocus=this.blur());color:#f60;text-decoration:none;color:#999;}
a:hover{text-decoration:underline;color:#f60;}
h1{font:bold 30px/1.3 "Gulim","Microsoft JhengHei",sans-serif;padding:0 0 15px;letter-spacing:-.05em;}
h2{font:26px/1.3 "Gulim",Helvetica, sans-serif;padding:0;padding-bottom:7px !ie;}
h2 a{color:#fff;}
h3{font-size:15px;padding:0 0 .5em;}
h4{font-size:13px;}
h5{font-size:12px;}
.h5_pad{padding-top:8px;color:#ea5e76;}
h6{font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;}
img,form,fieldset{border:none;margin:0;padding:0;}
input,input:focus, select:focus, textarea:focus{outline:none;hlbr:expression(this.onFocus=this.blur());}
input, textarea, select {font:normal 13px Arial, Helvetica, sans-serif;color:#000;}
.radio{border:none;background:transparent;vertical-align:middle;}
.red{color:#f00;}
.clear{clear:both;}
.overflow_h{overflow:hidden;}


/*---------------------base共用區----------------------*/
.ie6_bye{}* html .ie6_bye{display:none;}
.wrapper,.pxs_navigation{width:960px;margin:0 auto;}
.img_l {float:left;padding:0 12px 6px 0;}
.img_c{margin:0 auto;display:block;}
.img_r{float:right;padding:0 0 6px 12px;}
.img_v{vertical-align:middle;}
.f_l{float:left;}
.f_c{margin:0 auto;}
.f_r{float:right;}
.t_r{text-align:right;}
.t_c{text-align:center;}
.col_50{width:48%;}
table{border-collapse:collapse;}
table td,table th{vertical-align:top;}
.table_normal{width:100%;margin-bottom:20px;}
ul.page{padding:10px 0 0;}
ul.page li{display:inline-block;float:left;text-align:center;line-height:1.7em;}
ul.page li.looking{width:20px;height:18px;color:#fc0;display:block;}
ul.page li a,a.seeback{color: #666;display: block;width:20px;height:18px;margin:0 1px;text-decoration: none;}
ul.page li a:hover{color:#ce0000;text-decoration:none;background:url("/images/home/base_img.png") no-repeat -113px -76px;}
a.seeback{color:#ce0000;text-align:center;background:url("/images/home/base_img.png") no-repeat -113px -76px;font:15px/1.2 Verdana, Geneva, sans-serif;margin:15px 0 5px;}html:root a.seeback{line-height:1em;}
a.seeback:hover{background-position:-145px -76px;color:#fff;}
ul.point_ul li{padding-left:17px;background:url("/images/home/point_arrow.gif") no-repeat 0 8px;}
ul.point_ul ul,ul.point_ul ol{margin:0;padding:0 0 12px 15px;}
a.logo,.pxs_navigation span.pxs_prev,.pxs_navigation span.pxs_next,a.cover_more{background-image:url("/images/home/base.png");}
.index_3coltext{height:110px;}
a.cover_more{width:92px; height:29px;display:block; background-position:-250px 0; text-align:center;font:12px/2.4em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#111;-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
a.cover_more:hover{background-position:-250px -30px;text-decoration:none;color:#ce0000;}



/*---------------------首頁專用區---------------------*/
.index_box{overflow-x:hidden;}
.index_3pad{padding-bottom:25px;}
.pxs_container{height:480px;position:relative;border-top:7px solid #333;overflow:hidden;}
.pxs_bg{background:url("/images/home/bg.png") repeat;}
.pxs_bg div{position:absolute;top:0;left:0;width:7584px;height:420px;background-repeat:repeat;background-position:top left;background-color:transparent;}
.pxs_bg .pxs_bg1{background-image:url("/images/home/bg1.png");}
.pxs_bg .pxs_bg2{background-image:url("/images/home/bg2.png");}
.pxs_bg .pxs_bg3{background-image:url("/images/home/bg3.png");}
.pxs_slider_wrapper{height:100%;}
.pxs_container ul{padding:0;}
ul.pxs_slider{position:absolute;left:0;top:0;height:420px;}
ul.pxs_slider li{height:420px;float:left;position:relative;border-bottom:7px solid #333;-moz-box-shadow:0 0 7px #000;-webkit-box-shadow:0 0 7px #000;box-shadow:0 0 7px #000;}
ul.pxs_slider li img {border:8px solid #333;display: block;width:927px; height:375px;margin:6px auto 0;-ms-filter:"progid:DXImageTransform.Microsoft.Glow(color=#999999,strength=8)";*filter:progid:DXImageTransform.Microsoft.Glow(color=#999999 ,strength=8); position:relative;left:-8px;}html:root ul.pxs_slider li img{border:8px solid transparent;border-radius:4px;box-shadow: 0 0 10px #fff;margin:14px auto 0;}
ul.pxs_thumbnails {height: 35px;margin: 0 auto;position: relative;top:380px;width: 800px;left:-70px;}
ul.pxs_thumbnails li{position:absolute;display:block;}
ul.pxs_thumbnails li img{border: 5px solid #fff;-moz-box-shadow:1px 1px 7px #555;-webkit-box-shadow:1px 1px 7px #555;box-shadow:1px 1px 7px #555;cursor:pointer;display:block;opacity:.7;}
ul.pxs_thumbnails li.selected img{opacity:1.0;}
/*--左右鈕-*/
.pxs_navigation span{position:absolute;width:49px;height:49px;top:38%;cursor:pointer;}
.pxs_navigation span:hover{opacity:.9;}
.pxs_navigation span.pxs_prev{background-position:-146px 0;left:16px;}
.pxs_navigation span.pxs_next{background-position:-195px 0;right:32px;}
.pxs_loading {background: url("/images/home/ajax-loader.gif") no-repeat 50% 33% #333;border-radius: 15px;color: #fff;font-size: 15px;left: 50%;margin-left: -90px;opacity:.7;padding: 62px 37px 13px 42px;position: absolute;top: 38%;}

.col_tree{width:32%;}
.tree_pad{margin-right:2%;}

/*---------------------header區-----------------------*/
.nav {background: url("/images/home/base_nenu.gif") repeat-x 0 86px #232323;height: 126px;width: 100%;min-width:960px;}
a.logo{background-position:0 0;width:145px;height:60px;margin-top:15px;}
ul.top_catalog{padding:36px 35px 0 0;}
ul.top_catalog li{display:inline;float:left;letter-spacing:.1em;padding-left:15px;}
ul.top_catalog li a.catalog_active{}
ul.top_catalog li a:hover,ul.top_catalog li a.cata_active:hover{color:#fff;text-decoration:none;}
ul.top_catalog li a.cata_active{color:#ff2536;text-decoration:none;}

ul.base_ul{padding:13px 22px 0 0;font-size:15px;}html:root ul.base_ul{padding-top:11px;}
ul.base_ul li{display:inline;float:left;letter-spacing:.08em;}*+html ul.base_ul li{letter-spacing:.10em;}
ul.base_ul li a{color:#fff;padding:8px 12px;display:inline-block; text-decoration:none;white-space:nowrap;-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
ul.base_ul li a.base_active{color:#f00;}
ul.base_ul li a:hover{color:#fc0;text-decoration:none;}html:root ul.base_ul li a:hover{color:transparent;text-shadow:0 0 0 #fc0;}



/*----------------------內容區------------------------*/
aside{width:27%;}
.r_box{width:71%;}
.container_t,.container_b{background-image:url("/images/home/container_tb.png");height:15px; display:block;}
.container_t{background-position:0 0;margin-top:12px;}
.container_c{background:url("/images/home/container_c.png") repeat-y;padding:0 18px;}
.container_b{background-position:0 100%;margin-bottom:12px;}
.classification_gallery{padding:12px 0 0 3px;}
.classification_gallery li{display:inline-block;float:left;}
.classification_gallery img{height:80px; display:block; margin:0 auto;}
.classification_gallery li a{padding-top:6px;display:inline-block; width:149px;height:125px; overflow:hidden;padding:0 0 auto 5px;border-radius:4px;background:url("/images/home/bg3.png") repeat 30% 50%; margin:0 2px 4px;background-size:220%;}html:root .classification_gallery li a{ background-position:50% 50%;-moz-box-shadow:1px 1px 5px #000;-webkit-box-shadow:1px 1px 5px #000;box-shadow:1px 1px 5px #000;-webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; -ms-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out;}
.classification_gallery li a:hover{text-decoration:none;color:#fff;opacity:filter:alpha(opacity="80");-moz-opacity:.8;opacity:.8;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity="80");background-size:130%;}
.classification_gallery li p{text-align:center;padding:5px 0 0;line-height:1.3em;}

/*---------------------colorbox燈箱------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:url("/images/home/png.png") repeat;}
#colorbox{}
#cboxTopLeft,#cboxTopRight,#cboxBottomLeft,#cboxBottomRight{background:url("/images/home/controls.png") no-repeat;width:21px; height:21px;}
#cboxMiddleLeft,#cboxMiddleRight{width:21px; background:url("/images/home/controls.png") repeat-y;}
#cboxTopCenter,#cboxBottomCenter{height:21px; background:url("/images/home/border.png") repeat-x;}
#cboxTopLeft{background-position:-101px 0;}
#cboxTopRight{background-position:-130px 0;}
#cboxBottomLeft{background-position:-101px -29px;}
#cboxBottomRight{background-position:-130px -29px;}
#cboxMiddleLeft,#cboxTopCenter{background-position:0 0;}
#cboxMiddleRight{background-position:100% 0;}
#cboxBottomCenter{background-position:0 -29px;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:33px;}
#cboxTitle{position:absolute;bottom:4px; left:0;width:100%; color:#000; line-height:1.3;}/*--title標籤文字---*/
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#000;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#15b1e4;}

#cboxPrevious,#cboxNext{position:absolute; bottom:0;background:url("/images/home/controls.png") no-repeat;text-indent:-9999px;width:25px; height:25px;}
#cboxPrevious{left:0;background-position:-75px 0;}
#cboxPrevious,#cboxNext,#cboxClose{-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{left:27px;background-position:-50px 0;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url("/images/home/loading_background.png") no-repeat center center;}
#cboxLoadingGraphic{background:url("/images/home/ajax-loader.gif") no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url("/images/home/controls.png") no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*----------------------聯絡我們----------------------*/
.contact_form{margin:0 auto;width:72%;}
.input,.inpu1,.textarea,.inputcontact{border:1px solid #555;padding:3px 4px;vertical-align:middle;color:#999;font:15px Arial, Helvetica, sans-serif;background:url("/images/home/footer_bg.png") repeat-x #2d2d2d;}
.input{width:350px;}
.textarea{width:350px;height:150px;resize:none;}
.address{border:1px solid #ccc;font:13px Arial, Helvetica, sans-serif;padding:3px 4px;margin-left:5px;vertical-align:middle;width:375px;}
.radio_pad{vertical-align:-3px;}
.radio_box{padding-top:3px;}
input.submit,input.submit1{border:none;overflow:hidden;margin-right:5px;cursor:pointer;display:inline-block;background-color:transparent;color:#555;background-image:url("/images/home/base.png");width:92px; height:29px;display:block; text-align:center;font:12px/2.4em "Trebuchet MS", Arial, Helvetica, sans-serif;-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
input.submit{background-position:-250px 0;color:#111;}
input.submit1{background-position:-250px -30px;color:#ce0000;}
.submit_pad{padding-left:8px;}html:root .submit_pad{padding-left:5px;}
.contact_box{overflow:auto;margin-bottom:12px;}
.contact_l{float:left;padding:3px 6px 0;width:18%;text-align:right;}
.contact_r{float:right;width:78%;}
.inputcontact{ margin-left:5px;}

/*----------------------新聞列表----------------------*/
.sidebar_ul{padding:0 0 12px;}
.sidebar_ul figure{background:url("/images/home/ul_line.gif") repeat-x 0 96%;padding:4px 0 9px;clear:both;}html:root .sidebar_ul figure{overflow:hidden;}
.sidebar_ul a{width:96.7%;display:block;background-position:-720px -164px;padding-left:23px;color:#666;cursor:pointer;overflow:hidden;}
.sidebar_ul a:hover{background-position:-720px -104px;text-decoration:none;color:#ea7315;}
.field_l{float:left;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.field_r{float:right;width:17%;text-align:right;display:block;vertical-align:-3px;}html:root .field_l,html:root .field_r{padding-top:3px;vertical-align:0;}


/*---------------------footer區-----------------------*/
footer{background:url("/images/home/footer_bg.png") repeat-x; border-top:1px solid #000; padding:16px 0;}