/*===============勝美 shengmei 官網 首建日：2011/01/27===============
  標準灰字：#626262
  logo藍字：#025784
  藍綠字：#025784
  Final date 2014/04/11 by Roni
====================================================================*/

body{margin:0;padding:0;background:#d5d2c5;font:normal 13px/1.5 Arial, Helvetica, sans-serif;color:#626262;}
ul,li.ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;}
h1{font-size:2em;padding-bottom:5px;line-height:100%;}
h2{font-size:1.2em;letter-spacing:1px;}
h3{font-size:1.13em;margin:0;}
h4{font-size:15px;}
h5{font-size:12px;}
small{font-size:11px;}
input,textarea{font: normal 13px Verdana, Geneva, sans-serif;}
input.input{border:1px solid #bdbdbd;padding:5px 3px;}
input,textarea{background: url("images/input_bg.html") repeat-x #fff;border:1px solid #555;font-family:Arial, Helvetica, sans-serif;padding:5px;color:#666;}
p{margin:0;padding-bottom:13px;}
a{color:#4d7f93;text-decoration:underline;outline:none;hlbr:expression(this.onFocus=this.blur());}
a:hover{color:#666;text-decoration:underline;}
a:focus {outline:none;}
img{border:none;}
blockquote{margin-left:3em;margin-right:3em;}
.f_l{float:left;}
.f_r{float:right;}
.t_c{text-align:center;}
.t_r{text-align:right;}
.fl_l{float:left;padding:0 6px 5px 0;}
.fl_r{float:right;padding:0 0 5px 6px;}
.clear{clear:both;font-size:0;line-height:0;}
small{font-size:11px;}
.blue{color:#025784;}
.orange{color:#e3550f;}
.box_50{width:49%;padding-bottom:12px;}


/*--------------------------共用box區------------------------------*/
.wrapper{width:100%;margin:0;//min-width:994px;
}* html .wrapper{
///width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 994? '994px' : 'auto');

}
.container{max-width:994px;width:100%;margin:0 auto;position:relative;}
.header{background:url("images/head_bg.jpg") repeat-x;}
.head_box{background:url("images/head_bg1.jpg") repeat-y;//height:93px;
overflow:hidden;}
.body_box{background:url("images/container_bg.jpg") repeat-x;padding-top:5px;}
.covernews_box{background:url("images/covernews_bg.jpg") repeat-x;}
.body_center{background:url("images/body_bg.gif") repeat-y;}
.boxes{padding:13px 20px 0;}
.page_box {padding:0 20px;margin-top:-24px;}
.l_col{width:30.2%;}
.r_col{width:68%;}
.page_top{max-width:994px;width:100%;margin:0 auto;background:url("images/page_top.jpg") no-repeat;padding-top:48px;}

/*-----根目錄---*/
ul.menu{height:66px;display:block;padding:17px 20px 0 0px;}
ul.menu li{float:left;display:inline;}
ul.menu li a{background:url("images/menu.gif") no-repeat;display:block;height:66px;}
ul.menu li.func1 a{background-position:0 0;width:62px;}
ul.menu li.func1 a:hover,ul.menu li.func1 a.active{background-position:0 -66px;}
ul.menu li.func2 a{background-position:-62px 0;width:100px;}
ul.menu li.func2 a:hover,ul.menu li.func2 a.active{background-position:-62px -66px;}
ul.menu li.func3 a{background-position:-161px 0;width:101px;}
ul.menu li.func3 a:hover,ul.menu li.func3 a.active{background-position:-161px -66px;}
ul.menu li.func4 a{background-position:-261px 0;width:100px;}
ul.menu li.func4 a:hover,ul.menu li.func4 a.active{background-position:-261px -66px;}
ul.menu li.func5 a{background-position:-360px 0;width:99px;}
ul.menu li.func5 a:hover,ul.menu li.func5 a.active{background-position:-360px -66px;}
ul.menu li.func6 a{background-position:-459px 0;width:100px;}
ul.menu li.func6 a:hover,ul.menu li.func6 a.active{background-position:-459px -66px;}
ul.menu li.func7 a{background-position:-558px 0;width:90px;}
ul.menu li.func7 a:hover,ul.menu li.func7 a.active{background-position:-558px -66px;}


/*------------------------------跑馬-------------------------------*/
#featured_slide {height:226px;left:7px;max-width: 733px;width:100%;position:relative;overflow:hidden;margin-bottom:5px;}
.featured_box{position:relative;display:block;max-width:733px;width:100%;height:226px;}
.featured_box img{max-width:733px;width:100%;height:226px;}

/*-----圖片size---*/
.featured_box .floater{position:absolute;top:210px;width:733px;margin:0 0 0 30px;padding:3px 5px;}

/*-----內文區---*/
a.banner_more{position:absolute;top:80px;left:34px;margin:0 0 25px 0;background:url("images/banner_more.png") no-repeat;width:141px;height:83px;display:block;}* html a.banner_more{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/banner_more.png",sizingMethod="image");cursor:pointer;}

/*-----換圖鈕區---*/
#fsn{position: absolute;/*right:263px;*/left: 20px;top:7px;z-index:10;}* html #fsn{right:260px;}
#fsn ul {}
#fsn ul li,#fsn ul li a{display:block;float:left;width:22px;height:22px;margin:0 2px 0 0;padding:0;overflow:hidden;}
#fsn ul li a{text-indent:-9999px;text-decoration:none;background:url("images/marquee_ball.png") no-repeat -46px 0;}* html #fsn ul li a{background:url("images/marquee_ball.gif") no-repeat -46px 0;}/*--跳號一般--*/
#fsn ul li a:hover{background-position:2px 0;}
#fsn .activeSlide{background-position:-22px 0;}/*--跳號looking--*/

/*---------------------------首頁區-------------------------------*/
a.logo{padding:17px 0 0 20px;}
.index_step{padding-top:9px;max-height:166px;overflow:hidden;}
.index_headnews{padding-right:7px;}

/*--------------------------機械搬運------------------------------*/
ul.gallery{padding:12px 0 10px 1px;overflow:auto;zoom:1;}
ul.gallery li{display:inline;float:left;margin:0 2px 3px;}
ul.gallery li img{width:234px;}


/*-----------------------------左欄-------------------------------*/
ul.sidebar{padding:0;}
ul.sidebar li,.sidebar_box{padding-bottom:12px;}
.sidebar_box{width:293px;overflow:auto;color:#fff; font-size:12px;}
.sidebar_top{background: url("images/sidebar_boxt.gif") no-repeat;height:15px;overflow:hidden;}
.sidebar_topnone{overflow:hidden;height:auto; line-height:0;}
.sidebar_cen{background: url("images/sidebar_boxc.gif") repeat-y;padding:0 12px;}
.sidebar_cen h4{background:url("images/sidebar_title.gif") no-repeat;color:#ce0000;display:block;float:left;height:48px;line-height:3.5em;padding-right:9px;text-align:center;white-space:nowrap;width:120px;}html:root .sidebar_cen h4{line-height:3.25em;margin-top:4px;}
.sidebar_cen p{padding-bottom:1px;}
.sidebar_btm{background: url("images/sidebar_boxb.gif") no-repeat #fff;height:15px;}


/*-----------------------------右欄-------------------------------*/
.content_box{padding:0 0 12px 14px;}
.content_t{max-width:621px;width:100%;height:10px;background:url("images/content_tb.gif") no-repeat;display:block;}
.content_c{max-width:621px;width:100%;background:url("images/content_c.gif") repeat-y;}
.content_b{max-width:621px;width:100%;height:10px;background:url("images/content_tb.gif") no-repeat 0 100%;display:block;}
.content_box h6{padding:0 0 0 1px;line-height:0;font-size:0;}
.content_text{padding:8px 15px 0 18px;overflow:auto;}
a.content_more{width:102px;height:26px;display:block;background:url("images/content_more.gif") no-repeat;margin-bottom:4px;}
a.content_more:hover{background-position:0 -26px;}
.text_bg{background:url("images/text_bg.jpg") repeat-x; padding:6px;}
.box_q,.box_a{min-height:30px;}* html .box_q,* html .box_a{height:30px;}
.box_q{background:url("images/faq_1.gif") no-repeat;padding:3px 0 3px 65px;}
.box_a{background:url("images/faq_2.gif") no-repeat;padding:0 0 6px 65px;}


/*---------------------------footer-------------------------------*/
.footer{color:#124977;padding-bottom:8px;overflow:auto;max-width:980px;width:100%;margin:0 auto;}html:root .footer{padding-bottom:13px;}
.footer p{padding:0;}
.footer p span{padding-right:10px;}








    /* mobile */
#mobi-btn{position:absolute; right:10px; top:25px; z-index:997; display:none; width:39px; height:39px; background:url("images/mobile_b.png"); text-indent:-9999px; cursor:pointer;}



/* header */
#header{ position:relative;}


/* mobile FF7800*/

#mobile{display:none; width:100%; background:#037ABA; position:absolute; top:100%; right:0; box-sizing:border-box; text-align:center; z-index:999;}
#mobile li{border-top:1px solid rgba(512,512,512,.1);}
#mobile li a{color:#FFF; font-size:16px; padding:20px 0; display:block;}

 @media screen and (max-width:768px){
 .box_50  {width: 98%;}  .footer >.f_r { text-align: left;float: left;}
 }
/* RWD */
@media screen and (max-width:1024px){
/* header */ 
#navigation,.menu .f_r,#disimg,#disimg2{display:none;}
 #fsn ul li,.footer >.f_l, .footer >.f_r{padding-left:8px;}
 
 

/* mobile */
#mobi-btn{display:block;} 

.l_col,.r_col{width:100%; float:none;}
}