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

/* template_id HOM_VI03_LIG01 */
/* load db model003 */
.model003 .sub_menu_list{float: right;}
.model003 .sub_menu_list a{
	font-size: 13px;
	color: #101010;
	font-family: 微軟正黑體;
	line-height: 40px;
}
.model003 .sub_menu_list a:hover{
	color: #8a8989;
}

.model003 .sub_menu_list0 {
	font-size: 13px;
	color: #101010;
	font-family: 微軟正黑體;
	line-height: 40px;
	float: right;
	margin: 0px 7px;
}

.model003 .sub_menu_list .m_stitle{display: none;}
.model003 .sub_menu_list  a:hover .m_stitle{display: inline-block;}
.model003 .sub_menu_list  a:hover .m_title{display: none;}
/*END*/
/* load file model/lib/web_edm/model.css */
.web_edm{background-color:#1a1a1a;border:1px solid #1a1a1a}.web_edm .btn_container,.web_edm .email{float:left;position:relative}.web_edm .email input{border:none;line-height:30px;height:30px;padding:0 5px;width:149px;margin:0 5px;color:#909090;background-color:#1a1a1a}.web_edm .btn{display:inline-block;padding:0 10px;line-height:30px;font-size:13px;float:left;text-align:center;cursor:pointer;color:#7b7b7b}.web_edm .btn:hover{color:#fff}
/*END*/
/* 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 web_language */
/**
* 下拉語系
**/
.web_language {border:1px solid transparent;font-family:Calibri;}
.web_language .language {height: 30px;position:relative;z-index:100;cursor:pointer;}
.web_language .text {float: left;position:relative;width: 107px;padding-left: 12px;line-height:30px;}
.web_language .btn_container {float: left;position:relative;}
.web_language .btn {cursor: pointer;float: left;width: 33px;height: 30px;position:relative;}
/*下拉選單下面區塊*/
.web_language .dropdown_list_container{width:100%;height:auto;display:none;z-index:999;position:absolute;top:30px;left:0px;}
.web_language .dropdown_list_item {padding:6px 12px;cursor: pointer;line-height:30px;}
/*箭頭下*/
.web_language .arrow_b_int{width:0px;height:0px;border-width:6px;border-style:solid;position:absolute;left:50%;top:50%;margin-left:-6px;margin-top:-3px;}
/*箭頭下-邊框*/
.web_language .arrow_b_out{width:0px;height:0px;border-width:6px;border-style:solid;position:absolute;left:50%;top:50%;margin-left:-6px;margin-top:-5px;}
.web_language {background-color:#1a1a1a;}
.web_language {border-color:#1a1a1a;}
.web_language .text {color:#909090;}
.web_language .language:hover .text {color:#ffffff;}
.web_language .btn{background:transparent;}
.web_language .arrow_color{border-color:#7b7b7b transparent transparent transparent;}
.web_language .arrow_border_color{border-color:#1a1a1a transparent transparent transparent;}
.web_language .language:hover .arrow_color{border-color:#ffffff transparent transparent transparent;}
.web_language .dropdown_list_item{color:#ffffff;}
.web_language .dropdown_list_item{background:#000000;}
.web_language .dropdown_list_item:hover{color:#ffffff;}
.web_language .dropdown_list_item:hover{background:#232e2d;}


/*END*/
/* load db logo_img */
/**
*網站LOGO
**/
.logo_img {height:100%}
/*END*/
/* load db web_menu */
.web_menu{width:1003px;margin:auto;}
.web_menu_contener{position:relative;text-align: center;}
.web_menu ul{display: inline-block; }
.web_menu ul, .web_menu li, .web_menu a{margin: 0;padding: 0;text-decoration: none;}
.web_menu ul, .web_menu li {list-style: none;}
.web_menu ul.navigation li {position: relative;float: left;}
.web_menu ul.navigation li a{display: block;padding: 12px 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_menu ul.navigation ul{display: none;float: left;position: absolute;left: 0;  margin: 0;z-index:9;}
.web_menu ul.navigation li:hover > ul{display: block;}
.web_menu ul.navigation ul li:last-child {border-bottom: none;}
.web_menu ul.navigation ul {width: 120%;min-width:120px;}
.web_menu ul.navigation ul li {width: 100%;}
.web_menu ul.navigation ul a {text-align: left;padding: 10px 12px;}
.web_menu ul.navigation ul li:hover > ul{display: block;position: absolute;top: 0;left: 100%;}

.web_menu ul.navigation li .m_stitle{display:none;}
.web_menu ul.navigation li:hover .m_stitle{display:block;}
.web_menu ul.navigation li:hover .m_title {display:none;}

/*以下為各版型配色修改*/
/*選單字體顏色*/
.web_menu ul.navigation > li > a {color:#000000;}
/*選單字體大小*/
.web_menu ul.navigation > li > a {font-size: 16px;}
/*選單背景顏色*/
.web_menu ul.navigation > li > a {background:transparent;}
/*滑過-選單字體顏色*/
.web_menu ul.navigation > li > a:hover,.web_menu ul.navigation > li.hover > a{color:#000000;}
/*滑過-選單背景顏色*/
.web_menu ul.navigation > li > a:hover,.web_menu ul.navigation > li.hover > a{background:transparent;}
/*子選單-背景顏色*/
.web_menu ul.navigation ul a,.web_menu ul.navigation ul li {background: #000000;}
/*子選單-字體顏色*/
.web_menu ul.navigation ul a {color: #ffffff;}
/*子選單-字體大小*/
.web_menu ul.navigation ul a {font-size: 14px;}
/*滑過-子選單-字體顏色*/
.web_menu ul.navigation ul a:hover{color: #ffffff;}
/*滑過-子選單-背景顏色*/
.web_menu ul.navigation ul a:hover,.web_menu ul.navigation ul li:hover{background: #232e2d;}
/*子選單-每一個分隔線*/
.web_menu ul.navigation ul li {border-bottom: 1px solid #0b0b0b;}
/*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 model004 */
.model004 .information{
  height: auto;
  width: 793px;
  margin: auto;
}
.model004 .info_pic{
  height: auto;
  width: auto;
  display: block;
}
.model004 .info_item{
  margin-top: 50px;
}
.model004 .info_title{
  width: 240px;
  float: left;
}
.model004 .info_title_title{
  font-size:18px;
  font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;
  line-height: 28px;
  color: #fff;
  text-align:right;
}
.model004 .info_title_subtitle{
  font-size:13px;
  font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;
  line-height: 28px;
  color: #837b7b;
   text-align:right;
}
.model004 .info_summary{
  height: auto;
  width: 493px;
  font-size:13px;
  font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;
  line-height: 28px;
  color: #837b7b;
  float: left;
  margin-left: 60px;
}

/*END*/
/* load db product003 */
.product003{width: 793px;margin:0 auto;}
.product003 .product_product{position: relative;margin-left:-7px;}
.product003 .product_product .item{width:183px;height:183px;margin:7px;float:left;background-position: center center ;background-repeat: no-repeat;}
.product003 .product_product .prodcuct_title {border:1px solid #FFF;}
.product003 .product_product .prodcuct_title .default{  width: 100%;  height: 100%;background-image: url(images/product003/title.png);}
.product003 .product_product .product_item{border:1px solid #585858;}
.product003 .product_product .product_item .product_info{width:80%;height:80%;margin:10% 10%;position: relative;text-align: center;font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;display:none;}
.product003 .product_product .product_item .product_info a{display:block;width:100%;height:100%;text-decoration: none;color:#FFF;}
.product003 .product_product .product_item .product_info .product_info_top{width:100%;height:70%;background-color: #010101;}
.product003 .product_product .product_item .product_info .product_info_top .product_item_title{font-size:15px;line-height: 20px;}
.product003 .product_product .product_item .product_info .product_info_top .product_item_no{font-size:10px;line-height: 20px;color:#b8b8b8;}
.product003 .product_product .product_item .product_info .product_info_bottom{width:100%;height:30%;background-color: #010101;opacity:0.7;-moz-opacity:0.7;-khtml-opacity: 0.7; filter:alpha(opacity=70);line-height: 340%;font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;font-size:12px;}

/*END*/
/* load db news003 */
.news003 {
  min-height:100px;
  width: 793px;margin:100px auto;
}
.news003 .news_in{
  
}
.news003 .news_title{position: relative;width:100%;margin-bottom:28px;}
.news003 .news_title .default{width:100%;height:45px;background:transparent url(images/news003/title_news.png) top left no-repeat;}
.news003 .news3_in_in0{
  width: 793px;
  height: 50px;
}
.news003 .news3_date{
  width: 107px;
  height: 55px;
  text-align:center;
  float: left;
  margin-top: 5px;
}
.news003 .news3_date_md{
  width: 105px;
  height: 55px;
  border: 1px solid #343434;
}
.news003 .news3_date_md1{
  margin-left: 3px;
  font-family: "微軟正黑體", "Microsoft JhengHei", MingLiU, arial, verdana, helvetica, tahoma, Sans-serif;
  color: #343434;
  font-size: 36px;
  line-height:normal;
  float: left;
}
.news003 .news3_date_md2{
  margin-left: 3px;
  margin-top: 18px;
  font-family: "微軟正黑體", "Microsoft JhengHei", MingLiU, arial, verdana, helvetica, tahoma, Sans-serif;
  color: #343434;
  font-size: 18px;
  float: left;
}
.news003 .news3_date_year{
  font-family: "微軟正黑體", "Microsoft JhengHei", MingLiU, arial, verdana, helvetica, tahoma, Sans-serif;
  color: #343434;
  font-size: 18px;
  margin-top: 3px;
}
.news003 .news3_item{
  width:530px;
  height:100px;
  float:left;
  margin-left: 35px;
}
.news003 .news3_item_subject{
  color:#ffffff;
  font-size:16px;
  font-family: "微軟正黑體", "Microsoft JhengHei", MingLiU, arial, verdana, helvetica, tahoma, Sans-serif;
  height:36px;
  overflow:hidden;
  font-weight: bold;
}
.news003 .news3_item_summary{
  font-size:13px;
  font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;
  line-height: 25px;
  height:auto;
  overflow:hidden;
  color:#837b7b;
  max-width:530px;
}
.news003 .news3_item_summary a{
  color:#837b7b;
  text-decoration: none;
}
.news003 .news3_line {
  width: 1px;
  height: 85px;
  background-color: #361827;
  float: left;
  margin-left: 35px;
  margin-right: 25px;
}
.news003 .news3_item_btn{
  margin-top: 40px;
  cursor:pointer;
  font-size:13px;
  font-family: Arial, Helvetica, sans-serif;
  color:#7b3757;
  float: left;
}
.news003 .news3_item_btn a{
  font-size:13px;
  font-family: Arial, Helvetica, sans-serif;
  color:#7b3757;
  text-decoration: none;
}
.news003 .news3_item_btn a:hover {
  text-decoration: underline;
}
/*END*/
/* load db scrollTop */
.scrollTop{
  cursor:pointer;
  width: 45px;
  height: 21px;
  margin: auto;
  padding-top: 30px;
  text-align:center;
  background:transparent url(../../model/sample/baseimg/scrollTop/top_arrow.png) center center no-repeat
}
.scrollTop:hover{
  opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);
}
/*END*/
/* load db footer_map_001 */
.footer_map_001 ul,.footer_map_001 li{list-style: none;padding:0px;margin:0px;}
.footer_map_001 .sub_split{height: 2px;width: 2px;background-color: #fff;margin: auto;margin-top: 20px;margin-bottom: 30px;}
/*標題字顏色*/
.footer_map_001 .webfont_title{color: #fff;position: relative;float: left;}
.footer_map_001 .webfont_title a{color: #fff;display: block;padding: 5px 0px;width:99px;font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,sans-serif;font-size: 13px;text-align: center;text-decoration: none;}
/*子選單字顏色*/
.footer_map_001 .webfont_topfooter{color: #7b3757;position: relative;float: none;}
.footer_map_001 .webfont_topfooter a{color: #7b3757;font-size: 13px;font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;line-height: 30px;text-align:center;text-decoration: none;}
.footer_map_001 .m_stitle{display:none;}
.footer_map_001 a:hover .m_stitle{display:block;}
.footer_map_001 a:hover .m_title {display:none;}
/*END*/
/* load db web_community */
.web_community ul, .web_community li{
	list-style: none;
	padding:0px;
	margin:0px;
}
.web_community li{
	float:right;
	margin-left:4px;
}
.web_community a{
	text-decoration: none;
}
.web_community .icon{width:16px;height:16px;background: transparent center center  scroll no-repeat;    background-size: cover!important;}
.web_community .icon_mail {background-image: url(../../model/sample/baseimg/web_community/icon_mail.png);}
.web_community .icon_twitter {background-image: url(../../model/sample/baseimg/web_community/icon_twitter.png);}
.web_community .icon_facebook {background-image: url(../../model/sample/baseimg/web_community/icon_facebook.png);}
.web_community .icon_plurk {background-image: url(../../model/sample/baseimg/web_community/icon_plurk.png);}
.web_community .icon_gplus {background-image: url(../../model/sample/baseimg/web_community/icon_gplus.png);}
.web_community .icon_split {display:none;}
.web_community .icon img{width:100%}
/*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*/