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

/* template_id HOM_VI06_COS01 */
/* load db model002 */
.model002 img{max-width:100%;max-height:100%;}
.model002{position:relative;}
/*END*/
/* load db member001 */
.member001{text-align: right;float: right;}
.member001,.member001 a{color:#cc2a1e;}
/*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 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 product008 */
.product008{
	width:91.4%;
	margin:0 auto;
}
.product008 .modelTitle {
	margin-bottom:30px;
}
.product008 .subtitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	font-weight: bold;
	margin-left: 15px;
	letter-spacing: 1px;
}
.product008 .product_slider{width:100%;}
.product008 .bxslider {width:100%;position:relative;}
.product008 .slide{float:left;position:relative;}
.product008 .slide img{width:100%;}
.product008 .content{position:relative;}
.product008 .split{position:absolute;top:0px;left:100%;height: 100%;
	background: transparent url(images/product008/split.png) top center scroll repeat-y;
}
.product008 .content .info{position:relative;}
.product008 .content .title{float:left;
position: relative;width:70%;
	font-family: "微軟正黑體";
	font-size: 15px;
	font-weight: bold;
	margin-top: 20px;
	letter-spacing: 1px;
}
.product008 .content .price{float:right;font-family: Arial;font-weight: bold;letter-spacing: 1px;font-size: 15px;word-wrap: break-word; word-break: normal;width:25%;  margin-top: 20px;}

.product008 .content .summary{
	font-family: "微軟正黑體";
	font-size: 13px;
	margin-top: 10px;
	letter-spacing: 1px;
    line-height:16px;
}

.product008 .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;position:absolute;top:10px;right:0px;}
.product008 .bx-wrapper .bx-pager .bx-pager-item,.product008 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.product008 .bx-wrapper .bx-pager.bx-default-pager a {background: #FFF;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 3px;outline: 0;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;border:1px solid #bfbfbf;}
.product008 .bx-wrapper .bx-pager.bx-default-pager a:hover,.product008 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #bfbfbf;}

/*END*/
/* load db news007 */
.news007 .modelTitle {
	margin-bottom:30px;
}
.news007 .subtitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	font-weight: bold;
	margin-left: 15px;
	letter-spacing: 1px;
}
.news007 .modelItem {
	position: relative;
	display: inline-block;
}

.news007 .modelItem .box{
	float:left;
	width: 25%;
}

.news007 .modelItem .box .date{
	background-color: #e5e5e5;
	height: 0px;
	padding-bottom:100%;	
	font-family: Arial;
	font-size: 150%;
	line-height: 350%;	
	letter-spacing: 2px;
	text-align: center;	
}

.news007 .modelItem .content{
	float:left;
	margin-left:3.5%;
	position: relative;
	width: 63%;
}

.news007 .modelItem .content .subject,.news007 .modelItem .content .subject a {
	font-family: "微軟正黑體";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 110%;
	text-decoration: none;
}
.news007 .modelItem .content .summary ,.news007 .modelItem .content .summary a {
	margin-top:8px;
	font-family: "微軟正黑體";
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 16px;
	text-decoration: none;
}
.news007 .modelLine {
	height: 26px;
	background: transparent url(images/news007/line.png) center left scroll repeat-x;
	margin-right:18px;
}

/*END*/
/* load db ad003 */
.ad003{position:relative;width: 985px;margin:0 auto;}
.ad003 ._item{float:left;margin-left:11px;}
.ad003 ._item:first-child{margin-left:0px;}
.ad003 ._item:hover {opacity:0.8;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);}
/*END*/
/* load db product009 */
.product009{padding:70px 0px;}
.product009 .titleimg {
	text-align: center;
}
.product009 .subtitle  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align:center;
	line-height: 30px;
    color:#548d02;
}

.product009 .product_product{
	padding-top:30px;
}
.product009 .product_line_0 {
	height: 1px;
	width:100%;
	background-color: #c9c9c9;
	clear:both;
}
.product009 .P1 {
	width: 24%;
	float: left;
	padding:35px 0px;
}
.product009 .product_line_1 {
	width: 1px;
	height: 414px;
	background-color: #c9c9c9;
	float: left;
}
.product009 .P1_pic {
	width: 100%;
	overflow: hidden;
	text-align: center;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	-o-background-size:contain;
	background-size:contain;

	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.product009 .P1_pic img{width:100%;}
.product009 .P1_pic:hover {
	opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);
}
.product009 .P1_title {
	font-size: 12px;
	text-align: center;
	font-family: "微軟正黑體";
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	padding:8px 0px 0px;
}
.product009 .P1_text {
	font-size: 10px;
	text-align: center;
	font-family: "微軟正黑體";
	font-size: 11px;
	letter-spacing: 1px;
	padding:8px 0px;
}
.product009 .P1_price {
	font-size: 15px;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 8px;}


.product009 .menu_page{width:100%;text-align: center;}
.product009 .page_block{display: inline-block;margin:50px auto;}
.product009 .page_block li{list-style-type: none;float: left;width:26px;height:24px;margin-right:3px;}
.product009 .page_block li a{display: block;text-decoration: none;text-align: center;font-family:'Open Sans',Arial,Helvetica,sans-serif;line-height: 24px;color:#FFF;background-color: #b7b7b7;border-radius:2px;font-size:10px;}
.product009 .page_block li a:hover,.product009 .page_block li a.active{background-color: #868686;}
.product009 .first{background: transparent url(../../model/sample/baseimg/product009/page_num_first.png) center center  scroll no-repeat;width:26px;height:24px;}
.product009 .prev{background: transparent url(../../model/sample/baseimg/product009/page_num_prev.png) center center  scroll no-repeat;width:26px;height:24px;}
.product009 .next{background: transparent url(../../model/sample/baseimg/product009/page_num_next.png) center center  scroll no-repeat;width:26px;height:24px;}
.product009 .end{background: transparent url(../../model/sample/baseimg/product009/page_num_last.png) center center  scroll no-repeat;width:26px;height:24px;}

/*進階搜尋*/
.product009 .search_btn_area{background-color: #548d02;color:#ffffff;font-size:13px;line-height:31px;margin-top:35px;text-align:center}
.product009 .txt,.product009 .btnToggle{cursor:pointer;}
.product009 .btnToggle {cursor: pointer; height: 24px; width: 24px;position:relative;display:inline-block;}
.product009 .btnToggle .line {background-color: #ffffff;display: block;height: 2px;position: absolute;transition: all 0.3s ease-out 0s;width: 14px;}
.product009 .btnToggle .line_01 {right: 6px;top: 13px;}
.product009 .btnToggle .line_02 {right: 6px;top: 18px;}
.product009 .btnToggle .line_03 {right: 6px;top: 23px;}
.product009 .is-opened .btnToggle .line_01 {top: 18px;transform: rotate(45deg);transform-origin:50% 50% 0;-ms-transform: rotate(45deg);-ms-transform-origin:50% 50% 0;-webkit-transform: rotate(45deg);-webkit-transform-origin:50% 50% 0;-moz-transform: rotate(45deg);-moz-transform-origin:50% 50% 0;-o-transform: rotate(45deg);-o-transform-origin:50% 50% 0;}
.product009 .is-opened .btnToggle .line_02 {opacity: 0;}
.product009 .is-opened .btnToggle .line_03 {top: 18px;transform: rotate(135deg);transform-origin:50% 50% 0;-ms-transform: rotate(135deg);-ms-transform-origin:50% 50% 0;-webkit-transform: rotate(135deg);	-webkit-transform-origin:50% 50% 0;-moz-transform: rotate(135deg);-moz-transform-origin:50% 50% 0;	-o-transform: rotate(135deg);-o-transform-origin:50% 50% 0;}    
.product009 .search_option_area{background-color: #f6f6f6;padding:26px 40px;text-align:left;}
.product009 ._option_subject{line-height:30px;}
.product009 ._options{margin:7px 0px;}
.product009 ._btn_area input{padding:5px;cursor: pointer;}

/*END*/
/* load db model002 */
.model002 img{max-width:100%;max-height:100%;}
.model002{position:relative;}
/*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_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*/