@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------*/

/* 共用樣式

------------------------------------------------------------------------------*/
/*頁碼*/
.page { text-align: center; clear: both; margin-top: 30px; margin-bottom: 30px; }
.page a { text-decoration: none; color: #000; display: inline-block; margin-right: 5px; margin-left: 5px; height: 20px; width: 15px; font-weight: bold; }
.page a:hover { color: #ff0000; text-decoration: none; font-weight: bold; }
.prev { background-image: url(../images/pagebtn04.jpg); background-repeat: no-repeat; background-position: center -15px; }
.prev:hover { background-image: url(../images/pagebtn04.jpg); background-repeat: no-repeat; background-position: center 3px; background-color: #FFFFFF; }
.next { background-image: url(../images/pagebtn01.jpg); background-repeat: no-repeat; background-position: center -15px; }
.next:hover { background-repeat: no-repeat; background-position: center 3px; } 
.prev2 { background-image: url(../images/pagebtn03.jpg); background-repeat: no-repeat; background-position: center -15px; }
.prev2:hover { background-image: url(../images/pagebtn03.jpg); background-repeat: no-repeat; background-position: center 3px; background-color: #FFFFFF; }
.next2 { background-image: url(../images/pagebtn02.jpg); background-repeat: no-repeat; background-position: center -15px; }
.next2:hover { background-repeat: no-repeat; background-position: center 3px; background-image: url(../images/pagebtn02.jpg); } 
.page a span { visibility: hidden; } 
/*產品頁-頁碼*/
/*.previn { background-image: url(../images/pagebtn04in.jpg); background-repeat: no-repeat; background-position: center -15px; }*/
.previn { background-image: url(../images/index_btn_l.jpg); background-repeat: no-repeat; background-position: center -19px; }
/*.previn:hover { background-image: url(../images/pagebtn04in.jpg); background-repeat: no-repeat; background-position: center 3px; background-color: #FFFFFF; }*/
.previn:hover { background-image: url(../images/index_btn_l.jpg); background-repeat: no-repeat; background-position: center 3px; background-color: #FFFFFF; }
/*.nextin { background-image: url(../images/pagebtn01in.jpg); background-repeat: no-repeat; background-position: center -15px; }*/
.nextin { background-image: url(../images/index_btn_r.jpg); background-repeat: no-repeat; background-position: left -19px; }
/*.nextin:hover { background-image: url(../images/pagebtn01in.jpg); background-repeat: no-repeat; background-position: center 3px; } */
.nextin:hover { background-image: url(../images/index_btn_r.jpg); background-repeat: no-repeat; background-position: left 3px; } 


.prev2in { background-image: url(../images/pagebtn03in.jpg); background-repeat: no-repeat; background-position: center -15px; }
.prev2in:hover { background-image: url(../images/pagebtn03in.jpg); background-repeat: no-repeat; background-position: center 3px; background-color: #FFFFFF; }
.next2in { background-image: url(../images/pagebtn02in.jpg); background-repeat: no-repeat; background-position: center -15px; }
.next2in:hover { background-repeat: no-repeat; background-position: center 3px; background-image: url(../images/pagebtn02in.jpg); } s
/*共有?筆訊息*/
.system { float: right; margin-bottom: 10px; color: #575656; }

/*----廣告--*/
.ad{ text-align: center;  }
.ad img{ margin-bottom: 9px; }

/*排版
----------------------------------------------------------------------------*/
body /*網頁主體*/{ font-size: 13px; color: #666; line-height: 1.55em; margin: 0px; padding: 0px; background-repeat: repeat-x; background-position: top; font-family: "Microsoft YaHei"; }
#warp { width: auto; margin-right: auto; margin-left: auto; }
#header/*橫幅*/{ background-image: url(../images/index_head_bg_m1.jpg); background-repeat: no-repeat; position: relative; height: 120px; width:90%; margin:0 auto; max-width:1280px;}
#cont/*中間區塊*/{
	padding-top: 10px;
	clear: both;
	width:1000px;
	margin:auto;
}
#main/*主欄*/{ }
#mainR/*右側內容區塊*/{ float: right; width: 736px; padding-left: 25px; }
#mainL/*左側內容區塊*/{ width: 754px; background-image: url(../images/service_05.jpg); background-repeat: no-repeat; background-position: right 0px; padding-right: 13px; }
#sidebar/*側欄*/{ float: left; width: 239px; }
#footer {
	clear: both;
	height: 84px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 20px;
	background-image: url(../images/footer_t.jpg);
	background-repeat: no-repeat;
	background-position: center 20px;
	position: relative;
	letter-spacing: 1pt;

}

/*共用*/
.header_bg { background-image: url(../images/index_header_bg1.jpg); background-repeat: repeat-x; }
.footer_bg { background-image: url(../images/footer_bg.jpg); background-repeat: repeat-x; background-position: center bottom;}
.header_in_bg { background-image: url(../images/header_in_bg.jpg); background-repeat: repeat-x; }
#logo {padding-left: 24px; }
.b_line { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e1e1e1; }
/*網頁上方----------------------------------------------------------------------------*/
/*選單--------------------------*/
#menu { position: absolute; bottom: 32px; margin-left: 250px;}
#menu span {color:#999;}
#menu li { float: left; display: block; margin-right: 8px; margin-left: 8px; height: 18px;}
#menu  li a { background-position: 0px 0px; height: 18px; /*ie6*/ _height: 8px;  display: block; width: 66px; text-decoration: none; }
#menu  li a:hover { background-position: 0px -18px; }
#menu .m1 { background-image: url(../images/menu01.png); background-repeat: no-repeat; }
#menu .m2 { background-image: url(../images/menu02.png); background-repeat: no-repeat; }
#menu .m3 { background-image: url(../images/menu03.png); background-repeat: no-repeat; }
#menu .m4 { background-image: url(../images/menu04.png); background-repeat: no-repeat; }
#menu .m5 { background-image: url(../images/menu05.png); background-repeat: no-repeat; }
#menu .m6 { background-image: url(../images/menu06.png); background-repeat: no-repeat; }
#menu .m7 { background-image: url(../images/menu07.png); background-repeat: no-repeat; }
#menu .m8 { background-image: url(../images/menu08.png); background-repeat: no-repeat; }
#menu .m9 { background-image: url(../images/menu09.png); background-repeat: no-repeat; }
/*搜尋欄--------------------------*/
.searchBox { position: absolute; top: 0px; right: 0px; height: 61px; width: 450px; }
.searchBox .search_btn span { visibility: hidden; }
.search_txt { position: absolute; left: 45px; top: 23px; font-weight: normal; color: #FFFFFF; background-color: #D7000E; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; width: 150px; height: 20px; padding-left: 5px;}
.search_txt2 { position: absolute; left: 65px; top: 15px; }
.search_btn { position: absolute; top: 22px; right: 230px; }
.search_btn2 { position: absolute; top: 15px; right: 5px; }
.searchBox .searchp { color: #999; position: absolute; top: 23px; left: 10px; }
.searchp2 { color: #ff0000; position: absolute; top: 15px; left:30px; }
.search_btn a { width: 16px; display: block; background-image: url(../images/search_icon.png); background-repeat: no-repeat; text-decoration: none; height: 20px; }
.search_btn a:hover { background-position: 0px -20px; }
#select1 { background-color: #333; color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; position: absolute; top: 22px; right: 250px; height: 20px; width: 100px; }
.maplink { width: 980px; padding-left: 17px; padding-top: 5px; padding-bottom: 12px;  margin-left:23%;}
.maplink a { color: #666; }

/*語系*/
.language { position: absolute; top: 23px; right: 70px; }
.language_input { width: 85px; color: #5e5e5e; background-image: url(../images/index_16.jpg); background-repeat: repeat-x; height: 20px; font-size: 11px; border: 1px solid #707070; }
.language .lan{ color:#999;}
.language a.cn{ background:url(../images/cn.jpg) left top no-repeat; width:25px; height:17px; display:inline-block;text-indent:-9999px;}
.language a.cn:hover{opacity:0.7; filter:alpha(opacity=70); cursor:pointer}
.language a.tw{ background:url(../images/tw.jpg) left top no-repeat; width:25px; height:17px; display:inline-block;text-indent:-9999px;}
.language a.tw:hover{opacity:0.7; filter:alpha(opacity=70); cursor:pointer}
.language a.en{ background:url(../images/en.jpg) left top no-repeat; width:25px; height:17px; display:inline-block;text-indent:-9999px;}
.language a.en:hover{opacity:0.7; filter:alpha(opacity=70); cursor:pointer}
.language a.ru{ background:url(../images/ru.jpg) left top no-repeat; width:25px; height:17px; display:inline-block;text-indent:-9999px;}
.language a.ru:hover{opacity:0.7; filter:alpha(opacity=70); cursor:pointer}

/*網頁最下方----------------------------------------------------------------------------*/
#footer a { color: #FFFFFF; text-decoration: none; }
#footer .cropright {
	position: absolute;
	top: 60px;
	left: 8px;
	font-size: 12px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.top { float: right; margin-top: -22px; margin-right: 12px; }
/*下選單-------*/
#smenu { position: absolute; left: 60px; top: 38px; } 
#smenu a { display: inline-block; padding-right: 2px; padding-left: 2px; }
#smenu a:hover { color: #ff0000; }

/*社群-------*/
.community { position: absolute; top: 40px; right: 22px; }
.community span { visibility: hidden; }
.community a { height: 26px; background-repeat: no-repeat; background-position: 0px 0px; display: inline-block; width: 26px; margin-right: 3px; margin-left: 3px; }
.community a:hover { background-position: 0px -34px; }
.community .fb { background-image: url(../images/fb_icon.png); }
.community .t { background-image: url(../images/tw_icon.png); }
.community .p { background-image: url(../images/pl_icon.png); }


/*index---------------------------------------------------------------------------------------------*/
#index_banner { height: 420px; width: 1920px; position: relative; margin-bottom: 20px; overflow: hidden; left:50%; margin: auto auto auto -960px;}
#index_banner span { visibility: hidden; }
#index_banner .list_banner_inco { position: absolute; left: 480px; width: 76px; bottom: 19px; }
#index_banner .list_banner_inco li { float: left; margin-right: 5px; margin-left: 5px; }
#index_banner .list_banner_inco li a { height: 10px; width: 10px; background-image: url(../images/index_45.png); background-repeat: no-repeat; background-position: 0px 0px; text-decoration: none; display: inline-block; }
#index_banner .list_banner_inco li a:hover { background-position: 0px -12px; }
#index_banner .list_banner_inco span { visibility: hidden; }
#index_M .index_M_left { background-image: url(../images/index_m_leftbg.jpg); background-repeat: no-repeat; background-position: right 0px; width: 721px; padding-right: 25px; padding-left: 10px; padding-bottom: 40px; clear: both; float: left; }
#index_M .index_M_right { float: right; width: 234px; padding-left: 7px; height:auto; }
.index_news td { padding-top: 5px; padding-bottom: 5px; color: #999; }
.index_M_left .index_news { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e1e1e1; padding-bottom: 43px; margin-bottom: 20px; }
.index_news td a { color: #666; }

.index_news td { position: relative; padding-top: 56px; }
/*#sidebar .siderList2 .sid1 li { padding-bottom: 5px; padding-top: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e8e8e8; background-color: #f8f8f8; }*/
.index_news td { padding-top: 5px; padding-bottom: 5px; background-color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size:10px; }
.index_news td a { color: #666; display: block; height: 21px; }
.index_news td a:hover { background-image: url(../images/sider_box_liibox_second_index.jpg);  background-repeat: no-repeat; background-position: -2px -32px; color: #FFF; text-decoration: none; }


.indexAD{ width: 216px }

.btn { float: left; margin-right: 5px; margin-left: 5px; }
.btn span { visibility: hidden; }
.btn a { background-position: 0px 0px; background-image: url(../images/index_45.png); display: block; height: 10px; width: 10px; text-decoration: none; }
.btn a:hover { background-position: 0px -12px; }
.index_pro_btn { height: 21px; width: 59px; }
.index_pro_btn span { visibility: hidden; }
.index_pro_btn a { background-image: url(../images/index_probtin.jpg); background-repeat: no-repeat; background-position: 0px 0px; display: block; text-decoration: none; }
.index_pro_btn a:hover { background-position: 0px -21px; }
#index .index_pro li { width: 130px; margin-left: 15px; margin-right: 25px; float: left; }
.index_member { width: 234px; float: right; }
.input_index_mem { background-color: #e6e6e6; height: 25px; width: 168px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.btn1 { height: 21px; float: left; margin-right: 5px; }
.btn1 a { background-image: url(../images/membtn_bg.jpg); background-repeat: repeat-x; background-position: 0px 0px; display: block; color: #FFFFFF; text-decoration: none; text-align: center; }
.btn1 a:hover { background-position: 0px -21px; }
.btn_men_in a { width: 60px; }
.btn_men_join a { width: 66px; }
.ad img { border: 1px solid #e1e1e1; width: 216px; float: right; margin-right: 10px; }
.ad img:hover { border: 1px solid #ff0000; }
.table2 { padding-top: 15px; border-top-width: 1px; border-top-style: solid; border-top-color: #e1e1e1; padding-left: 15px; }
.table2 a { font-size: 12px; color: #7c7c7c; text-decoration: none; }
.table2 a:hover { color: #ff0000; }
.table2 th { text-align: left; border-left-width: 1px; border-left-style: solid; border-left-color: #e1e1e1; padding-left: 13px; }



.index_btn_l a { background-image: url(../images/index_btn_l.jpg); background-repeat: no-repeat; font-size: 12px; color: #8a8a8a; background-position: left 0px; height: auto; display: block; padding-left: 16px; }
.index_btn_l a:hover { background-position: 0px -20px; color: #333; text-decoration: none }
.index_btn_r a { background-image: url(../images/index_btn_r.jpg); background-repeat: no-repeat; font-size: 12px; color: #8a8a8a; background-position: right 0px; height: auto; display: block; padding-right: 16px; }
.index_btn_r a:hover { background-position: right -20px; color: #333; text-decoration: none}

/*about---------------------------------------------------------------------------------------------*/
#sidebar .siderList li { padding-bottom: 5px; padding-top: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e8e8e8; }
#sidebar .siderList li a { background-position: 0px 0px; display: block; background-image: url(../images/sider_box_liibox.jpg); background-repeat: no-repeat; height: 22px; width: 197px; padding-left: 34px; color: #121212; }
#sidebar .siderList li a:hover { background-position: 0px -32px; color: #FFF; text-decoration: none; }
#sidebar .siderList li .nav { background-position: 0px -32px; color: #FFF; text-decoration: none;  }
#about .about_col1 { position: relative; }
#about .about_col1pic { position: absolute; top: -33px; right: 0px; }
#about .about_col2 { margin-top: 36px; margin-bottom: 30px; }
#about .about_col2 .hd3 { margin-bottom: 15px; position: relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e8e8e8; height: 27px; }
#about .about_col2 .info { /*最小高*/ min-height:250px; padding-bottom: 30px; }
ul.list_select li { float: left; margin-right: 1px; }
ul.list_select li a { height: 23px; width: 125px; display: block; color: #666; text-decoration: none; text-align: center; background-color: #ddd; padding-top: 4px; }
ul.list_select li a:hover { background-position: 0px -39px; color: #fff; background-color: #333; }
ul.list_select li .select { background-position: 0px -39px; color: #fff; background-color: #333; }
#about .about_col3 { padding-right: 29px; background-image: url(../images/about_56.jpg); background-repeat: no-repeat; background-position: 390px 0px; }

/*news---------------------------------------------------------------------------------------------*/
#news .newsList .tit { height: 40px; overflow: hidden; }
#news .newsList .tit a { color: #333; text-decoration: none; font-weight: bold; }
#news .newsList .tit a:hover { color: #ff0000; }
#news .newsList .info { height: 40px; overflow: hidden; }
#news .newsList .info a { color: #666; text-decoration: none; }
#news .newsList .info a:hover { color: #ff6600; }
#news .newsList .pic a { margin-right: 25px; border: 1px solid #CCC; display: inline-block; }
#news .newsList .pic a:hover { margin-right: 25px; border: 1px solid #ff0000; }
#news .newsList li { background-image: url(../images/news_list_bbg.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 40px; padding-left: 20px; padding-top: 9px; }


#newsDia .newDia_hd { background-image: url(../images/newsdia_hd_bg.jpg); background-repeat: no-repeat; background-position: 0px bottom; padding-bottom: 20px; margin-top: 30px; margin-bottom: 25px; }
#newsDia .newDia { padding-left: 40px; }
/*按鈕*/
.btn_news { margin-top: 50px; }
.btn_news a { background-repeat: no-repeat; background-position: 0px 0px; height: 26px; width: 100px; display: inline-block; margin-right: 2px; margin-left: 2px; text-decoration: none; text-align: left; padding-top: 5px; padding-left: 6px; text-transform: uppercase; }
.btn_news a:hover { background-repeat: no-repeat; background-position: 0px -38px; }
.btn_news .btn_newsbg_b { background-image: url(../images/btn_news_back.jpg); padding-left: 10px; }
.btn_news .btn_newsbg_n { background-image: url(../images/btn_news_next.jpg); padding-left: 10px; }




/*products---------------------------------------------------------------------------------------------*/
#banner_in { height: 300px; width: 1000px; position: relative; clear: both; background-image: url(../images/banner_in_bline.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 1px; }
#banner_in span { visibility: hidden; }
#banner_in .list_banner_inco { position: absolute; width: 54px; top: 13px; right: 23px; }
#banner_in .list_banner_inco li { float: left; margin-left: 8px; }
#banner_in .list_banner_inco li a { height: 10px; width: 10px; background-image: url(../images/index_45.png); background-repeat: no-repeat; background-position: 0px 0px; text-decoration: none; display: inline-block; }
#banner_in .list_banner_inco li a:hover { background-position: 0px -12px; }
#banner_in .list_banner_inco span { visibility: hidden; }
/*左側選單*/
/*#sidebar .siderList2 { position: relative; padding-top: 56px; }
#sidebar .siderList2 .sid1 { padding-bottom: 5px; padding-top: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e8e8e8; background-color: #f8f8f8; }
#sidebar .siderList2 .sid1 a { background-position: 17px 7px; display: block; background-image: url(../images/products_sid_icon.png); background-repeat: no-repeat; padding-left: 34px; color: #333; }
#sidebar .siderList2 .sid1 a:hover { background-position: 17px -9px; color: #cc0000; text-decoration: none; }
#sidebar .siderList2 .sid1 .nav { background-position: 17px -9px; color: #cc0000; text-decoration: none;}
#sidebar .siderList2 .sid2 { padding-left: 20px; padding-top: 5px; padding-bottom: 5px; }
#sidebar .siderList2 .sid2 a { background-image: none; color: #666; }*/

#sidebar .siderList2 { position: relative; padding-top: 56px; }
/*#sidebar .siderList2 .sid1 li { padding-bottom: 5px; padding-top: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e8e8e8; background-color: #f8f8f8; }*/
#sidebar .siderList2 .sid1 li { padding-bottom: 5px; padding-top: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c9c9c9; background-color: #c9c9c9; font-size:15px; }
#sidebar .siderList2 .sid1 li a { background-position: 17px 7px; display: block; background-image: url(../images/products_sid_icon.png); background-repeat: no-repeat; padding-left: 34px; color: #333; }
#sidebar .siderList2 .sid1 li a:hover { background-position: 17px -9px; color: #cc0000; text-decoration: none; }
#sidebar .siderList2 .sid1 li .nav { background-position: 17px -9px; color: #cc0000; text-decoration: none;}
#sidebar .siderList2 .sid2 li { padding-top: 5px; padding-bottom: 5px; background-color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#sidebar .siderList2 .sid2 li a { color: #666; display: block; height: 21px; }
#sidebar .siderList2 .sid2 li a:hover { background-image: url(../images/sider_box_liibox_second.jpg);  background-repeat: no-repeat; background-position: 0px -32px; color: #FFF; text-decoration: none; }

#sidebar .siderList2 { position: relative; padding-top: 56px; }
/*#sidebar .siderList2 .sid1 li { padding-bottom: 5px; padding-top: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e8e8e8; background-color: #f8f8f8; }*/
#sidebar .siderList2 .sid22 li { padding-top: 5px; padding-bottom: 5px; background-color: #FFFFFF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size:10px; }
#sidebar .siderList2 .sid22 li a { color: #666; display: block; height: 21px; }
#sidebar .siderList2 .sid22 li a:hover { background-image: url(../images/sider_box_liibox_second.jpg);  background-repeat: no-repeat; background-position: 0px -32px; color: #FFF; text-decoration: none; }


/*newspro*/
#sidebar .siderList2 .new_pro span { visibility: hidden; }
#sidebar .siderList2 .new_pro { position: absolute; left: 0px; top: -10px; }
#sidebar .siderList2 .new_pro a { background-image: url(../images/new_products_icon.png); background-repeat: no-repeat; background-position: 0px 0px; height: 56px; width: 240px; display: block; }
#sidebar .siderList2 .new_pro a:hover { background-position: 0px -63px; }
.pros_hd { background-image: url(../images/products_hd_icon.png); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 15px; margin-top: 14px; margin-bottom: 14px; }
#products .pro_list_hd { padding-top: 15px; padding-bottom: 15px; padding-left: 14px; }
.in_line_bg { background-image: url(../images/in_bg_line.png); background-repeat: no-repeat; background-position: center bottom; height: 1px; }
#products .List_pro_Box .tit2 { height: 30px; width: 140px; overflow: hidden; line-height: 1.2em; text-align: center; }
#products .pro_col2 .List_pro_Box img { border: 1px solid #FFFFFF; margin-bottom: 15px; }
#products .pro_col2 .List_pro_Box img:hover { border: 1px solid #FF0000; }
#products .List_pro_Box li { margin: 20px; float: left; display: block; text-align: center; width: 142px; }
/*productsDia---------------------------------------------------------------------------------------------*/
.Dia_hd { padding-left: 18px; background-image: url(../images/productsdia_hd_icon.jpg); background-repeat: no-repeat; background-position: 0px center; padding-top: 15px; position: relative; margin-bottom: 25px; }
#productsDia .Dia_hdr { position: absolute; top: 15px; right: 15px; text-align: center; width: 500px; }
.input_pro { background-image: url(../images/productsdia_input_icon.jpg); background-repeat: no-repeat; height: 32px; width: 66px; padding-top: 5px; text-align: center; padding-bottom: 5px; }
.input_pro a { display: inline-block; color: #FFFFFF; text-decoration: none; }
.input_pro a:hover { color: #FF0000; text-decoration: none; }


.input_pro2 { background-image: url(../images/membtn_bg.jpg); background-repeat: repeat-x; height: 32px; width: 66px; padding-top: 5px; text-align: center; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; }
.input_pro2 a { display: inline-block; color: #FFFFFF; text-decoration: none; }
.input_pro2 a:hover { color: #FF0000; text-decoration: none; }

/*按鈕*/
.btn_pro { margin-top: 30px; }
.btn_pro span { }
.btn_pro a { background-repeat: no-repeat; background-position: 0px 0px; height: 21px; width: 110px; display: inline-block; margin-right: 2px; margin-left: 2px; text-decoration: none; color: #333; padding-top: 9px; padding-left: 13px; }
.btn_pro a:hover { background-repeat: no-repeat; background-position: 0px -33px; color: #FFF; }
.btn_pro .add_inq { background-image: url(../images/productsdia_add.png); padding-left: 10px; }
.btn_pro .open_inq { background-image: url(../images/productsdia_open.jpg); padding-right: 10px; }

#productsDia .proDia_col1 ul { margin-left: 36px; margin-right: 60px; }
#productsDia .proDia_col2 { margin-top: 17px; margin-bottom: 55px; margin-left: 30px; }
#productsDia .proDia_col2 li { float: left; margin-left: 20px; }
#productsDia .proDia_col2 li a { border: 1px solid #FFFFFF; display: block; }
#productsDia .proDia_col2 li a:hover { border: 1px solid #FF0000; }

ul.list_select2 li { float: left; }
ul.list_select2 li a { display: block; color: #fff; text-align: center; padding-top: 10px; background-image: url(../images/productsdia_67.jpg); background-repeat: repeat-x; padding-right: 30px; padding-left: 30px; height: 29px; }
ul.list_select2 li a:hover { color: #9a9a9a; background-image: url(../images/productsdia_65.jpg); background-repeat: repeat-x; text-decoration: none; }
ul.list_select2 li .select { color: #9a9a9a; background-image: url(../images/productsdia_65.jpg); background-repeat: repeat-x; }
#productsDia .proDia_col3 .hd4 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dcdcdc; margin-bottom: 37px; }
#productsDia .proDia_col3 .info { /*最小高*/ min-height:250px; padding-bottom: 30px;}

/*service---------------------------------------------------------------------------------------------*/
#hd5 { background-image: url(../images/productsdia_hd_icon.jpg); background-repeat: no-repeat; background-position: 0px center; padding-left: 15px; }
#service .serList li { height: 118px; width: 373px; display: inline-block; position: relative; float: left; padding: 1px; }
#service .serList .s1 { position: absolute; left: 1px; top: 1px; z-index: 9998; }
#service .serList .s2 { position: absolute; z-index: 9999; left: 22px; top: 18px; }
#service .serList .s1 a { border: 1px solid #FFFFFF; display: block; }
#service .serList .s1 a:hover { border: 1px solid #FF0000; }
#service .serList .info2 { position: absolute; z-index: 9999; left: 38px; top: 44px; }

/*service1---------------------------------------------------------------------------------------------*/
#service1 .service1List li { margin-right: 16px; margin-left: 10px; margin-bottom: 15px; display: block; float: left; position: relative; background-image: url(../images/service1_listbg.jpg); background-repeat: no-repeat; width: 217px; height: 122px; }
#service1 .service1List .se1_pic { position: absolute; }
#service1 .service1List .input_se1 { position: absolute; z-index: 9999; left: 81px; top: 88px; display: block; }

/*service2---------------------------------------------------------------------------------------------*/
/*qa
----------------------------------------------------------------------------*/
/*列表*/
#qa li .title { padding-bottom: 7px; color: #333; display: block; text-decoration: none; padding-top: 7px; padding-left: 20px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e8e8e8; background-image: url(../images/service2icon2.jpg); background-repeat: no-repeat; background-position: right center; width: 688px; }
#qa li .title:hover { color: #CA2627; background-image: url(../images/service2icon.jpg); background-repeat: no-repeat; background-position: right center; }
#qa li .info { background-image: url(../images/news_listbg.jpg); background-repeat: no-repeat; background-position: center bottom; padding-left: 20px; padding-top: 10px; display: none; padding-bottom: 30px; color: #666; font-size: 12px; line-height: 1.7em; }
#qa .hd { padding-top: 15px; padding-bottom: 35px; padding-left: 43px; }
#qa li .nav2 { color: #CA2627; background-image: url(../images/service2icon.jpg); background-repeat: no-repeat; background-position: right center; }


/*service3---------------------------------------------------------------------------------------------*/
#service3 .mv { margin-left: 42px; margin-bottom: 20px; }
#service4 .ser4Box { margin-left: 23px; margin-right: 30px; }
#service4 .ser4col { margin-bottom: 17px; }
#service4 .ser4_T { padding-bottom: 15px; margin-bottom: 14px; }
#service4 .ser4col_tit { margin-bottom: 17px; color: #333; background-image: url(../images/service4_03.jpg); background-repeat: no-repeat; padding-left: 23px; }
#service4 .ser4col_hd { margin-bottom: 17px; }
#service4 .ser4col_info2 { margin-left: 25px; }


/*member---------------------------------------------------------------------------------------------*/
.memberColbg .memberColbgT { background-image: url(../images/member_col_t.jpg); background-repeat: no-repeat; height: 8px; width: 690px; }
.memberColbg .memberColbgM { background-image: url(../images/member_col_m.jpg); background-repeat: repeat-y; }
.memberColbg .memberColbgB { background-image: url(../images/member_col_b.jpg); background-repeat: no-repeat; height: 8px; width: 690px; }
.login_body { height: 270px; padding-top: 15px; padding-bottom: 15px; width: 380px; margin-right: 95px; }
.login_body .hd { color: #000000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-family: "微軟正黑體"; font-weight: bold; }
.login_body #form1 { margin-top: 12px; }
.btnlogin a { background-image: url(../images/member_35.png); background-repeat: no-repeat; height: 20px; width: 103px; display: block; text-align: center; padding-top: 10px; text-decoration: none; font-size: 12px; font-weight: bold; float: left; background-position: 0px 0px; margin-right: 9px; margin-top: 15px; margin-bottom: 15px; }
.btnlogin a:hover { color: #af1b08; background-position: 0px -30px; }
.login_body .input1 { height: 18px; width: 165px; padding-right: 10px; padding-left: 10px; padding-top: 7px; }
.login_body .input2 { height: 27px; width: 150px; margin-left: 3px; }
.login_body .table2 { font-size: 12px; }
.login_body .table2 td { padding-top: 3px; padding-bottom: 3px; line-height: normal; }
.login_body .table2 .mem { color: #6d6d6d; padding-right: 3px; padding-left: 3px; padding-top: 2px; padding-bottom: 2px; display: inline-block; }
.login_body .table2 .mem:hover { color: #af1b08; }
.memberBox  { padding-top: 20px; padding-left: 10px; }

/*會員加入member2-------------------------*/
#member2 .text { color: #4c4c4c; margin-left: 35px; }
#member2 .text .col1 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c0c0c0; margin-bottom: 12px; padding-bottom: 13px; }
#member2 .text .tit { color: #4c4c4c; font-size: 15px; font-weight: bold; margin-bottom: 10px; }
.table3 td { padding-top: 4px; padding-right: 3px; padding-bottom: 4px; }
.table3 .input3 { height: 16px; width: 190px; margin-right: 5px; color: #4c4c4c; }
.table3 .button3 { margin-right: 2px; margin-left: 2px; margin-top: 7px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; /*ie6.7*/*+padding-top: 0px; *+padding-right: 0px; *+padding-bottom: 0px; *+padding-left: 0px;}
.table3 .input7 { height: 18px; width: 115px; color: #4c4c4c; font-size: 12px; }
.btnput { display: block; margin-left: 50px; text-align: center; margin-top: 10px; }
.btnput a { background-repeat: no-repeat; background-position: 0px 0px; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; display: block; background-image: url(../images/memberforget_11.png); height: 25px; width: 94px; padding-top: 5px; }
.btnput a:hover { background-position: 0px -30px; color: #00ccff; }
#memberKnow .memberKBox { color: #333; line-height: normal; margin-left: 15px; position: relative; }

/*產品註冊方法-------------------------*/
.memReg_btn { display: block; height: 47px; width: 253px; position: absolute; top: 0px; right: 55px; }
.memReg_btn a { background-image: url(../images/member6_03.jpg); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 47px; width: 253px; text-decoration: none; }
.memReg_btn a:hover { background-position: 0px -47px; }
.memReg_btn span { visibility: hidden; }
.table6    td { padding-bottom: 20px; }
.table6 th { padding-right: 15px; }
#memReg_col { width: 700px; }
#memReg_col .memReg_hd { background-color: #262626; padding-top: 11px; padding-left: 15px; padding-bottom: 11px; color: #FFF; margin-top: 7px; }
#memReg_col .memReg_info { background-color: #f0f0f0; padding-right: 15px; padding-left: 15px; padding-top: 20px; padding-bottom: 20px; line-height: 1.2em; }

.btn_memnew { display: block; text-align: center; }
.btn_memnew a { background-repeat: no-repeat; background-position: 0px 0px; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; display: block; background-image: url(../images/memberforget_11.png); height: 25px; width: 94px; padding-top: 5px; }
.btn_memnew a:hover { background-position: 0px -30px; color: #00ccff; }

.report_btn_memnew { display: block; text-align: center; padding-left:60px; padding-top:10px; }
.report_btn_memnew a { background-repeat: no-repeat; background-position: 0px 0px; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; display: block; background-image: url(../images/memberforget_11.png); height: 25px; width: 94px; padding-top: 5px; }
.report_btn_memnew a:hover { background-position: 0px -30px; color: #00ccff; }

.memnew_body { padding-top: 60px; padding-bottom: 15px; width: 470px; margin-right: 50px; }
.memUp_box { width: 665px; padding-top: 20px; padding-right: 10px; padding-left: 15px; padding-bottom: 25px; }
.table5 th { padding-top: 5px; padding-bottom: 5px; }
.col_blue { border: 1px solid #49759e; }

/*詢價信---------------------------------------------------------------------------------------------*/
.contact_body_info { margin-left: 33px; margin-top: 10px; }
/*表格*/
.table4 { margin-bottom: 22px; margin-top: 11px; }
.table4 th { color: #FFF; height: 30px; background-image: url(../images/inquary_hd_bg.jpg); background-repeat: repeat-x; font-weight: bold; padding-top: 8px; font-size: 12px; margin-right: 1px; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; }
.table4 td { line-height: normal; padding: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; background-color: #efefef; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; }
.table4 a { color: #333333; text-decoration: none; }
.table4 a:hover { color: #f25212; }
.table4 .pic img { padding: 1px; }
.table4 .pic img:hover { background-color: #FF0000; }
.table4 .btn_inquiry2 a { font-size: 12px; color: #FFFFFF; background-image: url(../images/inquary_03.jpg); background-repeat: repeat-x; display: block; text-decoration: none; background-position: 0px 0px; height: 18px; padding-right: 10px; padding-left: 10px; padding-top: 5px; margin-top: 2px; margin-bottom: 2px; border: 1px solid #535353; }
.table4 .btn_inquiry2 a:hover { color: #f25212; background-position: 0px -27px; }
/*聯絡表單---------------------*/
.contact_body_note { padding-top: 10px; padding-left: 20px; }
.contact_body_note_slogn { color: #999999; font-weight: bold; margin-top: 10px; }
.contact_body_tit { background-image: url(../images/contact_03.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding-top: 33px; color: #666666; padding-bottom: 20px; margin-top: 10px; }
.contact_form_data { padding-top: 16px; padding-bottom: 6px; }
.contact_form_data_word { padding-right: 3px; }
.contact_form_word_span { color: #d30210; }
.contact_form .noline { border-bottom-style: none; }#contact .contactBox { margin-left: 40px; }
#inquary .inquBox { margin-left: 30px; }
.btn_inqu { display: block; text-align: center; }
.btn_inqu a { background-repeat: no-repeat; background-position: 0px 0px; font-size: 15px; color: #000; text-decoration: none; display: block; background-image: url(../images/inquary_54.jpg); height: 25px; width: 94px; padding-top: 5px; font-family: "微軟正黑體"; }
.btn_inqu a:hover { background-position: 0px -37px; }
#contact_point .contact_pointList {
	margin-left: 25px;
	margin-top: 45px;
	position: relative;
}
#contact_point .contact_pointList .sel_Reg {
	position: absolute;
	top: -35px;
	width: 140px;
}
#contact_point .contact_pointList .sel_Reg2 {
	position: absolute;
	top: -35px;
	width: 160px;
	left: 190px;
}

/*聯絡我們---------------------------------------------------------------------------------------------*/
#contact_point .contact_pointList li { background-image: url(../images/news_list_bbg.jpg); background-repeat: no-repeat; background-position: 0px bottom; margin-top: 15px; display: block; padding-bottom: 15px; }
#contact_point .contact_pointList .pic a { margin-right: 28px; margin-left: 28px; margin-bottom: 15px; padding: 1px; background-color: #CCC; display: block; }
#contact_point .contact_pointList .pic a:hover  { background-color: #FF0000; }
#contact_point .contact_pointList .info a { color: #666; text-decoration: none; display: block; line-height: 1.8em; margin-top: 2px; }
#contact_point .contact_pointList .info a:hover { color: #FF0000; }
#contact_pointDia .pointBox .pont_bgT { background-image: url(../images/contact_2_1_Tbg.png); background-repeat: no-repeat; height: 21px; width: 713px; }
#contact_pointDia .pointBox .pont_bgM { background-image: url(../images/contact_2_1_Mbg.png); background-repeat: repeat-y; }
#contact_pointDia .pointBox .pont_bgB { background-image: url(../images/contact_2_1_Bbg.png); background-repeat: no-repeat; height: 21px; width: 713px; }
#contact_pointDia .pointBox .pont_bgM .mapCol { padding-left: 21px; height: 384px; width: 648px; }
#contact_pointDia .pointBox { position: relative; height: 432px; width: 713px; }
#contact_pointDia .close_map { height: 32px; width: 32px; position: absolute; top: 29px; right: 0px; }
#contact_pointDia .close_map a { background-image: url(../images/contact_2_1_05.png); background-repeat: no-repeat; background-position: 0px 0px; height: 32px; width: 32px; display: block; }
#contact_pointDia .close_map a:hover { text-decoration: none; background-position: 0px -35px; }
#contact_pointDia .close_map span { visibility: hidden; }




/*windows
----------------------------------------------------------------------------*/
#windows { height: 180px; width: 302px; background-color: #FFFFFF; border: 1px solid #333333; padding: 9px; }
#windows .hd { background-image: url(../images/windows_hdbg.jpg); background-repeat: repeat-x; height: 29px; border: 1px solid #e5e4e1; padding-left: 13px; padding-top: 7px; position: relative; background-position: 0px 0px; margin-top: 12px; }
#windows .hd .windows_logo { position: absolute; left: 1px; top: -15px; }
#windows .hd .windows_tit { position: absolute; left: 125px; top: 9px; font-weight: bold; font-size: 15px; color: #1e1e1e; }
#windows .hd .close { position: absolute; top: 10px; right: 9px; }
#windows .text { color: #000000; /*最小高*/ min-height: 40px; _height: 40px; margin-top: 32px; padding-bottom: 10px; }
#windows .text .info { margin-right: 13px; margin-left: 13px; }
#windows .btn_r { float: right; }
#windows .btn_r a { display: inline-block; font-weight: bold; color: #000; text-decoration: none; text-align: center; height: 21px; padding-top: 4px; margin-right: 5px; }
#windows .btn_r a:hover { color:#F00 }
#windows .btn_r .yes a { background-image: url(../images/03product_4_btn1bg.jpg); width: 69px; background-repeat: no-repeat; }
#windows .btn_r .cancel a { background-image: url(../images/03product_4_btn1bg.jpg); background-repeat: no-repeat; width: 69px; }
/*背景無*/
.bg_no { background-image: none; }#index .index_about { position: absolute; right: 0px; bottom: 0px; }



/*=============*/
.inquirybox {
	border:0px solid #000;
	position:absolute;
	top:30%;
	left:40%;
	height: 160px;
	width: 280px;
	display:none;
	/*background-color: #000;*/
	padding: 0px;
	color: #FFF;
}
.inquirybox .hd3 {
	/*background-image: url(../images/slogo.png);*/
	background-repeat: no-repeat;
	background-position: center 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	height: 50px;
	clear: both;
	position: relative;
	margin-bottom: 10px;
}
.inquirybox .close{
	display:block;
	width:20px;
	height:20px;
	font-size:18px;
	float:right;
	text-align:center;
	color: #999;
	text-decoration: none;
	position: absolute;
	top: 0px;
	right: 0px;
}
.sid_search_col { position: relative; background-image: url(../images/sid_searcg_col.jpg); height: 47px; width: 239px; margin-bottom: 10px; }

/************** inquiry***************/