/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>修正Mweb錯誤繼承 version 6.0*/


/*作者: Alan 2016.06.16*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>全站基礎*/

html {
	overflow-x: hidden;
	overflow-y: scroll;
}

body {
	overflow-x: hidden;
	width: 100%;
	opacity: 0;
}

html,
body,
input,
textarea,
button,
select {
	font: 16px/normal 'Microsoft JhengHei', 'FontAwesome', 'Arial';
}


a {
	color: inherit;
}

a:hover {
	text-decoration: none;
	color: inherit;
	opacity: 0.8;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.17em;
}

h4 {
	font-size: 1.33em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 0.83em;
}

nav,
.webWidth,
.header,
.breadcrumb,
.content,
.footer,
.index .banner .flex-direction-nav {
	width: 1000px;
	margin: 0 auto
}
.content{
	display: block;
}
.content:after{
	content: '';
	display: block;
	clear: both;
}
.webWidth:after{
	content: '';
	display: block;
	clear: both;
}
.lag, .lagH, .register, .search, .sort, .psort, .result{
	float: none;
}

.cart_cnt{
	color:#fff !important;
}
@media screen and (max-width: 787px){
	.content{
		width: 100% !important;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}
	.webWidth{
		width: 100% !important;
	}
	.colMain img {
		max-width: 100% !important;
	}


}
@media only screen and (max-width: 767px) and (min-width: 480px){
	.colMain img {
		max-width: 100% !important;
	}
}


@media screen and (max-width: 480px){
	.colMain img {
		max-width: 100% !important;
	}
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<全站基礎*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>頁首基礎*/

header {
	width: auto;
	padding-top: 0;
}

header:after {
	display: block;
	clear: both;
	content: '';
}

.header:after {
	content: '';
	display: block;
	clear: both;
}


.webFunction > li{
	text-align: left;
}
.webFunction > li+li{
	margin-left: 0.5em;
}

.webFunction:after {
	content: '';
	display: block;
	clear: both;
}
#qrcode{
	float: none;
}
@media (max-width: 787px){
	header{
		display: none;
	}
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<頁首基礎*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>LOGO*/

.logo {
	float: none;
	padding-top: 0;
}

.logo a {
	display: block;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<LOGO*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>語言列*/

.lag,
.lagH,
.register {
	font-size: 100%;
}

.lagH {
	padding: 1px 0;
	outline: none;
	margin-bottom: 0.5em;
}

.lagH ul:after {
	display: block;
	clear: both;
	content: '';
}
.lagH li{
	margin-right: 0;
}


.lagH li:hover img{
	opacity: 1;
}

.lagH a {
	display: block;
	vertical-align: bottom;
	position: relative;

}
.lagH a:hover{
	opacity: 1;
}
.lagH img {
	display: block;
	margin-right: 0;
}


/*文字下拉*/
.dd{
	outline: none !important;
}
.ddcommon .ddTitle .ddTitleText img {
	display: inline-block;
}

.ddcommon .ddChild li img {
	display: inline-block;
}

.dd .ddChild li {
	margin-right: 0 !important;
}

.dd .ddTitle .ddTitleText {
	padding: 0 3px !important;
}
.dd .ddTitle{
	color: inherit !important;
}

/*文字下拉*/


/*<<<<<<<<<<<<<<<<<<<<<<<<<語言列*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>登入列 + 洽詢車*/

.register {
	padding: 1px 0;
}
.register:after{
	content: '';
	display: block;
	clear: both;
}
.register li {
	padding-right: 6px;
	color: inherit;
}

.register li:last-child {
	padding-right: 0;
}

.register li a {
	color: #666;
}

.register a:hover {
	color: #333;
}

.register .cartView a {
	display: inline-block;
	height: auto;
	padding-left: 0;
	color: inherit;
	background: none;
}



.register .cartView a:before {
	display: inline-block;
	width: 21px;
	margin-right: 3px;
	content: '\f07a';
	text-indent: 2px;
	color: #fff;
	border-radius: 100px;
	background: #333;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<登入列 + 洽詢車*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>搜尋列*/

.search {
	clear: none;
	overflow: hidden;
	margin-top: 0;
}

#search_form {
	line-height: 0;
	white-space: nowrap;
	letter-spacing: -.31em;
	border: solid 1px #ccc;
	background: #fff;
	color: #333;
}

.search #sf_keyword {
	font-size: 100%;
	width: 180px;
	padding: 0 0 0 0;
	text-indent: 5px;
	letter-spacing: normal;
	border: none;
	outline: none;
	background: none;
	color: inherit;
}

.search #sf_submit {
	font-size: 100%;
	font-size: 0;
	line-height: 21px;
	width: 30px;
	height: 21px;
	padding: 0;
	letter-spacing: normal;
	border: none;
	background: url(../images/basic01.png) 50% 50% no-repeat;
	background-size: auto 75%;
	outline: none;
}

.search input {
	line-height: 21px;
	display: inline-block;
	overflow: hidden;
	box-sizing: content-box !important;
	height: 21px;
	letter-spacing: normal;
	border-radius: 0;
}

.search #sf_keyword::-webkit-input-placeholder {
	color:#ccc;/* chrome 提示字顏色 */
}
.search #sf_keyword::-moz-placeholder {
	color:#ccc;/* firefox 提示字顏色 */
}
.search #sf_keyword:-ms-input-placeholder {
	color:#ccc;/* IE 提示字顏色 */
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<搜尋列*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>主選單*/

nav {
	clear: both;
	width: 100%;
	margin: 0 auto;
}

#navMenu {
	font-size: inherit;
	font-weight: normal;
	height: auto;
	border-radius: 0;
	background: #ccc;
}

#navMenu:after {
	display: block;
	clear: both;
	content: '';
}

#navMenu li a {
	padding: 12px 0;
	color: inherit;
}

.sf-arrows .sf-with-ul:after {
	/*第一層箭頭*/
	right: 10%;
	border-top: 5px solid #999;
	border-right: 5px solid transparent;
	border-bottom: none;
	border-left: 5px solid transparent;
}

.sf-arrows > li:hover > .sf-with-ul:after {
	border-top-color: #999;
}

.sf-arrows ul li:hover > .sf-with-ul:after {
	/*子選單右箭頭*/
	display: none;
}

#navMenu > li {
	border-right: none;
}

#navMenu > li > a {
	white-space: nowrap;
}

#navMenu > li > a:hover {
	background: #fff;
	color: #000;
	opacity: 1;
}

#navMenu > li:hover > a{
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.3) inset;
	border-radius: 5px;
}

#navMenu > li + li {
	background: url(../images/basic02.png) 0 50% no-repeat;
}

#navMenu > li + li:hover {
	background: none;
}

#navMenu > li:hover + li {
	background: none;
}

#navMenu > li + li > a {
	margin-left: 1px;
}

#navMenu li li {
	border-top: none;
	background-image: url(../images/basic03.png);
	background-repeat: repeat-x;
}

#navMenu li li a {
	padding: 8px 10px 8px 15px;
}

#navMenu li li:hover > a {
	color: #f07b20;
}

#navMenu li li:hover {
	background: #fff;
}

#navMenu li li li {
	background: #eee url(../images/basic03.png) 0 0 repeat-x;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<主選單*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>麵包屑*/

.breadcrumb {
	padding: 10px 0;
}

.breadcrumb h1 {
	font-weight: normal;
	display: inline-block;
	font-size: 1em;
	max-width: 30%;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: bottom;
}

.breadcrumb a {
	color: #666;
	display: inline-block;
	max-width: 20%;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: bottom;
}

.breadcrumb a:hover {
	color: #000;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<麵包屑*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>banner首頁+內頁*/

.banner {
	position: relative;
	left: 50%;
	width: 1920px;
	margin-left: -960px;
}

.banner a {
	display: block;
}
.banner a:hover{
	opacity: 1;
}
@media (max-width: 787px) {
	.banner {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<banner首頁+內頁*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>首頁banner*/

.index .banner {
	position: relative;
}

.index .banner #slidepic_pic2 {
	overflow: hidden;
	width: 100%;
	height: auto;
}

.index .banner #slidepic_pic2 a.ad {
	display: block;
}

.index .banner #slidepic_pic2 .control {
	line-height: 0;
	bottom: 5%;
	left: 0;
	width: 100%;
	text-align: center;
}

.index .banner #slidepic_pic2 .control a {
	font-size: 12px;
	line-height: 16px;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	vertical-align: middle;
	text-indent: 0;
	border: 1px solid #ccc;
	background: #fff;
}

.index .banner #slidepic_pic2 .control a:last-child {
	margin-right: 0;
}

.index .banner #slidepic_pic2 .control a.on {
	color: #fff;
	background: #f00;
}


/*控制鈕*/

.index .banner .flex-control-nav {
	line-height: 0;
	bottom: 6%;
}
.index .banner .flex-control-paging li{
	vertical-align: bottom;
}
.index .banner .flex-control-paging li a {
	background: rgba(255, 255, 255, .5);
	box-shadow: none;
}

.index .banner .flex-control-paging li a.flex-active {
	background: #fff;
}


/*控制鈕*/


/*方向紐*/

.index .banner .flex-direction-nav {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}

.index .banner .flex-direction-nav a {
	color: rgba(255, 255, 255, .8);
}

.index .banner .flex-direction-nav a:hover {
	color: rgba(255, 255, 255, 1);
}


/*方向紐*/


/*<<<<<<<<<<<<<<<<<<<<<<<<<首頁banner*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>左選單*/

.colSide {
	width: 250px;
}

.colSide h4 {
	font-size: 120%;
	/*左選單標題*/
	margin-bottom: 0;
	padding: 12px 15px;
	border-radius: 0;
	background: #000;
}

.sideCate a:hover {
	/*共用-按鈕滑過*/
	opacity: .7;
}

.sideCate ul {
	/*左選單-次分類縮排*/
	margin-bottom: 0.5em;
	padding-left: 2em;
}
.sideCate > li > span {
	display: block;
}
.sideCate > li > span > a[title] {
	font-weight: normal;
	/*第一層*/
	padding: 8px 10px 8px 20px;
	color: inherit;
}

.sideCate > li.active > span > a[title] {
	font-weight: bold;
	/*第一層-執行中*/
	color: #fb0;
}
.sideCate li li{
	/*第二層*/
	margin-bottom: 0.2em;
}

.sideCate li li:last-child{
	margin-bottom: 0;
}

.sideCate li li a{
	/*第二層*/
	padding: 0;
}
.sideCate > li > ul > li > a {
	/*第二層*/
	padding: 6px 0 6px 10px;
	color: #555;
	border-bottom: dashed 1px #ccc;
}

.sideCate > li > ul > li:last-child > a {
	/*第二層*/
	border-bottom: none;
}

.sideCate > li > ul > li a.active {
	font-weight: bold;
	/*第二層-執行中*/
	color: #fb0;
}

.sideCate li a.tree {
	z-index: 1;
	width: 20px;
	height: auto;
	/*展開按鈕*/
	padding: 0;
}

.sideCate li a.tree:before {
	font-weight: normal;
	line-height: normal;
	display: inline-block;
	/*展開按鈕*/
	content: '\f0fe';
	color: #000;
}

.sideCate li a.tree.active {
	/*展開按鈕*/
	background: none;
}

.sideCate li a.tree.active:before {
	/*展開按鈕*/
	content: '\f146';
}

.sideCate li.par_tree,
.sideCate li.par_tree.active {
	/*左選展開按鈕-刪除多於按鈕*/
	background: none;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<左選單*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>右半邊--標題*/

h2.menuTitle {
	font-size: 120%;
	padding: 11px 0;
	border-bottom: solid 2px #000;
	background: none;
}

h2.menuTitle:before {
	padding: 0 8px;
	content: '\f04b';
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<右半邊--標題*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>頁尾*/

footer a {
	color: inherit;
}

footer a:hover {
	color: inherit;
	opacity: 0.8;
	text-decoration: none;
}

.footer .social {
	float: none;
}

.footer .menu {
	margin-bottom: 0;
}

.footer .menu a:first-child {
	padding-left: 0;
}

.footer .info {
	padding-left: 0;
}

.footer .copyright{
	padding-left: 0;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<頁尾*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>下方選單*/
.footer .navBot:after{
	content: '';
	display: block;
	clear: both;
}
.footer .navBot li{
	float: left;
}

.footer .navBot li + li{
	border-left: solid 1px #fff;
	margin-left: 0.5em;
	padding-left: 0.5em;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<下方選單*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>頁尾聯絡資訊*/
.footer .info li{
	display: table;
}
.footer .info i{
	width: 1.2em;
	padding-right: 0.4em;
}
.footer .info label{
	display:table-cell;
	padding-right: 0.6em;
	white-space: nowrap;
}
.footer .info span{
	display:table-cell;
	width: 100%;
}
@media (max-width: 787px){
	.footer{
		width: 100%;
		padding-left: 1em;
		padding-right: 1em;
		box-sizing: border-box;
	}
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<頁尾聯絡資訊*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>首頁--中間基本*/

.index .colMain {
	float: none;
	width: 100%;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<首頁--中間基本*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>洽詢車表單*/

.cartCont .cartList .btnOrder {
	line-height: normal;
	/*洽詢車列表的回上一頁*/
	float: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px 15px;
	border: 0;
	background: #999;
}

.cartCont .cartList .btnOrder:hover {
	color: #000;
	/*洽詢車列表的回上一頁*/
	background: #ccc;
}

.cartCont .cartList table td {
	/*洽詢列表*/
	vertical-align: middle;
}

.cartCont .cartList a {
	color: inherit;
}

.cartCont .cartList a:hover {
	opacity: .6;
}

.cartCont .button {
	/*送出按鈕高度*/
	height: auto;
}

.cartCont .colMain {
	/*右半邊展開*/
	width: 100%;
}

.cartCont .colSide {
	/*左半邊隱藏*/
	display: none;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<洽詢車表單*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>聯絡表單*/

.contactCont .button {
	/*送出按鈕高度*/
	height: auto;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<聯絡表單*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>最新消息-新版*/

.news4 .newlist .text {
	/*最新消息列表簡述*/
	margin: 10px 0 0 0;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<最新消息-新版*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>最新消息-舊版*/

.newsList th {
	color: #fff;
	border-top: none;
	border-bottom: none;
	background: #333;
}

.newsList th + th {
	border-left: solid 1px #fff;
}

.newsList a {
	color: #000;
}

.newsList a:hover {
	color: #f07b20;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<最新消息-舊版*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>電子型錄*/

#prod_layout.productGrid.cateBox .proList {
	width: auto;
}

.catalogCont .productGrid .proList .img {
	max-width: 100%;
	border: solid 1px #ddd;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<電子型錄*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>會員登入*/

.loginCont .colSide {
	display: none;
}

.loginCont .colMain {
	width: 100%;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<會員登入*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>會員註冊*/

.registerCont .colSide {
	display: none;
}

.registerCont .colMain {
	width: 100%;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<會員註冊*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>產品--搜尋結果*/

.search_div .colSide {
	display: none;
}

.search_div .colMain {
	width: 100%;
}

.search_div .proWrapBox {
	text-align: center;
}

.search_div .advSearch {
	text-align: left;
}

.search_div .sortBox {
	text-align: left;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<產品--搜尋結果*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>產品--產品列表*/
/*加入購物車的按鈕*/
.btnOrder{
	font-size: 12px;
}
/*加入購物車的按鈕*/
/*產品列表的數統計*/
.result{
	float: right;
}
/*產品列表的數統計*/

/*產品列表顯示模式切換*/
.psort{
	float: right;
}
.sortBox {
	margin-bottom: 0;
}

.sortBox:after {
	display: block;
	clear: both;
	content: '';
}

.sort a {
	height: 21px;
}

.psort a {
	height: 21px;
	margin-top: 0;
}

a.iconGrid {
	background-position: -25px -30px;
}

a.iconGridOn {
	background-position: -25px 0;
}

a.iconList {
	background-position: 0 0;
}

a.iconListOn {
	background-position: 0 -30px;
}


/*產品列表顯示模式切換*/
/*產品列表-共用*/
.proList .img a{
	display: block !important;
	height: 100%;
	position: relative;
}

.proList .img a img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/*產品列表-共用*/
/*產品列表-九宮格*/
.productGrid .proList{
	margin: 0;
	width: auto !important;
	height: auto !important;
}
.productGrid .proList .img{
	padding: 8px;
}
.productGrid .proList .txt{
	padding-left: 0.5em;
	padding-right: 0.5em;
	box-sizing: border-box;
}
.productGrid .proList .img:hover{
	box-shadow: none;
}

.productGrid .proList h3{
	margin: 0;
}
.productGrid .proList h3 a{
	color: inherit;
}
.productGrid .proList h3 a:hover{
	text-decoration: none;
}
/*產品列表-九宮格*/
/*產品列表-橫式*/
.productList .proList{
	padding: 0 0 1em 0;
	/*border-bottom:none;*/
	display: table;
	width: 100%;
}
.productList .proList + .proList{
	margin-top: 1em;
}
.productList .proList .img{
	margin-right: 0;
	background: #fff;
	padding: 0;
	display: table-cell;
	padding: 8px;
}
.productList .proList .txt{
	display: table-cell;
	padding-left: 1em;
}
.productList .proList h3 a{
	color: inherit;
}
.productList .proList h3 a:hover{
	text-decoration: none;
}

/*產品列表-橫式*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<產品--產品列表*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>產品--詳細介紹*/

.showProCont .productPic {
	margin-bottom: 15px;
}


/*產品圖片寬版幻燈片*/

.showProCont #prod_img {
	height: 300px;
	padding: 30px 0;
}

.showProCont #prod_img a {
	height: 100%;
	letter-spacing: -.31em;
}

.showProCont #prod_img a:before {
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}

.showProCont #prod_img img {
	max-width: 100%;
	max-height: 100%;
}


/*產品圖片寬版幻燈片*/


/*產品圖片窄版幻燈片*/

.productPic {
	width: 50%;
	margin-right: 5%;
}

.productRight {
	float: left;
	width: 45%;
}


/*產品圖片窄版幻燈片*/


/*縮圖*/

.showProCont #slideout {
	height: auto;
}

.showProCont #slide {
	width: auto;
	margin-right: 15px;
	margin-left: 15px;
}

.show_prodcut #thumblist:after {
	display: block;
	clear: both;
	content: '';
}

.show_prodcut #thumblist li {
	margin: 0 0;
}

.show_prodcut #thumblist a {
	line-height: normal;
	float: none;
	letter-spacing: -.31em;
}

.show_prodcut #thumblist a:before {
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}

.show_prodcut #thumblist a .thumbs {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

#prevBtn,
#nextBtn {
	width: 15px;
}

#nextBtn {
	background-position: 100% 0;
}

.glass-case ul li .gc-li-display-container img {
	/*手機版*/
	max-width: 100%;
	max-height: 100%;
}


/*縮圖*/


/*數量*/

.showProCont .qty {
	margin: 20px 0;
}

.showProCont .qty input {
	margin-bottom: 0;
}


/*數量*/


/*頁籤*/

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ccc;
}

.r-tabs-state-default {
	background: #ccc;
}

.r-tabs .r-tabs-nav {
	margin-bottom: -1px;
	border-bottom: 0;
}

.display_editor_data.r-tabs-panel {
	border-top: solid 1px #ccc;
}


/*頁籤*/


/*<<<<<<<<<<<<<<<<<<<<<<<<<產品--詳細介紹*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>修正IE9 ~ IE10*/

:root #navMenu ul li a {
	padding: 8px 5px 8px 15px \9;
}

:root body {
	font-size: none;
	background-position: 0 0;
}

:root .sort a,
:root .psort a {
	margin-top: 0 \9;
}

:root h2.menuTitle {
	/*右半邊大標題*/
	padding: 0 0 10px 40px \9;
}

:root .btnOrder {
	/*產品頁的加入洽詢車*/
	padding: 10px 10px 10px 40px \9;
}

:root #navMenu {
	/*主選單*/
	font-size: 16px \9;
}

:root .lag,
.register {
	font-size: 100%;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<修正IE9 ~ IE10*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>編輯器*/

.display_editor_data {
	/*font-size:24px;*/
}

.display_editor_data p {
	font-size: 100%;
	margin: 1em 0;
}

.display_editor_data h4 {
	font-size: 110%;
	margin: 1em 0;
	color: #ea8211;
}

.display_editor_data h3 {
	font-size: 120%;
	margin: 1em 0;
	color: #06c;
}

.display_editor_data h2 {
	font-size: 130%;
	margin: 1em 0;
	color: #c00;
}

.display_editor_data h1 {
	font-size: 140%;
	margin: 1em 0;
}

.display_editor_data img {
	display: inline;
}

.display_editor_data ol {
	margin: 1em 0;
	padding-left: 2em;
}

.display_editor_data ul {
	margin: 1em 0;
	padding-left: 2em;
	list-style-type: disc;
}

.display_editor_data table {
	margin: 1em auto;
}

blockquote td,
.display_editor_data td {
	padding: 5px;
	border-color: #666;
}

.display_editor_data th {
	padding: 8px;
	color: #000;
	border-color: #666;
	background: #ddd;
}

.display_editor_data a {
	color: #06f;
}

.display_editor_data img {
	max-width: 100%;
}


/*<<<<<<<<<<<<<<<<<<<<<<<<<編輯器*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>常用-產品輪播*/
.proSlider .flexslider{
	background: none;
	margin-bottom: 0;
	padding-bottom: 2em;
	border: none;
}
.proSlider a.imgBorder{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
}

.proSlider .flexslider .slides > li{
	text-align: center;
}

.proSlider a.imgBorder{
	position: relative;
}
.proSlider .flexslider .slides img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.proSlider .flex-control-nav{
	bottom: 0;
	line-height: 0;
}

.proSlider .flex-direction-nav a {
	margin: 0 !important;
	transform: translateY(-50%) !important;
	font-size: 0;
	height: auto;
}
.proSlider .flex-direction-nav .flex-prev{
	text-align: left;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<常用-產品輪播*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>手機版*/


/*選單*/

.mm-menu .mm-list a.reset {
	background: none !important;
}

.mm-menu #search_form {
	margin-bottom: 10px;
	margin-left: 20px;
	background: none;
	border: none;
}
.mm-menu .mm-list li.contact_info{
	color: inherit !important;
}
#rwd-menu h3{
	color: inherit !important;
}
/*選單*/

@media (max-width: 787px) {
	.productGrid .proList .img img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		box-sizing: border-box;
	}
}

@media (max-width: 480px) {
	.productGrid .proList {
		width: auto !important;
	}
}

@media screen and (max-width: 787px){
	.content {
		margin: 0px auto !important;
		padding-left: 0;
		padding-right: 0;
	}
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<手機版*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>擴充*/

.after:after {
	display: block;
	clear: both;
	content: '';
}

.v-middle {
	letter-spacing: -0.31em;
}

.v-middle > * {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
}

.v-middle:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.table {
	display: table;
}

.table label {
	display: table-cell;
}

.table span {
	display: table-cell;
}


ul.hasLabel li{
	display: table;
}

ul.hasLabel li label{
	display: table-cell;
	padding-right: 0.5em;
	white-space: nowrap;
}
ul.hasLabel li span{
	display: table-cell;
	width: 100%;

}
style{
	display: none !important;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<擴充*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<修正Mweb錯誤繼承 version 6.0*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>客製*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>全站基礎*/
@font-face {
  font-family: 'custom';
  src: url(../font/FranklinGothic.woff) format('woff');
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<全站基礎*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>頁首基礎*/
header{
	background: #9A3233;
	color: #fff;
}
.header{
	padding: 1.6em 0 1em;
}
.header .left{
	width: 60%;
}
.header .right{
	width: 40%;
	text-align: right;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<頁首基礎*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>LOGO*/
.logo a:after{
	content: '';
	display: block;
	clear: both;
}
.logo img{
	display: inline-block;
}
.logo .text{
	margin-left: 0.5em;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<LOGO*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>語系選單*/
.lagH{
	display: inline-block;
}
.lagH li+li{
	padding-left: 15px;
	margin-left: 15px;
	border-left: solid 1px #fff;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<語系選單*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>主選單*/
nav{
	border-bottom: solid 1px #9A3233;
}
#navMenu{
	width: 1000px;
	margin: 0 auto;
	background: #fff;
}
#navMenu > li + li{
	background: none;
}
#navMenu > li + li > a{
	margin-left: 0;
	border-left: solid 1px #9A3233;
}
#navMenu > li:hover > a{
	box-shadow: none;
	border-radius: 0;
	background: #9A3233;
	color: #fff;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<主選單*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>頁尾*/
footer{
	background: #9A3233;
	padding-top: 2em;
	font-size: 100%;
}


.footer.v-middle > *{
	vertical-align: top;
}
.footer{
	margin-bottom: 1em;
	width: 900px;
}

.footer .s01{
	width: 20%;
}
.footer .s02{
	width: 60%;
	text-align: center;
}
.footer .s03{
	width: 20%;
	text-align: right;
}

.footer .s02 .info-BOX{
	display: inline-block;
	text-align: left;
}
.footer .s02 .info-BOX h4{
	margin-bottom: 0.5em;
}


.footer .info li{
	margin-bottom: 0.2em;
}
.footer .info i{
	display: none;
}
.footer2{
	border-top: solid 1px #B98086;
	background: #8B2D2E;
	text-align: center;
	color: #D1A19D;
	padding: 1em 0;
}
.footer3{
	text-align: center;
}
.footer3 .title{
	font-family: 'Arial black','Microsoft JhengHei';
	color: #F5A711;
	font-size: 1.8em;
	text-transform: uppercase;
	margin-bottom: 1em;
}

#qrcode img{
	width: 110px;
	margin-bottom: 1em;
}
._social_media li{
	margin-bottom: 0.5em;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<頁尾*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>首頁輪播*/
.proSlider a.imgBorder{
	height: 250px;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<首頁輪播*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>麵包屑*/
.breadcrumb{
	text-align: right;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<麵包屑*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>左選單*/
.colSide{
	margin-top: -58px;
	font-family: 'custom','Microsoft JhengHei';
	letter-spacing: 0.5px;
}
.colSide h4{
	background: none;
	color: #B4482E;
	text-align: center;
	font-size: 1.6em;
	text-transform: uppercase;
}
.sideCate{
	padding-top: 1em;
	background: #B08B70;
	color: #fff;
	border-radius: 15px;
	overflow:hidden;
}
.sideCate > li{
	border-bottom-color: #95755E;
}

.sideCate > li > span > a[title]{
	padding: 1.5em 0.5em 1.5em 70px;
	background-size: 45px 50px;
	background-position: 10px 50%;
	background-repeat: no-repeat;

}
.sideCate > li+li > span > a[title]{
	box-sizing: border-box;
	border-top: solid 1px rgba(255,255,255,0.2);
}

.sideCate > li > span > a[title].active{
	background-color: #B4482E;
}
#c-43692 > span > a{
	background-image: url(/uploadfiles/235/_sidebar/icon01.png);
}
#c-43714 > span > a{
	background-image: url(/uploadfiles/235/_sidebar/icon02.png);
}
#c-47233 > span > a{
	background-image: url(/uploadfiles/235/_sidebar/icon03.png);
}
#c-43694 > span > a{
	background-image: url(/uploadfiles/235/_sidebar/icon04.png);
}
#c-43703 > span > a{
	background-image: url(/uploadfiles/235/_sidebar/icon05.png);
}
#c-43705 > span > a{
	background-image: url(/uploadfiles/235/_sidebar/icon06.png);
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<左選單*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>右半邊標題*/
h2.menuTitle{
	border-bottom: none;
	background: linear-gradient(to bottom, rgba(254,148,2,1) 0%,rgba(254,173,65,1) 100%);
	color: #fff;
	padding-left: 1em;
	font-size: 1.6em;
	padding-top: 5px;
	padding-bottom: 5px;
}
h2.menuTitle:before{
	display: none;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<右半邊標題*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>產品列表*/
.productGrid .proList .img{
	border-radius: 0;
}
.productGrid .proList .txt{
	background: #CA8B00;
	border-top: solid 1px #996035;
	color: #fff;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.productGrid .proList:hover .txt{
	background: #C14648;

}
.productGrid .proList:hover a{
	opacity: 0.8;

}
/*<<<<<<<<<<<<<<<<<<<<<<<<<產品列表*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>首頁*/
.index .content{
	width: 100%;
	padding-bottom: 0;
}
/*區塊1*/
.section01{
	color: #fff;
	background: url(/uploadfiles/235/index/index05.jpg);
	margin-top: 3em;
	padding-top: 3em;
}

.section01 .proSlider .flex-control-nav{
	display: none;
}
.section01 h3{
	text-align: center;
	font-family: 'Arial black','Microsoft JhengHei';
    color: #F5A711;
    font-size: 1.8em;
    text-transform: uppercase;
    margin-bottom: 1em;
}
.section01 .proSlider a.imgBorder{
	background: #fff;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.section01 .proSlider a.anli_box_title{
	background: #993233;
	display: block;
/*	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;*/
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5em;
	box-sizing: border-box;
	min-height: 60px;
}

.section01 .flex-direction-nav a.flex-prev{
	height: 40px;
	background: url(../images/img02.png) 50% 50% no-repeat;
	left: -40px;
}
.section01 .flex-direction-nav a.flex-next{
	height: 40px;
	background: url(../images/img03.png) 50% 50% no-repeat;
	right: -40px;
}
.section01 .flex-direction-nav a:before{
	display: none;
}

/*區塊1*/
/*區塊2*/
.section02{
	margin-top: 2em;
}
.section02:after{
	content: '';
	display: block;
	clear: both;
}
.section02 .block{
	display: block;
	background: #A44715;
	color: #fff;
	width: 32.5%;
	float: left;
	padding: 0.8em;
	box-sizing: border-box;
	margin-bottom: 0.8em;
}
.section02 .block:nth-child(3n-1){
	margin-left: 1.25%;
	margin-right: 1.25%;
}
.section02 .block:nth-child(even){
	background: #A97051;
}
.section02 .block .image{
	width: 40%;
	padding-right: 3%;
	text-align: center;
}
.section02 .block .text{
	width: 57%;
}
/*區塊2*/
/*區塊3*/
.section03{
	margin-top: 3em;
}
.section03:after{
	content: '';
	display: block;
	clear: both;
}
.section03 .block{
	display: block;
	width: 25%;
	float: left;
	text-align: center;
	margin-bottom: 2em;
}
.section03 .block .image{
	display: inline-block;
}
/*區塊3*/
@media (max-width: 787px){
	.index .section{
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}
	.section02 .block{
		width: 50%;
	}

	.section02 .block:nth-child(3n-1){
		margin-left: 0;
		margin-right: 0;
	}

	.section03 .block{
		width: 33%;
	}

	.section01 .flex-direction-nav a.flex-prev{
		left: 0px;
		background: none;
	}
	.section01 .flex-direction-nav a.flex-next{
		right: 0px;
		background: none;
	}

	.section01 .flex-direction-nav a:before{
		display: block;
	}

	.footer3 .title{
		display: none;
	}
	.footer .s01{
		display: none;
	}


	.footer .s03{
		width: 100%;
		text-align: center;
	}
	.footer .s02{
		width: 100%;
		margin-bottom: 1em;
	}
	.footer .s02 .info-BOX h4{
		text-align: center;
	}
	.footer .info li{
		margin-left: auto;
		margin-right: auto;
	}
	#qrcode{
		display: none;
	}
}
@media (max-width: 400px){
	.section02 .block{
		width: 100%;
	}
	.section03 .block{
		width: 100%;
	}
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<首頁*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>手機版*/
.rwd-header{
	background: #9A3233 !important;
}
.mm-menu{
	background: #9A3233 !important;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<手機版*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<客製*/