@charset "utf-8";

*{box-sizing:border-box;-webkit-box-sizing:border-box;}
body{font-family:微軟正黑體,Arial;color:#333;font-size:13.5px;background:#fff;}

.CLEAR{clear:both;}
a{color:inherit;text-decoration:none;}
#NAV li, .CONTENT li, #FOOTER li, .LEFT_MENU li, #HOME_NEWS li, #NEWS li, #SUBNAV li, #qaContent li{list-style:none;}
#MAIN{width:1025px; margin:0 auto;}

#TOP_BAR{
padding:10px 8px 8px 0;

background: #4f656d; /* Old browsers */
background: -moz-linear-gradient(top,  #4f656d 0%, #7e94a0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4f656d 0%,#7e94a0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4f656d 0%,#7e94a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f656d', endColorstr='#7e94a0',GradientType=0 ); /* IE6-9 */

border-bottom:1px solid #434e57;
}
.SEARCH a{font-size:10px;font-family:Arial;color:#fff;padding:2px 4px;border:1px solid #000;margin-left:5px;
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;

background: #757e82; /* Old browsers */
background: -moz-linear-gradient(top,  #757e82 0%, #566167 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #757e82 0%,#566167 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #757e82 0%,#566167 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757e82', endColorstr='#566167',GradientType=0 ); /* IE6-9 */
}

.SEARCH input{padding:2px !important;}

.LAN{float:right;margin-left:15px;}
.LAN a{color:#fff;font-size:13px;margin-right:5px;}


#FOOTER{padding:20px; background: #f0f1f1 url(../images/logo1.png) 20px center no-repeat; height:180px}
#FOOTER_NAV li{float:left;line-height:135px}
#FOOTER_NAV li a{padding:0 35px;border-right:1px solid #888;}
#FOOTER_NAV li:first-of-type a{border-left:none;}
#FOOTER_NAV li:last-of-type a{border-right:none;}


#HEADER_BG{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #d1d7db 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#d1d7db 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#d1d7db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d7db',GradientType=0 ); /* IE6-9 */

border-bottom:1px solid #c2c8cc;}

#HEADER{position:relative;/*background:url(../images/bg.gif) left bottom no-repeat;*/}
#TOP_BAR{text-align:right;}
#LOGO{padding:25px 20px;}

#NAV{padding-top:20px;}
#NAV li{float:left;}
#NAV li a{display:block;text-decoration:none;font-size:14px;font-weight:bold;padding:30px 35px;color:#000;background:url(../images/line.gif) right bottom no-repeat;}
#NAV li:first-of-type a{background:url(../images/line.gif) right bottom no-repeat,url(../images/line.gif) left bottom no-repeat;}
#NAV li a:hover, #NAV li a.SELECTED{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #dde3e5 50%, #8699a2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dde3e5 50%,#8699a2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#dde3e5 50%,#8699a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8699a2',GradientType=0 ); /* IE6-9 */
}

#SUBNAV{border-top:1px solid #fff;}
#SUBNAV>ul{padding:0 10px;background:#fff url(../images/subnav.gif) left top repeat-x;border:1px solid #aeb3b7;}
#SUBNAV li{border-bottom:1px solid #d7e9f3;}
#SUBNAV li:last-of-type{border-bottom:none;}
#SUBNAV li a{display:block;padding:5px 0;color:#3783c6;}
#SUBNAV li a:hover{font-weight:bold;}
#SUBNAV li a.SELECTED{/*font-weight:bold;color:#014369*/}

#SUBNAV li li a{font-size:12px;color:#555;padding-left:5px;}


/*---廣告 輪播圖---*/
#BANNER{
border-bottom:1px solid #b2b2b2;
border-right:1px solid #b5bcc0;
border-left:1px solid #b5bcc0;
}
#BANNER>.bxslider{padding:0px;margin:0px;}
#BANNER li{	list-style:none;}
.BANNER{margin-bottom:20px;}
.BANNER img{width:100%;}
/*.bx-wrapper img{width:100%;}*/


/*--首頁 index--*/
.CONTAINER{padding:20px;margin-bottom:20px;
min-height:350px; background: #fff url(../images/bg.jpg) center top no-repeat;
}
#BANNER, .CONTAINER{border-top:1px solid #fff;}
#HOME_CONTAINER {padding:20px;}
#HOME_NEWS ul:first-of-type{border-top:1px solid #b2b2b2;}
#HOME_NEWS ul{border-bottom:1px solid #b2b2b2;}
#HOME_NEWS li{height:135px; padding:10px 0;}
#HOME_NEWS li a{width:222px;line-height:22px;}
#HOME_NEWS li a>span:first-of-type{font-size:11px;color:#007bc4;}

/*圖片垂直水平置中*/
.img-shiv{text-align:center;}
#HOME_NEWS .img-shiv{width:120px;height:100px;line-height:100px;}
#NEWS .img-shiv{width:150px;height:115px;line-height:115px;}
.img-shiv img{vertical-align:middle;max-height:100%;}


.HOME_TITLE{margin-bottom:5px;font-size:16px;}


.LEFT_MENU{border:1px solid #adb2b6;}
.LEFT_MENU>ul{border:1px solid #fff;}
.LEFT_MENU li a{ display:block; padding:10px 0px 10px 35px; color:#46565e; 
background:url(../images/icon.png) 10px center no-repeat, url(../images/left_menu.gif) repeat-x;
border-top:1px solid #fff;
border-bottom:1px solid #bbc1c6;
}
.LEFT_MENU li:first-of-type a{border-top:none;}
.LEFT_MENU li a:hover, .LEFT_MENU li a.SELECTED{color:#fff;
background:url(../images/icon.png) 10px center no-repeat, url(../images/left_menu3.gif) repeat-x;
border-bottom:1px solid #788b96;}
.LEFT_MENU li a.SELECTED{color:#fff;
background:url(../images/icon.png) 10px center no-repeat, url(../images/left_menu2.gif) repeat-x;}

.TITLE_NEWS{color:#46565e;font-size:14px;font-weight:bold;}
.TITLE_NEWS+div{font-size:12px;line-height:18px;}

.MORE, .BTN{/*display:block;*/padding:3px 0 !important; border-bottom:1px solid #7a7a7a !important;color:#7a7a7a;font-size:12px;}



/*--內頁--*/
.CONTAINER{line-height:160%;}
.BANNERS img{width:100%;border:1px solid #ddd;}
.TITLE{margin:15px 0;font-weight:bold;font-size:16px;color:#007bc4;}
.SUBTITLE{font-size:18px; font-weight:bold; padding:10px 0px; margin-bottom:12px; line-height:100%; letter-spacing: 1px; padding-left:25px; background:url(../images/icon.png) left center no-repeat;}
.DETAIL_TITLE{ font-size:16px; font-weight:bolder; color:#444; margin:10px 0;padding-bottom:5px; border-bottom:1px solid #ccc;}
.HTML{line-height:26px;padding:10px 0px;}
.HTML table td{padding:5px;}
.HTML ul, .HTML ol{padding-left:20px;}
.POSITION{margin-bottom:6px;font-size:12px;}




/*最新消息*/
#NEWS li{background:#fff;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;padding:15px;margin-bottom:5px;}
#NEWS li .RIGHT{width:545px;}
#NEWS li .LEFT{width:130px;}
#NEWS .TITLE_NEWS{color:#007bbc;font-weight:bold;font-size:15px;margin-bottom:10px;}
#NEWS li .RIGHT>div{margin:10px 0;}


/*產品*/
#SORT table tr{border-bottom:1px solid #eee;}
#SORT table a{display:block;padding:8px 5px;color:#007bc4;text-decoration:underline;}


/*下載專區*/
#qaContent li{padding:5px 0;}
#qaContent li>div{padding-left:10px;}
#qaContent li>div:first-of-type{color:#007bc4;background:url(../images/icon1.gif) left center no-repeat;cursor:pointer;}
#qaContent tr:hover{color:#007bc4}
#qaContent tr>td:last-of-type{font-size:12px;text-decoration:underline;padding-left:15px;background:url(../images/icon2.png) left center no-repeat;}
#qaContent td{line-height:22px;}


/*聯絡我們*/
#CONTACT .LIST_LEFT{margin-right:5px;}


/*搜尋結果*/
#SEARCH ol{padding-left:20px;}
#SEARCH ol li{padding:2px 0;}
#SEARCH ol li a{font-weight:bold;text-decoration:underline;color:#666;}






/*----模 組----*/
.WHITE{color:#fff;}
.BLACK{color:#000;}
.GRAY{color:#333;}
.COLOR{color:#46565e;}
.BLUE{color:#007bc4;}
.BOLD{font-weight:bold;}


/*左右*/
.LEFT{float:left;}
.RIGHT{float:right;}
.LEFT_20{ float:left;width:19%;  _display:inline;}
.LEFT_40{ float:left;width:39%;  _display:inline;}
.LEFT_50{ float:left;width:47.5%;  _display:inline;}
.RIGHT_50{ float:right;width:47.5%;  _display:inline;}
.RIGHT_60{ float:right;width:58%;  _display:inline;}
.RIGHT_80{ float:right;width:78%;  _display:inline;}

.CENTER{margin:0 auto;}

.ALIGN-RIGHT{text-align:right;}
.ALIGN-LEFT{text-align:left;}
.ALIGN-CENTER{text-align:center;}


/*列表*/
.LIST{ padding:0; margin:0; padding-bottom:5px; /*overflow:auto;*/ list-style-type:none;}
.LIST>li{padding:7px 0; overflow:auto;vertical-align:top;}
.LIST li *{ /*vertical-align: middle;*/}
.LIST_LEFT{ display:block; float:left; margin-right:20px; vertical-align:top;}
.LIST_RIGHT{ display:block; overflow:auto; vertical-align:top;}

.LIST_NEWS li{border-bottom:1px solid #ccc;}



/*長度*/
.WIDTH_60PX { width:60px;}
.WIDTH_90PX { width:90px;}
.WIDTH_100PX { width:100px;}
.WIDTH_200PX { width:200px;}
.WIDTH_300PX { width:300px;}


/*圖文列表*/
.COLUMN3{ padding:0; margin:0; list-style-type:none; margin-left:-0.5%; margin-right:-0.5%; }
.COLUMN3>li{ display:inline-block;width:31.5%; margin-left:0.5%; margin-right:0.5%; margin-top:10px; vertical-align:top; }
.COLUMN4{ padding:0; margin:0; list-style-type:none; margin-left:-1%; margin-right:-1%; }
.COLUMN4>li{ display:inline-block; vertical-align:top; width:22.5%; margin-left:1%; margin-right:1%; margin-bottom:20px;}
.COLUMN5{ padding:0; margin:0; list-style-type:none; margin-left:-1%; margin-right:-1%; }
.COLUMN5>li{ display:inline-block; vertical-align:top; width:18.5%; margin-left:1%; margin-right:1%; margin-bottom:20px; background:#fff;}


/*表單*/
input[type="text"],
input[type="password"],
input[type="file"],
textarea,
select{ padding:3px 0;padding-left:1%; padding-right:1%; border:1px solid #aaa;font-family:"微軟正黑體"; outline:none; vertical-align:top; }

input[type="text"].WIDTH_100,
input[type="password"].WIDTH_100,
input[type="file"].WIDTH_100,
textarea.WIDTH_100,
select.WIDTH_100{ width:96%; padding-left:1.5%; padding-right:1.5%; }


/*按鈕*/
.BTN{padding:0;border:none;background:none;margin-top:15px;cursor:pointer;}
.BTN:hover{color:#007bc4;border-bottom:1px solid #007bc4 !important;}


/*---頁碼---*/
.PAGES {margin-top:20px;}
.page{margin:30px 5px 0; color:#666;}
.PAGES .active{background:#278ce1; padding:0px 5px; color:#fff; border-radius:3px; -webkit-border-radius:3px;}


/*---公用---*/
.WIDTH20{width:20%;}
.WIDTH30{width:30%;}
.WIDTH40{width:40%;}
.WIDTH50{width:50%;}
.WIDTH60{width:60%;}
.WIDTH70{width:70%;}
.WIDTH75{width:75%;}
.WIDTH80{width:80%;}

.PADDING_TOP20{padding-top:20px;}
.MARGIN_TOP20{margin-top:20px;}
.MARGIN_BOTTOM10{margin-bottom:10px;}
.MARGIN_BOTTOM20{margin-bottom:20px;}
.PADDING_LEFT20{padding-left:20px;}


.BORDER{border:1px solid #ccc;}

.FONT16{font-size:16px;}