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

/* template_id HOM_VI05_SAL01 */
/* load db logo_img */
/**
*網站LOGO
**/
.logo_img {height:100%}
/*END*/
/* load db web_language002 */
/*語系選擇{*/
.web_language002{
    width: auto;
    display:inline-block;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
    cursor:pointer;
    overflow: hidden;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
.web_language002.open{padding: 0 10px;}
.web_language002 .selected{width: auto;min-width: 30px;display:inline-block;float: left;cursor: pointer;line-height: 30px;text-align:center;font-size: 12px;font-family: Arial, Helvetica, sans-serif;display:inline-block;}
.web_language002 .language_in,.web_language002 .split{float: left;cursor: pointer;line-height: 30px;font-size: 12px;font-family: Arial, Helvetica, sans-serif;display:none;}
.web_language002 .split{padding:0;}
.web_language002.open .language_in,.web_language002.open .split{display:inline-block;}
.web_language002.open .language_in,.web_language002.open .selected{padding:0 10px;}
/*背景顏色*/
.web_language002 {background-color:#ff520e}
/*背景展開顏色*/
.web_language002.open {background-color:#525250}
/*文字顏色*/
.web_language002 {color: #d7d7d7;}
/*文字滑過顏色*/
.web_language002 .language_in:hover{color:#ff520e;}
/*選中顏色*/
.web_language002 .selected{color: #fff;}
/*語系選擇}*/
/*END*/
/* load db web_search002 */
.web_search002{
    background: #ff520e url(images/web_search002/btn_search.png) no-repeat 3% 50%;
    width: 30px;
    height: 30px;
    display: block;
    cursor:pointer;
    overflow: hidden;
    
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.web_search002 .searchkey{height: 30px;float: left;position:relative;}
.web_search002 input{width:110px;height:30px;line-height:30px;border:0px;border: medium none;margin-left:30px;background-color:transparent;opacity: 0;}
.web_search002.open {width: auto;display:inline-block;cursor:auto;}
.web_search002.open input{opacity: 1;margin-left: 40px;margin-right: 30px;}

/*背景顏色*/
.web_search002 {background-color:#ff520e}
/*背景展開顏色*/
.web_search002.open {background-color:#525250}
/*文字顏色*/
.web_search002 .searchkey,.web_search002 input{color: #d7d7d7;}
/*END*/
/* load file model/lib/web_edm002/model.css */
.web_edm002,.web_edm002 .edm_icon{width:30px;cursor:pointer;height:30px}.web_edm002{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzRUI5RjRFRTI2OTExRTRCNTJDOTM3QjVEQUQ5RUNEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzRUI5RjRGRTI2OTExRTRCNTJDOTM3QjVEQUQ5RUNEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjNFQjlGNENFMjY5MTFFNEI1MkM5MzdCNURBRDlFQ0QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjNFQjlGNERFMjY5MTFFNEI1MkM5MzdCNURBRDlFQ0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QmQ5JAAABHklEQVR42mL8//8/Az0BEwOdwaiFI8NCTnpb+A2IQXnnKhC3A7ENRTaC8iEBjA0cA2IzIvRiYEYiMn4gEIsCsS6ULY0k1wTE9dT2ITpOAOKHSL5dAcTMxOonRtFtaBA2ArEKVIwHiLcjWdpOTQuRwU+o4WxQX61DkvOmloWZQLwUiD8gGb4XaiknEF+Fij2EilFsIQzzA/EiJEvnQMW9kcRiqWkhDK9GsgCWNY5B+buoYWEdEH+DJhJQEAoB8SuoBUuhaiqg/G9QNRRZiBx3NlCxdij/LZRvg6TGAJ95xBRtc6H0WSC+AGWfgtJCQMwPxC+Q1EvgM4yRyCYGDxB/QeOrQ9mXgfgvEBtA+XeA+COlFo5WwKMWjlpIOwAQYADyvEUa1pIUpAAAAABJRU5ErkJggg==') 3% 50% no-repeat #ff520e;display:block;overflow:hidden;-webkit-border-radius:10em;-moz-border-radius:10em;border-radius:10em;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}.web_edm002 .edm_icon{float:left;margin-left:3px}.web_edm002 .email{height:30px;float:left;position:relative}.web_edm002 .btn{line-height:30px;padding:0 8px;float:left;cursor:pointer;font-size:12px;font-family:Arial,Helvetica,sans-serif;text-align:center}#btn_reject_email{margin-right:10px;margin-left:1px}.web_edm002 input{width:170px;height:30px;line-height:30px;border:0;border:none;margin-left:30px;background-color:transparent;opacity:0}.web_edm002.open{width:auto;display:inline-block;cursor:auto;font-size:12px;line-height:26px;background-color:#525250}.web_edm002.open input{opacity:1;margin-left:10px}.web_edm002 .btn,.web_edm002 .email,.web_edm002 input{color:#d7d7d7}.web_edm002 .btn:hover{color:#ff520e}
/*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 model002 */
.model002 img{max-width:100%;max-height:100%;}
.model002{position:relative;}
/*END*/
/* load db model002 */
.model002 img{max-width:100%;max-height:100%;}
.model002{position:relative;}
/*END*/
/* load db model001 */
.model001 .about{
  width: 50%;
  float:left;
  position: relative;
  font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;
}
.model001 .about_title{margin-top: 90px;font-size: 60px;line-height: 60px;}
.model001 .about_subtitle{margin-top: 10px;font-size: 24px;line-height: 24px;}
.model001 .about_text{width: 90%;margin-top: 30px;font-size: 13px;line-height: 30px;margin-bottom:90px;}
.model001 .about_more{display: inline-block;position: absolute;bottom:0px;left:0px;padding: 8px;text-align:center;font-size: 14px;line-height: 22px;overflow:hidden;cursor:pointer;
  transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.model001 .about_more:hover{
  text-decoration: none;
}

/* 產品輪播 */
.model001 .imageRotation{
  height:448px;
  width: 50%;
  float: left;
    overflow:hidden;  /*--超出容器的所有元素都不可见--*/
    position:relative;  /*--相对定位--*/
    bodrer-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
/*-------------图片容器---------------*/
.model001 .imageBox{
    position:absolute;  /*--固定定位--*/
    height:448px;
    top:0px;
    left:0px;
    overflow:hidden;
    }
.model001 .imageBox img {
    display:block;
    float:left;
    border:none;
    }
/*-------------标题容器---------------*/
.model001 .titleBox{
    position:absolute;  /*--固定定位--*/
    bottom:0px;
    width:501px;
    height:40px;
    overflow:hidden;
    }
.model001 .titleBox p{
    position:absolute;   /*--固定定位--*/
    bottom:-40px;
    width:501px;
    height:40px;
    margin:0px;
    padding:0px 0px;
    line-height:40px;
    z-index:1;
    background-color:#fff;
    font-family: 微軟正黑體,Microsoft JhengHei,MingLiU,arial,verdana,helvetica,tahoma,Sans-serif;
    text-align:center;
    -moz-opacity:0.5;
    -webkit-opacity:0.5;
    filter:alpha(opacity=50);
}
.model001 .titleBox p span{
    opacity:1;
    -moz-opacity:1;
    -webkit-opacity:1;
    filter:alpha(opacity=100);
    }
.model001 .titleBox p.active{
    bottom:0px;
    }
/*-------------图标容器---------------*/
.model001 .icoBox{
    position:absolute;  /*--固定定位--*/
    bottom:410px;
    right:15px;
    width:76px;
    height:12px;
    text-align:center;
    line-height:40px;
    z-index:2;
    }
.model001 .icoBox span{
    display:block;
    float:left;
    height:12px;
    width:12px;
    margin-left:8px;
    overflow:hidden;
    background:url("images/model001/ico.png") 0px 0px no-repeat;
    cursor:pointer;
    }
.model001 .icoBox span.active {
    background-position:0px -12px;
    cursor:default;
}
/*END*/
/* load db album001 */
.album001{position:relative;}
.album001 .album_title .default{height:15px;background-image: url(images/album001/title_photo.png);background-repeat: no-repeat;}
.album001 .carousel_outer{margin-top:33px;position:relative;}
.album001 .carousel_wrapper{width:788px;height:167px;overflow: hidden;position:relative;margin-left:42px;}
.album001 .carousel_item{margin: 0px 15px;float: left;position:relative;display: block;width:167px;height:167px;}
.album001 .carousel .carousel_item .cover{position: absolute;display:none;z-index: 1;left:0px;top:0px;width:167px;height:167px;}
.album001 .carousel .carousel_item .desc_bg{width:100%;height:100%;position: absolute;z-index: 0;}
.album001 .carousel .carousel_item .cover_desc{width:100%;height:100%;position: absolute;z-index: 1;}
.album001 .carousel .carousel_item .cover_desc a{font-size:14px;text-decoration: none;}
.album001 .carousel .carousel_item .cover_desc td{text-align: center;vertical-align: middle;}
.album001 .carousel_prev{position: absolute;left:0px;width:18px;height:39px;top:64px;background-image: url(images/album001/btn_photoArrow_l.png);background-repeat: no-repeat;cursor: pointer;}
.album001 .carousel_next{position: absolute;right:0px;width:18px;height:39px;top:64px;background-image: url(images/album001/btn_photoArrow_r.png);background-repeat: no-repeat;cursor: pointer;}
.album001 .carousel_prev:hover,.album001 .carousel_next:hover{opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);}

/*滑過圖片-顯示的背景顏色*/
/*.album001 .carousel .carousel_item .desc_bg{background-color: #111111;opacity:0.7;-moz-opacity:0.7;-khtml-opacity: 0.7; filter:alpha(opacity=70);}*/
.album001 .carousel .carousel_item .desc_bg{background-color:rgba(17, 17, 17, 0.7)}
.album001 .carousel .carousel_item .cover_desc a,.album001 .carousel .carousel_item .cover_desc a:hover{color:#FFFFFF;}



/*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*/