@charset "utf-8";
@import url("reset.css");

/*body 共用*/
html{scrollbar-3dlight-color:#ccc; scrollbar-highlight-color:#fff; scrollbar-arrow-color:#999; scrollbar-base-color:#ddd;scrollbar-darkshadow-color:#fff; scrollbar-shadow-color:#999; scrollbar-face-color:#ddd; scrollbar-track-color:#eee; }
body{ background-color:#ededed;}
body,p,form {margin: 0px;padding: 0px;}
body,td {font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: 27px;color: #000;}
a {color: #616161;text-decoration: none;}
a:hover{color: #1055b2;}
ul{list-style-type: none;margin: 0px;padding: 0px;}
li{list-style-type: none;margin: 0px;padding: 0px;}
br.clear{ clear:both; font-size:1px; line-height:1px; height:1px;}

/*清除浮動*/
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}

/*png 圖片透明(共用)*/
.img {behavior: url("iepngfix.htc"); }

/*元件(共用)*/
.input1{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.textarea{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.select{color: #000;background-color: #FFF;border: 1px solid #ccc;}

/*線(共用)*/
.line1{border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #cfcdcd;}

/*文字(共用)style*/
.white {color: #fff;}
.blue {color: #0066CC;}
.red {color: #CC0000;}
.green {color: #6daf1a;}
.orange {color: #FF6600;}
.yellow {color: #FFFF00;}

/*wrapper 主要框架(共用)*/
div#wrapper_index_x{ background:url(../images/bg/index_bg_x.png) repeat-x left top;}
div#wrapper_index{ background:url(../images/bg/index_con_bg.jpg) no-repeat center top; height:271px; width:1000px;margin: auto; padding-top:32px;}
div#wrapper{width:1000px;margin: auto;}
div#wrapper_p1{ background:url(../images/header/p1.jpg) no-repeat center top;}
div#wrapper_p2{ background:url(../images/header/p2.jpg) no-repeat center top;}
div#wrapper_p3{ background:url(../images/header/p3.jpg) no-repeat center top;}
div#wrapper_p4{ background:url(../images/header/p4.jpg) no-repeat center top;}
div#wrapper_p5{ background:url(../images/header/p5.jpg) no-repeat center top;}
div.container{overflow: hidden; padding-top:14px; }

/*首頁banner浮動設定*/
#flash {position: relative;margin: auto;overflow: hidden;width: 100%;height: 521px;}
#flash_bg {width: 100%;z-index: 0;position: absolute;margin: 0px;}
.index_cont {margin: auto;z-index: 99;position: absolute;width: 100%;}
div.container_a {overflow: hidden; margin: auto;width: 1000px;}
/*首頁banner*/
.fullSlide {width:100%;position:relative;height:521px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:521px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:521px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}

/*首頁*/
#index_01,#index_02{ padding:46px 0 0 44px; width:296px; float:left;}
#index_01{ background:url(../images/index/title01.png) no-repeat left top; margin-right:315px;}
#index_02{ background:url(../images/index/title02.png) no-repeat left top;}
#to_top{ text-align:right; padding:0 35px;}
.title{ overflow:hidden;}
.title span{ color:#fff; background-color:#1977d3; padding:0 20px; margin:0 20px; float:right;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}

/*頁首 選單(共用)*/
div.menu{ overflow:hidden;}

/*頁首 flash(共用)*/
div.header{}

/*左側選單(共用)*/
div.sidebar{float: left;width: 242px;}
div.sidebar_bg_y{ background:url(../images/left/bg_y.jpg) repeat-y left top;}
.sidebar_title{ font-size:15px; background-color:#1055b2; padding:9px 35px 9px 25px; margin:0 9px 0 6px;}
.sidebar_title a{ color:#FFF;}
.l_menu{ display: block; font-size:15px; background:url(../images/left/icon.png) no-repeat right top; padding:9px 35px 9px 25px; margin:0 9px 0 6px; border-bottom:#c6c6c6 1px solid;}
.left_box{ margin:10px 0;}
.l_menu_s{ display: block; font-size:15px; background:url(../images/left/icon.png) #e6e6e6 no-repeat right top; padding:9px 35px 9px 25px; margin:0 9px 0 6px; border-bottom:#c6c6c6 1px solid;}
.left_list{ background:url(../images/left/item_bg.jpg) no-repeat left top; line-height:20px; padding:5px 40px 5px 58px; margin:0 9px 0 6px;}

/*路徑(目前所在位置)(共用)*/
div.nav{ background:url(../images/bg/nav_bg.jpg) no-repeat center top; height:45px; padding:15px 0 0 63px;}

/*page 主要內容(共用)*/
div.main{overflow: hidden;float: right;width: 758px;}
div.page{ background:url(../images/bg/page_bg_y.jpg) repeat-y left top;}

/*footer 頁尾(共用)*/
.footer_bg{ background-color:#797979; color:#999;}
.footer{ font-size:14px; color:#fff; width:1000px; margin:auto; padding:18px 0;}
.footer a{ color:#FFF; font-weight:bold;}.footer a:hover{}

/*form 表單(共用)*/
div.page_form{overflow: hidden; border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #666;}
div.name{float: left;width: 100px;text-align: right;padding: 5px;}
div.text{overflow: hidden; padding: 5px;}

/*內頁共用*/
.box{ border-bottom:#c7c7c7 1px dotted; padding-bottom:25px; margin:0 35px 25px 25px;}
.box li{ background:url(../images/page/icon.png) no-repeat left top; padding:0 0 30px 43px; overflow:hidden;}

/*產品*/
.detail_tab a{ background-color:#e0e0e0; border-top:#999 1px solid; border-right:#999 1px solid; border-bottom:#999 1px solid;}
.detail_tab a.detail_tab_on{ background-color:#fff; border-top:#999 1px solid; border-right:#999 1px solid; border-bottom:#fff 1px solid; border-left:#999 1px solid;}
/*tab切換*/
ul.tabs {margin:0;padding: 0;float: left;list-style: none;height: 32px;border-bottom: 1px solid #d8d7d7;border-left: 1px solid #d8d7d7;width: 100%;}
ul.tabs li {float: left;margin:0;padding: 0;height: 31px;line-height: 31px;border: 1px solid #d8d7d7;border-left: none;margin-bottom: -1px;background: #e0e0e0;overflow: hidden;position: relative;}
ul.tabs li a {text-decoration: none;color:#616161;display: block;font-size:15px;padding: 0 20px;border: 1px solid #fff;outline: none;}
ul.tabs li a:hover {background: #ccc;}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #fff;border-bottom: 1px solid #fff;}
.tab_container {border: 1px solid #d8d7d7;border-top: none;clear: both;background: #fff;--webkit-border-bottom-right-radius: 15px;-webkit-border-bottom-left-radius: 15px;-moz-border-radius-bottomright: 15px;-moz-border-radius-bottomleft: 15px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;}
.tab_content {padding: 20px;}