@charset "utf-8";
.clear{clear:both;}
input,textarea{outline:none}

/* template_id HOM_VI04_MAC01 */
/* load db web_search */
/**
* 網站搜尋
**/
.web_search {border:1px solid transparent;}
.web_search .searchkey{float:left;position:relative;}
.web_search .searchkey input{border: medium none;line-height:30px;height:30px;padding:0px 5px;width: 149px;margin:0 5px}
.web_search .btn{display: inline-block;padding:0px 10px;line-height: 30px;font-size:13px;float:left;text-align: center;cursor:pointer;}

.web_search {background-color:#1a1a1a;}
.web_search {border-color:#1a1a1a;}
.web_search input{color:#909090;}
.web_search input{background:#1a1a1a;}
.web_search .btn{background:transparent;}
.web_search .btn{color:#7b7b7b;}
.web_search .btn:hover{color:#ffffff;}
/*END*/
/* load db logo_img */
/**
*網站LOGO
**/
.logo_img {height:100%}
/*END*/
/* load db model002 */
.model002 img{max-width:100%;max-height:100%;}
.model002{position:relative;}
/*END*/
/* load db web_menu008 */
.web_menu008{width: auto;margin:auto;}
.web_menu008 .web_menu_contener{position:relative;text-align: center;}
.web_menu008 ul{display: inline-block; }
.web_menu008 ul, .web_menu008 li, .web_menu008 a{margin: 0;padding: 0;text-decoration: none;}
.web_menu008 ul, .web_menu008 li {list-style: none;}
.web_menu008 ul.navigation li {position: relative;float: left;}
.web_menu008 ul.navigation li a{display: block;padding: 30px 20px;min-width:55px;text-align:center; transition: background .25s ease-in-out;-moz-transition: background .25s ease-in-out;-webkit-transition: background .25s ease-in-out; }
.web_menu008 ul.navigation ul{float: left;position: absolute;left: 0;  margin: 0;z-index:9;}
.web_menu008 ul.navigation li:hover > ul{display: block;}
.web_menu008 ul.navigation ul li:last-child {border-bottom: none;}
.web_menu008 ul.navigation ul {width: 120%;min-width:120px;}
.web_menu008 ul.navigation ul li {width: 100%;}
.web_menu008 ul.navigation ul a {text-align: left;padding: 10px 12px;}
.web_menu008 ul.navigation ul li:hover > ul{display: block;position: absolute;top: 0;left: 100%;}

.web_menu008 ul.navigation li .m_stitle{display:none;}
.web_menu008 ul.navigation li:hover .m_stitle{display:block;}
.web_menu008 ul.navigation li:hover .m_title {display:none;}

.web_menu008 ul.navigation .sub_block {
    position: absolute;
    left: 50%;
    background-color: #048abf;
    display: none;
    z-index: 9;
}
.web_menu008 ul.navigation  .sub_img{
    float: left;
    display: inline-block;
    padding: 38px;
}
.web_menu008 ul.navigation  .sub_img a{
  display:inline-block;padding:0px;
}
.web_menu008 ul.navigation .sub_block ul{
    position: relative;
    width: 122px;
    margin-top: 30px;
    margin-bottom: 15px;
    margin-right: 5px;
    margin-left: 5px;
}
.web_menu008 ul.navigation .sub_block ul li{
	border-bottom: 0;
}
.web_menu008 ul.navigation .sub_block ul li a{
	padding: 8px 12px;
}

.web_menu008 ul.navigation .hassubmenu .arrow-bottom{
    position: absolute;
    margin-left: -8px;
    left: 50%;
    bottom: 0;
    background-image: url(../../model/sample/baseimg/web_menu008/menu_arrow.png);
    width: 17px;
    height: 8px;
    opacity: 0;
}

.web_menu008 ul.navigation .hassubmenu:hover .arrow-bottom{
	opacity: 1;
}
/*以下為各版型配色修改*/
/*選單字體顏色*/
.web_menu008 ul.navigation > li > a {color:#fff;}
/*選單字體大小*/
.web_menu008 ul.navigation > li > a {font-size: 16px;}
/*選單背景顏色*/
.web_menu008 ul.navigation > li > a {background:transparent;}
/*滑過-選單字體顏色*/
.web_menu008 ul.navigation > li > a:hover,.web_menu008 ul.navigation > li.hover > a{color:#fff;}
/*滑過-選單背景顏色*/
.web_menu008 ul.navigation > li > a:hover,.web_menu008 ul.navigation > li.hover > a{background:#000720;}
/*子選單-背景顏色*/
.web_menu008 ul.navigation ul a,.web_menu008 ul.navigation ul li {background: #048abf;}
/*子選單-字體顏色*/
.web_menu008 ul.navigation ul a {color: #ffffff;}
/*子選單-字體大小*/
.web_menu008 ul.navigation ul a {font-size: 14px;}
/*滑過-子選單-字體顏色*/
.web_menu008 ul.navigation ul a:hover{color: #048abf;}
/*滑過-子選單-背景顏色*/
.web_menu008 ul.navigation ul a:hover,.web_menu008 ul.navigation ul li:hover{background: #fff;}
/*子選單-每一個分隔線*/
.web_menu008 ul.navigation ul li {border-bottom: 1px solid #fff;}
/*END*/
/* load db home_banner */
.home_banner{margin:0 auto;}
.home_banner .bxslider {margin-top:0px;padding:inherit;height:100%;width:100%;overflow:hidden;}
.home_banner .bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;}
.home_banner .bx-wrapper li{background-repeat: no-repeat;background-size: cover;background-position: center center; float: left;width: 100%;height: 100%;}
.home_banner .bx-wrapper li .solgan{background-repeat: no-repeat;background-size: cover;background-position: center center; float: left;width: 100%;height: 100%;}
.home_banner .bx-wrapper img {display: none;}
.home_banner .bx-wrapper .bx-viewport {left: 0;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
/* LOADER */
.home_banner .bx-wrapper .bx-loading {min-height: 50px;background: url(../../model/sample/baseimg/home_banner/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* 點點{*/
.home_banner .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.home_banner .bx-wrapper .bx-pager .bx-pager-item,.home_banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.home_banner .bx-wrapper .bx-pager.bx-default-pager a {background: #FFF;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 10px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.home_banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.home_banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0e0e0e;}
/* 點點}*/
/* 左右箭頭 {*/
.home_banner .bx-wrapper .bx-controls-direction{display:none;}
.home_banner .bx-wrapper .bx-prev {left: 10px;background: url(../../model/sample/baseimg/home_banner/controls.png) no-repeat 0 -32px;}
.home_banner .bx-wrapper .bx-next {right: 10px;background: url(../../model/sample/baseimg/home_banner/controls.png) no-repeat -43px -32px;}
.home_banner .bx-wrapper .bx-prev:hover {background-position: 0 0;}
.home_banner .bx-wrapper .bx-next:hover {background-position: -43px 0;}
.home_banner .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 99;}
.home_banner .bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* 左右箭頭}*/
/*版本2-使用swiper*/
.home_banner .swiper-pagination-bullet{width: 10px;  height: 10px; background:#fff;opacity: 1;}
.home_banner .swiper-pagination-bullet-active, .home_banner .swiper-pagination-bullet:hover{background:#515151}
.home_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.home_banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:28px;}
/*END*/
/* load db editer002 */
.editer002{
  width: 100%;
  display: inline-block;
}
.editer002_titleimg{
  text-align:center;
}
.editer002_titleimg .default{height:25px;background: transparent url("images/editer002/subject.png") center center  scroll no-repeat ;}
.editer002_subtitle{
  text-align:center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 22px;
  font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;
  overflow:hidden;
}
.editer002_left{
  float: left;
  width: 50%;
  margin-top: 40px;
}
.editer002_title{
  font-size: 18px;
  line-height: 30px;
  font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;
  overflow:hidden;
}
.editer002_text{
  display: inline-block;
  margin-top: 20px;
  max-width: 90%;
  font-size: 13px;
  line-height: 22px;
  font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;
  overflow:hidden;
}
.editer002_btn{
  display: inline-block;
  width: 100px;
  margin-top: 85px;
  padding: 8px 0;
  text-align:center;
  font-size: 13px;
  line-height: 22px;
  font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;
  border: 1px solid #1d5377;
  overflow:hidden;
  cursor:pointer;
  transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.editer002_btn:hover{
  color: #fff;
  text-decoration: none;
  background-color: #1d5377;
}
.editer002_right{
  float: right;
  width: 50%;
  margin-top: 40px;
  text-align:center;
}
/*END*/
/* load db newslist0105 */
.newslist0105{
    font-family: 微軟正黑體,Arial;
    background: #760F13 url(../../model/sample/baseimg/newslist0105/newsbg.jpg) top left scroll repeat-x;
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
}
.newslist0105 .title{
    display: block;
    width: 100%;
    padding: 40px 0px;
}
.newslist0105 .title img{
    max-width: 100%;
}
.newslist0105 .news_list{
    width: 1002px;
    display: block;
    margin: 0 auto;
}
.newslist0105 .news_list .news_line{
    border-bottom: 1px solid #666;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.newslist0105 .news_list .news_line:hover{
    opacity: .7;
}
.newslist0105 .news_list .news_line .type{
    display: inline-block;
    background: #920d14;
    padding: 6px 23px;
    letter-spacing: 2px;
}
.newslist0105 .news_list .news_line .date{
    display: inline-block;
    margin-left: 20px;
   
}
.newslist0105 .news_list .news_line .titles{
    display: inline-block;
    margin-left: 10px;
    white-space: nowrap;
    width: 725px;
}
.newslist0105 .more{
    color: #b8b8b8;
    display: block;
    text-decoration: none;
    margin-top: 24px;
    font-size: 14px;
    letter-spacing: 1px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.newslist0105 .more:hover{
    color: #fff;
}
/*END*/
/* load db product006 */
.product006{width: 100%;display: inline-block;}
.product006_titleimg{text-align:center;}
.product006_titleimg .default{height:25px;background: transparent url("images/product006/subject.png") center center  scroll no-repeat ;}
.product006_subtitle{text-align:center;margin-top: 20px;margin-bottom: 20px;font-size: 13px;line-height: 22px;font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;overflow:hidden;}
.product006_in{margin-top: 40px;display: inline-block;}
.product006_img{float: left;width: 233px;height: 233px;}
*, *:after, *:before { border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
.product006 .grid figure {position: relative;z-index: 1;display: inline-block;overflow: hidden;margin: -0.5px;width: 233px;height: 233px;cursor: pointer;}
.product006 .grid figure img {position: relative;display: block;min-height: 100%;}
.product006 .grid figure figcaption {padding: 2em;font-size: 12px;font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product006 .grid figure figcaption::before,.product006 .grid figure figcaption::after {pointer-events: none;}
.product006 .grid figure figcaption,.product006 .grid figure a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.product006 .grid figure a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.product006 .grid figure h2 {width: 82%;height: 30px;word-spacing: -0.15em;font-weight: 100;overflow: hidden;line-height:30px;}
.product006 .grid figure h2,.product006 .grid figure p {margin: 0;}
.product006 .grid figure p {}
.product006 .grid figure .description{margin-top: 35px;height: 40px;font-size: 13px;line-height: 20px;font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;text-align:left;overflow: hidden;}
.product006 figure.effect-2 figcaption {top: auto;bottom: 0;padding: 5px 15px;height: 43%;opacity:0.83;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,65%,0);}
.product006 figure.effect-2 h2 {float: left;}
.product006 figure.effect-2 figcaption > span {float: right;}
.product006 figure.effect-2 h2,.product006 figure.effect-2 figcaption > span {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,200%,0);transform: translate3d(0,0,0);}
.product006 figure.effect-2 figcaption > span::before {display: inline-block;padding: 5px 5px;font-family: 'feathericons';speak: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.product006 .icon-paper-clip::before {content: url(images/product006/icon_more.png);}
.product006 figure.effect-2 h2 {display: inline-block;}
.product006 figure.effect-2:hover figcaption,.product006 figure.effect-2:hover h2,.product006 figure.effect-2:hover figcaption > span {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.product006 figure.effect-2:hover h2 {-webkit-transition-delay: 0.05s;transition-delay: 0.1s;}
.product006 figure.effect-2:hover figcaption > span:nth-child(4) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.product006 figure.effect-2:hover figcaption > span:nth-child(3) {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
.product006 figure.effect-2:hover figcaption > span:nth-child(2) {-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.product006_space{margin-left: 23px;}
.product006 .grid figure figcaption{color: #fff;}
.product006 .grid figure{background: #fff;}

/*產品標籤底色變化*/
.product006 figure.effect-2:hover figcaption {background-color: #004878;}
/*產品標籤底色*/
.product006 figure.effect-2 figcaption{background-color: #101010;}
/*產品標籤字顏色*/
.product006 figure.effect-2 figcaption{color: #fff;}
/*END*/
/* load db model002 */
.model002 img{max-width:100%;max-height:100%;}
.model002{position:relative;}
/*END*/
/* load db web_footer */
.web_footer a{text-decoration: none;}
.footer_desc{color:#6F6F6F}
.footer_desc a{color:#6F6F6F}
.footer_desc a:hover{color:#6F6F6F}
/*END*/
/* load db copyright */
.copyright_desc,.copyright_desc a,.copyright_desc a:hover{
	color:#fff;
	line-height: 22px;
}
/*END*/
/* load db scrollTop001 */
.scrollTop001{
	transition: bottom 0.5s ease 0s;
	width: 83px;
	height: 123px;
	position: fixed;
	bottom: 10%;
	right: 25px;
	opacity: 0;
	text-align: center;	
	cursor:pointer;
	z-index: 75;
}
.scrollTop001 .icon{width:100%;height:100%;background: transparent url(../../model/sample/baseimg/scrollTop001/scrolltop.png) center center no-repeat;}
.scrollTop001:hover .icon{
  opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);
}
/*END*/