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

/* template_id NONE */
/* load db logo_img */
/**
*網站LOGO
**/
.logo_img {height:100%}
/*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 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 ad008 */
/*模組-廣告連結*/
.ad008{
	width: 100%;
	padding: 8px 0px;
	border-radius: 10px;
	background-color: #f7f7e7;
	border: 2px dashed #ececd5;
}

.ad008 .bx-wrapper {
	min-width: 735px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.ad008 .bx-wrapper img {
	max-width: 100%;
	display: block;
}

.ad008 .slide{transition: all 0.2s ease 0s;}
.ad008 .slide:hover{opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);}
/** THEME
===================================*/

.ad008 .bx-wrapper .bx-viewport {
	border:  5px solid transparent;
	left: -5px;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.ad008 .bx-wrapper .bx-pager,
.ad008 .bx-wrapper .bx-controls-auto {
	display: none;
}

/* LOADER */

.ad008 .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../../model/sample/baseimg/ad008/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.ad008 .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.ad008 .bx-wrapper .bx-pager .bx-pager-item,
.ad008 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.ad008 .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.ad008 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.ad008 .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.ad008 .bx-wrapper .bx-prev {
	left: -120px;
	border-radius: 7px;
	background: #d2c397 url(../../model/sample/baseimg/ad008/btn_left.png) center center no-repeat;
	z-index: 1;
}

.ad008 .bx-wrapper .bx-next {
	right: -120px;
	border-radius: 7px;
	background: #d2c397 url(../../model/sample/baseimg/ad008/btn_right.png) center center no-repeat;
	z-index: 1;
}

.ad008 .bx-wrapper .bx-prev:hover {
	background: #ab9d72 url(../../model/sample/baseimg/ad008/btn_left.png) center center no-repeat;
}

.ad008 .bx-wrapper .bx-next:hover {
	background: #ab9d72 url(../../model/sample/baseimg/ad008/btn_right.png) center center no-repeat;
}

.ad008 .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	outline: 0;
	width: 21px;
	height: 50px;
	text-indent: -9999px;
	z-index: 70;
}

.ad008 .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.ad008 .bx-wrapper .bx-controls-auto {
	text-align: center;
}

.ad008 .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.ad008 .bx-wrapper .bx-controls-auto .bx-start:hover,
.ad008 .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.ad008 .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.ad008 .bx-wrapper .bx-controls-auto .bx-stop:hover,
.ad008 .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.ad008 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.ad008 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.ad008 .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #6669;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.ad008 .bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/*END*/
/* load db model002 */
.model002 img{max-width:100%;max-height:100%;}
.model002{position:relative;}
/*END*/
/* load db product016 */
.product016 .product_show{
    width: 1002px;
    position: relative;	
margin: 0 auto;
}
.product016 .product_block{
    clear:both;
    position: relative;	
}

.product016 .type_select{
	display: inline-block;
	width: 163px;
	height: 26px;
	color: #687070;
	font-size: 13px;
	text-align: left;
	float: right;
    background-color: #fff;
    margin-top: 50px;
    margin-bottom: 35px;
}

.product016 .type_select .styled_select{
    width: 163px;
    height: 26px;
    overflow: hidden;
    background: url(../../model/sample/baseimg/product016/lang.png) no-repeat 135px;
}
.product016 .type_select .styled_select select {
    background: transparent;
    width: 163px;
    padding: 0 5px;
    color: #687070;
    font-size: 13px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 26px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;

   }

.product016 .product_link{
    display: inline-block;
    width: 235px;
    margin-right: 20px;
    float: left;
    margin-bottom: 60px;
    text-align: left;
}
.product016 .product_link .more{
    position: absolute;
    width: 235px;
    height: 235px;
    background-color: rgba(0,0,0,0.8);
    z-index: 10;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;	
}
.product016 .product_link .more img{
	position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;	
    -webkit-transition-delay: .2s; /* Safari */
    transition-delay: .2s;
}
.product016 .product_link:hover .more{
	opacity: 1;

}
.product016 .product_link:hover .more img{
	margin-top: -23px;
	opacity: 1;
}
.product016 .product_block .product_link:nth-child(4n){
	margin-right: 0;
}
.product016 .product_link .imgs{
	display: inline-block;
	width: 100%;
      background-color: #fff;
  overflow:hidden;
}
.product016 .product_link .imgs img{
width: 100%;
	max-width: 100%;
}
.product016 .product_link:hover .imgs img{
	opacity: 1;
}
.product016 .product_link .text{
    display: inline-block;
    width: 100%;
    background-color: white;

    letter-spacing: 1px;
}
.product016 .product_link .text .text_in{
    margin: 17px 12px 8px;
}
.product016 .product_link .title{
    font-size: 15px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  color:#343434;
}
.product016 .product_link .type{
    font-size: 13px;
    color: #988a68;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid gainsboro;
    padding: 10px 0 20px;
}

.product016 .menu_page{
clear:both;
	display: inline-block;
	width: 100%;
	margin-top: 30px;
text-align: center;
}
.product016 .menu_page a{text-decoration: none}
.product016 .menu_page .page_block{
	display: inline-block;
}
.product016 .menu_page .page_block > a{
	display: inline-block;
	float: left;
    margin: 0 2px;
}
.product016 .menu_page .num_page{
    display: inline-block;
    float: left;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    margin-right: 10px;
    padding: 0 10px 0 20px;
    background: url(../../model/sample/baseimg/product016/bar.jpg) no-repeat 8px,url(../../model/sample/baseimg/product016/bar.jpg) no-repeat right;
}
.product016 .menu_page .num_page > a{
  
    display: inline-block;
    width: 26px;
    height: 24px;
    color: white;
    background-color: #708281;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;	    
}
.product016 .menu_page .num_page > a:hover,.product016 .menu_page .num_page > a.active{
	background-color: white;
	color: black;
}
.product016 .loading{
  background:url(../../model/sample/baseimg/product016/loading.gif) no-repeat center center;
}
/*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 copyright */
.copyright_desc,.copyright_desc a,.copyright_desc a:hover{
	color:#fff;
	line-height: 22px;
}
/*END*/