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

/* template_id HOM_AL01_PHO1 */
/* load db logo_img */
/**
*網站LOGO
**/
.logo_img {height:100%}
/*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 accordion002 */
.accordion002{position: relative;}
.accordion002.loading{background:transparent url(../../../images/loading.gif) center center scroll no-repeat;}
.accordion002 .pic_show{position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;float: left;overflow: hidden;}
.accordion002 .pic_show img{
  opacity: 0;
}
.accordion002 .pic_show .word{
  height: 85px;
  width: 90%;
  max-width: 280px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  margin-top: -42px;
  border: 1px solid black; /*Banner圖示框線*/
  background-color: rgba(255,255,255,0.5); /*Banner圖示背景*/
  opacity: 0;
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -o-transition:all .5s linear;
    -ms-transition:all .5s linear;
    transition:all .5s linear;     
}
.accordion002 .pic_show:hover .word{
  opacity: 1;
}
.accordion002 .pic_show .word .tw{
    float: left;
    width: 100%;
  text-align: center;

}
.accordion002 .pic_show .word .tw span{
  letter-spacing: 3px;
  border-bottom: 1px solid black;
  color: black; /*Banner主標題文字*/
  padding: 15px 0 10px;
  display: inline-block;
}
.accordion002 .pic_show .word .en{
  float: left;
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin-top: 12px;
  color: black; /*Banner副標題文字*/
}
/*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*/