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

/* template_id PAGE_001 */
/* 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 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 web_menu003 */
.web_menu003 ul,.web_menu003 li{list-style: outside none none;}
.web_menu003{
  position: relative;
}
.web_menu003 .menu_li{
  float: left;
  font-size: 14px;
  text-align: center;
  line-height: 38px;
  letter-spacing: 3px;
  color: #FFFFFF; /*有 第二層選單文字*/
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;  
    cursor: pointer;
}
.web_menu003 .menu_li:hover,.web_menu003 .menu_li.active{
  color: #FADB7D; /*有 第二層選單文字滑過*/
}
.web_menu003 ul{
  width: 90%;
  margin: 0 auto;
}
.web_menu003 .menu_li a{
   color: #FFFFFF; /*無 第二層選單文字*/
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;   
}
.web_menu003 .menu_li a:hover{
  color:#FADB7D; /*無 第二層選單文字滑過*/
}
#web_menu003_submenu{
  position: absolute;
  background-color: rgba(0,0,0,0.8);
  width: 100%;
  top: 70px;
  z-index: 9999;
  color: white;
}
#web_menu003_submenu .sub{
  width: 960px;
  margin: 0px auto;
  padding: 35px 0;
  display: none;
}
#web_menu003_submenu .sub label{
  float: left;
  width: 175px;
  height: 55px;
  background-color: #FFFFFF; /*選單第二層標題背景*/
  color: #111111; /*選單第二層標題文字*/
  font-size: 14px;
  text-align: right;
  line-height: 55px;
  letter-spacing: 3px;
  padding-right: 25px;
}
#web_menu003_submenu .sub .links{
  float: left;
  width: 700px;
  margin-top: 0;
  margin-left: 35px;
  min-height: 55px;
}
#web_menu003_submenu .sub .links .link_block{
  float: left;
  width: 20%;
  line-height: 20px;
  padding-left: 2%;
  margin-right: 5%;
  border-right: 1px solid #6B6763;
}
#web_menu003_submenu .sub .links .item{
  font-size: 14px;
  width: 23%;
  float:left;
  border-right: 1px solid #6B6763; /*選單第二層分隔線*/
  margin-bottom: 0;
  margin-right: 5%;
  line-height: 14px;
  letter-spacing: 1px;
  color: white; /*選單第二層文字*/
      -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;   
  position:relative;
  padding: 4px 2%;
}
#web_menu003_submenu .sub .links a{
  display:inline-block;
  width:100%;
  color: white;

}

#web_menu003_submenu .sub .links .item.lastitem{
  border-right: 0;
}

#web_menu003_submenu .sub .links a span{
  display: table-cell;
  vertical-align: middle;
}

#web_menu003_submenu .sub .links a:hover{
  color: #cbc0a6; /*選單第二層文字滑過*/
}
.clear{
  clear: both;
}
.web_menu003 .menu_li.active::after {
  display: block;
  content: url('../../model/sample/baseimg/web_menu003/down.png');
}

.web_menu003 .m_stitle{display:none;}
.web_menu003 .menu_li:hover .m_stitle,.web_menu003 .menu_li.active .m_stitle{display:block;}
.web_menu003 .menu_li:hover .m_title,.web_menu003 .menu_li.active .m_title{display:none;}
/*END*/
/* load db page_banner */
.page_banner{margin:0 auto;}
.page_banner .bxslider {margin-top:0px;padding:inherit;height:100%;width:100%;overflow:hidden;}
.page_banner .bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;}
.page_banner .bx-wrapper li{background-repeat: no-repeat;background-size: cover;background-position: center center; float: left;width: 100%;height: 100%;}
.page_banner .bx-wrapper li .solgan{background-repeat: no-repeat;background-size: cover;background-position: center center; float: left;width: 100%;height: 100%;}
.page_banner .bx-wrapper img {display: none;}
.page_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 */
.page_banner .bx-wrapper .bx-loading {min-height: 50px;background: url(images/page_banner/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* 點點{*/
.page_banner .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.page_banner .bx-wrapper .bx-pager .bx-pager-item,.page_banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.page_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;}
.page_banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.page_banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0e0e0e;}
/* 點點}*/
/* 左右箭頭 {*/
.page_banner .bx-wrapper .bx-prev {left: 10px;background: url(images/page_banner/controls.png) no-repeat 0 -32px;}
.page_banner .bx-wrapper .bx-next {right: 10px;background: url(images/page_banner/controls.png) no-repeat -43px -32px;}
.page_banner .bx-wrapper .bx-prev:hover {background-position: 0 0;}
.page_banner .bx-wrapper .bx-next:hover {background-position: -43px 0;}
.page_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;}
.page_banner .bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* 左右箭頭}*/
/*END*/
/* load db footer_map */
.footer_map{
	width:auto;
	position:relative;
	margin-bottom:10px;
}
.footer_map_menu{
	float:left;
}
.footer_map_menu a{
	color: #8b8b8b;
	text-decoration: none;
}

.footer_map_menu a:hover{
	text-decoration: underline;	
}

.footer_map_line{
	width:1px;
	height:10px;
	margin-top:1px;
	margin-left:10px;
	margin-right:10px;
	background-color:#8b8b8b;
	float:left;
}

.footer_map_menu .m_stitle{display:none;}
.footer_map_menu a:hover .m_stitle{display:block;}
.footer_map_menu a:hover .m_title {display:none;}
/*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 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*/