@charset "utf-8";

/* CSS Document */



@import url(reset.css);

@import url(font-awesome.min.css);

@import url(rwdgrid.css?qa=1);



body{

	background:url(images/body_bg.png) repeat-x;

	font-family:Arial, Helvetica, sans-serif, "微軟正黑體";

	font-size:13px;}



/*css3*/

a{

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;}



a{

	cursor:pointer;

	color:#c95c30;}



a:hover{

	color:#948D41;}


/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #b1d3f7; 
	}
	th { 
		background: #fafafa; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	
[class*='col-'] {

	float: left;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;}



.col-1{

	float:left;

	width:100%;}



.col-2{

	float:left;

	width:50%;}



.col-3{

	float:left;

	width:33.3%;}

	

.col-4{

	float:left;

	width:25%;}



.col-5{

	float:left;

	width:20%;}



.b-box{

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;}



.btn_color1{

	background:#8f3421;

	color:#FFF;}



a.btn_color1:hover{

	background:#5e1b0d;}



.btn_color2{

background: #7cb525; /* Old browsers */

background: -moz-linear-gradient(top,  #7cb525 0%, #476d10 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7cb525), color-stop(100%,#476d10)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #7cb525 0%,#476d10 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #7cb525 0%,#476d10 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #7cb525 0%,#476d10 100%); /* IE10+ */

background: linear-gradient(to bottom,  #7cb525 0%,#476d10 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb525', endColorstr='#476d10',GradientType=0 ); /* IE6-9 */

}



a.btn_color2:hover{

	background:#7cb525;}



input[type="text"]{

	-webkit-appearance: none;}



textarea{

	-webkit-appearance: none;}



.outerWrap{

	position:relative;}



.wrap{

	width:100%;

	margin:0 auto;}



#gmap{

	display:none;

	height:400px;}



.label{

	padding:5px 7px;

	color:#FFF;

	background:rgba(0,0,0,0.8);}



/***↓↓↓購物車↓↓↓***/

.cartArea{

	display:none;

	width:360px;

	background:#FFF;

	border:5px solid #D8D8D8;

	

	position:fixed;

	top:120px;

	left:50%;

	margin-left:-180px;

	z-index:999;}



.cartArea .wrap{

	position:relative;

	width:auto;

	padding:40px 10px;}



.cartArea ul{

	clear:both;

	max-height:250px;

	overflow-y:auto;}



.cartArea ul li{

	position:relative;

	padding: 10px;

	border-bottom: 1px solid #EEE;

	margin-bottom: 10px;

	text-align:left;}



.cartArea ul li .Img{

	float:left;

	margin-right:15px;

	width:50px;

	height:50px;

	overflow:hidden;}



.cartArea ul li .Img img{

	display:block;

	height:100%;}



.cartArea ul li .Txt{

	overflow:hidden;}



.cartArea ul li .Txt strong{

	margin-bottom:10px;

	display:block;}



.cartArea ul li .Txt strong a{

	display:block;

	font-size:15px;

	color:#272727;

	

	width:90%;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;}



.cartArea ul li .Txt b{

	display:inline-block;

	font-size:12px;

	font-weight:normal;

	padding-right:10px;}



.cartArea ul li .Txt b.price{

	font-size:15px;

	color:#E83336;}



.cartArea ul li i{

	cursor:pointer;

	display:block;

	float:right;

	font-size:18px;

	color:#949494;}



.cartArea .countBox{

	margin-top:10px;

	font-size:13px;

	color:#333;

	text-align:center;}



.cartArea .countBox b{

	font-size:18px;

	color:#7ea830;}



.cartArea .countBox b em{

	font-weight:normal;

	font-size:12px;

	color:#7ea830;}



.cartArea .btn{

	text-align:center;

	margin-top:30px;}



.cartArea .btn a{

	display:inline-block;

	padding:10px 15px;}



/*會員登入框*/

.loginArea{

	display:none;

	width:300px;

	background:#FFF;

	border:5px solid #D8D8D8;

	

	position:fixed;

	top:40px;

	left:50%;

	margin-left:-150px;

	z-index:999;}



.loginArea .box{

	position:relative;

	padding:40px 20px 20px 20px;

	background:#FFF;}



a#closeLogin{

	font-size:18px;

	color:#666;

	position:absolute;

	right:10px;

	top:10px;}



.loginArea label{

	display:block;

	margin-bottom:5px;

	text-align:left;}

	

.loginArea input[type="text"], 

.loginArea input[type="password"]{

	box-sizing:border-box;

	display:block;

	width:100%;

	height:30px;

	padding:5px;

	border:1px solid #CCC;

	margin-bottom:7px;}



.loginArea .btn{/*送出按鈕*/

	margin-top:15px;

	text-align:center;}



.loginArea .btn a{

	display:inline-block;

	font-size:13px;

	color:#FFF;

	padding:8px 15px;

	border-radius:3px;

	

	-webkit-transition:none;

	-moz-transition:none;

	-o-transition:none;

	transition:none;}



.loginArea .forget{

	clear:both;

	font-size:15px;

	color:#2f2f2f;

	margin-top:20px;}



.loginArea .forget span{

	font-size:13px;

	color:#e1e1e1;}



.loginArea .forget strong a{

	font-weight:normal;

	color:#F93;

	text-decoration:underline;}



.loginArea .forget b a{

	font-size:18px;

	font-weight:normal;

	color:#09F;

	text-decoration:underline;}



.loginArea .forgetCheck{

	display:none;}



.loginArea .forgetCheck a.btn_relog{

	display:block;

	font-family:"微軟正黑體", "新細明體", sans-serif;

	font-size:15px;

	color:#09F;

	text-decoration:underline;

	text-align:center;

	margin-bottom:15px;}



@media screen and (max-width:480px){

.cartArea,

.orderCheckArea{

	width:300px;

	top:100px;

	margin-left:-150px;}

	

#closeOrder, 

#closeCart, 

#closePrice,

#closeInquiry{

	font-size:25px;

	top:5px;}

}



/*訂單查詢*/

.orderCheckArea{

	display:none;

	width:300px;

	background:#FFF;

	border:5px solid #D8D8D8;

	

	position:fixed;

	top:40px;

	left:50%;

	margin-left:-150px;

	z-index:999;}



.orderCheckArea .wrap{

	position:relative;

	width:auto;

	padding:40px 10px;

	text-align:center;}



#closeOrder, #closeCart, #closePrice{

	font-size:22px;

	

	position:absolute;

	top:5px;

	right:10px;}



.orderCheckArea input[type="text"], 

.orderCheckArea input[type="password"]{

	width:100%;

	height:40px;

	margin-bottom:10px;

	border:2px solid #CCC;

	padding:5px;

	

	box-sizing:border-box;}



.orderCheckArea a.btn{

	margin-top:10px;

	display:inline-block;

	font-size:13px;

	color:#FFF;

	padding:10px 20px;

	background:#B80700;

	border-radius:4px;}



.orderCheckArea a.btn:hover{

	background:#da8c2d;

	color:#FFF;}



/**訂購規格**/

.priceArea{

	display:none;

	width:400px;

	background:#FFF;

	border:5px solid #000;

	border-radius:10px;

	

	position:fixed;

	top:40px;

	left:50%;

	margin-left:-200px;

	z-index:999;}



.priceArea .wrap{

	position:relative;

	width:auto;

	padding:40px 10px;

	text-align:center;}



/*訂購規格區*/

.orderTable{

	padding-top:10px;

	margin-top:20px;

	border-top:1px dashed #e1e1e1;}



.orderTable .scroll{

	overflow-y:scroll;

	max-height:200px;}



.orderTable table{}



.orderTable table th{

	padding:10px;

	font-size:13px;

	color:#6C6C6C;}



.orderTable table td{

	padding:5px;

	color:#6C6C6C;}



.orderTable table tr:first-child th{}



.orderTable table tr:first-child td{}



.orderTable table tr:nth-child(odd){

	background:#f1f1f1;}

	

.orderTable table td b{

	font-weight:normal;

	color:#6C6C6C;}



.orderTable .orderNote{/*處理備註*/

	padding-top:10px;}



.orderTable .orderNote textarea{/*處理備註*/

	display:none;

	width:100%;

	height:100px;

	padding:5px;

	border: 1px solid #C5C5C5;

	color:#2f2f2f;

	border-radius:5px;

	

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;}



.orderTable .btn{

	padding-top:20px;

	text-align:center;}



.orderTable .btn a{

	display:inline-block;

	padding:10px 15px;

	font-size:15px;

	color:#FFF;

	border-radius:3px;

	

	-webkit-transition:none;

	-moz-transition:none;

	-o-transition:none;

	transition:none;}



/*****網頁頭*****/

header{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdbdb+0,2061a5+100,2061a5+100,2061a5+100 */
background: #dbdbdb; /* Old browsers */
background: -moz-linear-gradient(top,  #dbdbdb 0%, #fafafa 100%, #fafafa 100%, #fafafa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dbdbdb 0%,#fafafa 100%,#fafafa 100%,#fafafa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dbdbdb 0%,#fafafa 100%,#fafafa 100%,#fafafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */

    width:100%;
	position:fixed;

	top:0;

	left:0;

	z-index:200;}



header .wrap{

	position:relative;}



/*logo*/

header h1{

	float:left;

	width:309px;

	margin-right:0px;

	

	transition:all 0.4s ease;}

	

header h1 a{ 

	display:block;

	background:url(../images/logo.png) no-repeat left center;

	background-size:contain;

	height:100px;

	text-indent:-9999px;}



header .rightBox{

	float:right;}



header .topBox{

	text-align:right;

	color:#fff;

	padding: 10px 18px 7px 0;

	

	transition:all 0.4s ease;}



header .topBox a{

	font-family:Arial, Helvetica, sans-serif, "新細明體";

	display:inline-block;

	vertical-align:middle;

	text-align:center;

	color:#b54b35;

	margin:0 5px;}



header .topBox a i{

	font-size:18px;

	margin-right:5px;}



header .topBox a:hover{

	text-decoration:underline;}



header .topBox .loginBox{

	display:inline-block;

	vertical-align:middle;

	position:relative;

	padding-right:10px;}



header .topBox .loginBox:after{

	content:'/';

	

	display:block;

	position:absolute;

	right:0;

	top:50%;

	margin-top:-7px;}



header .topBox .loginBox > a{

	display:block;

	font-size:13px;

	background:url(../images/icon_coffee.png) no-repeat left center;

	padding-left:28px;}



header .topBox .loginBox .submenu{

	display:none;

	width:100px;

	

	position:absolute;

	top:100%;

	left:0;

	z-index:200;}



header .topBox .loginBox .submenu a{

	display:block;

	margin-bottom:1px;

	background:#b54b35;

	font-size:13px;

	color:#FFF;

	padding:5px 8px;}



header .topBox .loginBox .submenu a:hover{

	background:#A9422C;

	text-decoration:none;}



header .topBox a.cartToggle{

	background:url(../images/icon_cart.png) no-repeat left center;

	padding-left:28px;}



header .topBox a.cartToggle b{

	font-family:Verdana, Helvetica, sans-serif, "微軟正黑體";}



/*menu*/

nav{}



ul.menu{}



ul.menu li{

	float:left;

	position:relative;
	
	
	}



ul.menu li:before{

	content:"";

	width:1px;

	height:25px;

	border-left:1px solid #000;

	position:absolute;

	left:0;

	top:60%;

	margin-top:-12px;}



ul.menu li:first-child:before{

	display:none;}

ul.menu li > a{

	display:block;

	font-size:16px;

	padding:0 19px;

	height: 80px;

    line-height: 100px;

	color:#000;

	outline: medium none;

	transition:height 0.4s ease;
font-family:"微軟正黑體";
		

	position:relative;}



ul.menu li > a strong{

	display:block;

	transition:all 0.4s ease;}



ul.menu li > a b{

	display:block;

	width:100%;

	font-size:16px;

	text-align:center;

	opacity:0;

	font-family:"微軟正黑體";
    
	color:#00d8ff;

	position:absolute;

	left:0;

	top:0;

	z-index:2;

	transition:all 0.4s ease;}



ul.menu li:after{

	content:"";

	display:block;

	width:100%;

	height:100%;

	outline: medium none;

	position:absolute;

	left:0;

	bottom:0;

	z-index:1;

	opacity:0;

	transition:all 0.4s ease;
}



ul.menu li.dropDown{

	position:relative;}



ul.menu li.dropDown .submenu{

	display:none;

	width: 150px;

	box-shadow: 0 0 4px rgba(136, 136, 136, 0.6);

	

	position: absolute;

	top: 100%;

	left: 0;

	z-index: 9999;}



ul.menu li.dropDown .submenu a{

	display:block;

	padding:10px 20px;

	background:#FFF;

	border-top: #e8e8e8 1px solid;

	font-size:15px;

	color:#222;

	text-align:left;}



ul.menu li.dropDown .submenu a:hover{

	background:#343434;

	color:#fff;}



ul.menu li.dropDown .submenu a:first-child{

	border:none;}



ul.menu li:hover:after,

ul.menu li.current:after{

	opacity:1;}

ul.menu li:hover a strong,

ul.menu li.current a strong{

	opacity:0;}

ul.menu li:hover a b,

ul.menu li.current a b{

	opacity:1;}



.m_menu{

	display:none;}

	

header.shrink h1 a{

	height:80px;}

header.shrink .topBox{

	padding-bottom:0;}

header.shrink ul.menu li > a{

	line-height:52px;

	height:52px;}



/*****banner******/

.bannerArea{
    padding-top:100px;
	clear:both;

	position:relative;}



.bannerArea img{

	display:block;

	width:100%;}



/*bx小圓點*/

.bannerArea .bx-wrapper .bx-pager,

.bx-wrapper .bx-controls-auto{

	bottom:20px;}



.bannerArea .bx-wrapper .bx-pager.bx-default-pager a{

	background:none;

	border:1px solid #9e0009;

	border-radius:100%;}



.bannerArea .bx-wrapper .bx-pager.bx-default-pager a:hover{

	background:#9e0009;}



.bannerArea .bx-wrapper .bx-pager.bx-default-pager a.active{

	background:#9e0009;}



/***marqueeArea***/

.marqueeArea{

	padding:10px 0;

	background:rgb(250, 250, 250);

	width:100%;}



.marqueeArea h2{

	float:left;

	margin-right:20px;

	padding-right:8px;

	font-size:15px;

	color:#9e0009;

	border-right:1px solid #decda4;}



.marqueeArea h2 strong{

	font-weight:normal;}



.marqueeArea h2 em{

	margin-left:10px;

	font-family:"微軟正黑體";

	font-weight:normal;}



.marqueeArea .marqueeBox{

	overflow:hidden;}



.marqueeArea ul li b{

	display:none;}



.marqueeArea ul li a{

	display:block;

	width:100%;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	

	font-size:15px;

	color:#FFF;}



.marqueeArea ul li a:hover{

	text-decoration:underline;}



/*頁尾資訊*/
#id_footer {
    /* 設定footer的高度 */
    height: 40px;
    box-sizing: border-box;
    /* 設定footer絕對位置在底部 */
    position: relative;
    bottom: 0;
    /* 展開footer寬度 */
    width: 100%;
}
footer{

	background-color:#dbdbdb;

	position:relative;
    z-index:-1;
	padding:20px 0;}


footer:before{

	content:"";

	width:100%;

	height:6px;

	background:url(../images/bg_arrow.png) repeat-x;

	position:absolute;
    z-index:-1;
	top:-6px;

	left:0;}

.footer-left{
width:30%;float: left; padding-top:10px;padding-bottom:10px;
}
.footer-right{
width:70%;float: right; padding-top:20px;padding-bottom:10px; line-height:20px;
}
footer .row{

	margin:0;

	padding:15px 0;}



footer .row > div{

	padding:0 20px;}



footer .downLogo{

	float:left;

	margin-right:10px;}



footer .social{
color: #343434;
font-size: 12px;
font-family:"微軟正黑體";
	overflow:hidden;

	padding-top:0;}



footer .social a{

	display: inline-block;

	font-size: 16px;

	color: #343434;

	margin: 0 10px;}



ul.downMenu{

	clear:both;

	padding-left:10px;}



ul.downMenu li{

	float:left;

	width:25%;

	padding:4px 0;

	box-sizing:border-box;}



ul.downMenu li a{

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif, "微軟正黑體";

	color:#343434;}



ul.downMenu li a b{

	font-weight:normal;

	margin-left:2px;}



ul.downMenu li a:hover{

	color:#b90006;}



footer .qrcode{

	float:left;

	margin-right:0px;}



h5.copyright{

	overflow:hidden;

	font-family:Arial, Helvetica, sans-serif, "微軟正黑體";

	font-size:13px;

	line-height:1.5;

	font-weight:normal;

	color:#343434;}

footer .copyright{

	overflow:hidden;

	font-family:Arial, Helvetica, sans-serif, "微軟正黑體";

	font-size:13px;

	line-height:1.5;

	font-weight:normal;

	color:#343434;}

.translateIbest{

	margin-top:5px;}



.translateIbest .design{}



.translateIbest .design span{/*網頁設計‧愛貝斯*/

	display:block;

	float:left;

	line-height:22px;

	font-size:9pt;

	color: #80675F;}



.translateIbest .design a{/*網頁設計‧愛貝斯*/

	color: #80675F;

	text-decoration: none;}

	

.translateIbest .design a:hover{

	text-decoration: underline;}



.translateIbest .design a.login{

	display:block;

	float: left;

	background: url(../images/lock.gif) no-repeat center 3px;

	text-indent: -10000px;

	height: 20px;

	width: 20px;}



.fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe {

    width: 100% !important;}



/*********內頁**********/

/**********************/	

.mainArea{

	padding:30px 0;

	background:url(../images/bg_main.png);}



.mainArea .wrap > .classBox{

	float:left;

	width:27%;

	padding-right:50px;}



/*側邊廣告*/

#ad{

	margin-top:20px;}



#ad li{

	margin-bottom:5px;}



#ad li h4{

	display:none;}



#ad li img{

	width:100%;}



.mainArea .wrap > .itemBox{

	overflow:hidden;}



.mainArea .titleBox{

	position:relative;

	margin-bottom:15px;}



.mainArea .titleBox h2{

	padding-bottom:8px;

	border-bottom:1px dashed #8e8e8e;}

	

.mainArea .titleBox h2 em{

	font-family: 'Dosis', sans-serif;

	font-size:36px;

	font-weight:normal;}



.mainArea .titleBox h2 strong{

	display:block;

	font-size:18px;

	letter-spacing:5px;

	font-weight:normal;}



.mainArea .titleBox h2.inline strong{

	display:inline-block;

	margin-left:10px;}



/*網站導覽bread*/

.mainArea .titleBox .bread{

	display:none;

	font-size: 12px;

	color: #897575;

	position: absolute;

	right: 10px;

	top: -26px;}



.mainArea .titleBox .bread a{

	color:#897575;}



.mainArea .titleBox .bread a i{

	font-size:20px;}



.mainArea .titleBox .bread span{

	padding:0 3px;

	color:#897575;}



.mainArea .contentBox{

	clear:both;}



/*文字編輯器*/

.textEditor{

	clear:both;

	font-size:15px;

	color:#222;

	line-height:1.8;

	text-align:justify;}



.textEditor a{

	color:#c95c30;}



.textEditor img{

	max-width:100%;}



.textEditor ul{

	list-style:disc outside;

	padding-left:30px;}



.textEditor ol{

	list-style:decimal outside;

	padding-left:30px;}



.textEditor table{

	border-collapse:collapse;}



.textEditor table th{

	padding: 5px;

	text-align: center;

	background: #598520;

	color: #FFF;

	border: 1px solid #DBDBDB;}



.textEditor table td{

	padding:5px;

	border: 1px solid #DBDBDB;}



table.breakpoint > tbody > tr > td.expand{

	cursor:pointer;

	background: url(../images/plus.png) no-repeat 5px center;

	padding-left: 40px;}



.textEditor strong.title{

	display:block;

	font-size:20px;

	font-weight:normal;

	color:#8F3421;}



.textEditor table.noBorder th,

.textEditor table.noBorder td{

	border:none;

	background:none;

	border-bottom:#D8D8D8 1px solid;}



.textEditor table.noBorder th{

	width:60px;

	color:inherit;

	text-align:right;}



.textEditor hr{

	clear:both;

	margin:15px 0;

	height:1px;

	border:none;

	background:#D5D5D5;}



.btn_back{

	clear:both;

	text-align:center;

	margin-top:30px;}



.btn_back a{

	display:inline-block;

	padding:7px 20px 7px 10px;

	font-size:15px;

	color:#FFF;

	letter-spacing:2px;}



.btn_back a i{

	margin-left:10px;

	position:relative;

	left:0;

	transition:all 0.4s ease;}



.btn_back a:hover i{

	left:-5px;}



/*類別*/

.m_classLink{

	display:none;
	}



ul.classLink{

	text-align:center;}



ul.classLink li{

	display:inline-block;

	padding:8px 5px;
	}



ul.classLink li a{

	display: block;

	padding: 4px 10px;

	font-size: 13px;

	border: 1px solid #343434;

	color: #343434;
	}



ul.classLink li a:hover{

	color: #343434;

	background:#dbdbdb;}



ul.classLink li a.current{

	color: #FFF;

	background:#A80000;}



/*標題字*/

.sectionTitle{

	margin-bottom:20px;

	font-family:"微軟正黑體", "新細明體", sans-serif;

	font-size:20px;

	font-weight:normal;

	text-align:left;}



.sectionTitle strong{

	 display: inline-block;

  	vertical-align: middle;

	font-weight:normal;

	color:#544540;}



.sectionTitle:before{

    content: "";

    display: inline-block;

    vertical-align: middle;

    background: url(../images/dec.png) no-repeat left center;

    background-size: 70%;

    width: 40px;

    height: 40px;}



/*文章標題字*/

.articleTitle{

	padding-left:0px;

	background:url(../images/dec.png) no-repeat left center;

	min-height:40px;

	margin-bottom:2px;}



.articleTitle strong{

	font-size:22px;}



/******頁籤*******/

.tab{

	margin-top:25px;}



.tab a{

	display: block;

	float: left;

	padding: 8px 12px;

	font-size: 15px;

	font-family: "微軟正黑體",  "新細明體", sans-serif;

	color: #FFF;

	background: #A5A5A5;

	margin-left: 3px;

	border-radius: 3px 3px 0 0;}



.tab a.current{

	background: #544540;}



ul.tabContent{

	padding:20px 5px;

	border-top: #C5C5C5 1px solid;}



ul.tabContent > li{

	}



ul.tabContent li .textEditor{

	margin:0;}



ul.tabContent h3.sectionTitle{

	display:none;}



/*側邊_menu*/

.side_menu{}



.side_menu ul{}



.side_menu ul li{

	border-bottom:1px solid #D0CAC7;}



.side_menu ul li a{

	display:block;

	padding:10px;

	font-size:15px;

	color:#544540;

	border-radius:5px;}



.side_menu ul li a:before{

    content: "";

    margin-right: 10px;

    display: inline-block;

    vertical-align: middle;

    width: 3px;

    height: 3px;

    background: #544540;

    border-radius: 100%;}



.side_menu ul li a:hover{

	background: #dbdbdb;

	color:#343434;}

.side_menu ul li a:hover:before{

	background:#343434;}



.side_menu ul li a.current{

	background:#dbdbdb;

	color:#343434;}

.side_menu ul li a.current:before{

	background:#343434;}



.side_menu ul li a img{

	width:20px;

	display:inline-block;

	vertical-align: bottom;

	margin-right:10px;}



.side_menu ul li.btn_map a:before{

	display:none;}



/*側邊_相簿*/

ul.side_album{

	margin-top:30px;

	margin-bottom:30px;

	margin-right:-10px;}



ul.side_album li{

	float:left;

	width:33.3%;

	padding:0 10px 10px 0;}



ul.side_album li a{

	display:block;}



ul.side_album li a img{

	display:block;

	width:100%;}



/*側邊_聯絡資訊*/

.side_contactInfo{

	margin-bottom:30px;}



.side_contactInfo ul{}



.side_contactInfo ul li{

	margin-bottom:10px;}



.side_contactInfo ul li a{}



.side_contactInfo ul li a i{

	display: inline-block;

	margin: 5px;

	width: 35px;

	height: 35px;

	line-height: 35px;

	font-size: 20px;

	color: #A09A20;

	text-align: center;

	border: 2px solid #A09A20;

	border-radius: 100%;}



.side_contactInfo ul li a b{

	font-size:15px;

	color:#a3907b;

	font-weight:normal;}



/*側邊_房型*/

.side_room{

	margin:50px 0;}



.side_room .sectionTitle{

	margin-bottom:15px;}



.side_room ul{}



.side_room ul li{}



.side_room ul li .Img{}



.side_room ul li .Img img{

	width:100%;}



.side_room ul li .Txt{

	margin-top:5px;}



.side_room ul li .Txt h3 strong a{

	font-family:"微軟正黑體",  "新細明體", sans-serif;

	font-size:16px;

	font-weight:normal;}



.side_room ul li .Txt h3 strong a:hover{}



.side_room ul li .Txt p{

	font-size: 13px;

	color: #858383;

	line-height: 1.8;

	max-height:100px;

	overflow:hidden;}



.side_room .bx-wrapper .bx-controls-direction a{

	width:25px !important;

	height:25px !important;

	top:0 !important;

	right:0;

	margin:0 !important;}

	

.side_room .bx-wrapper .bx-prev{

	left:auto;

	right:25px !important;

	background:url(../images/bx_arrow_square_prev.png) !important;}



.side_room .bx-wrapper .bx-next{

	background:url(../images/bx_arrow_square_next.png) !important;}



/*側邊_分享*/

.side_share{

	clear:both;

	display:none;

	margin-bottom:30px;}



.side_share a{

	width:100%;

	margin-top:5px;

	display:block;

	padding:15px 10px;

	font-size: 13px;

	font-weight: bold;

	line-height: 1;

	color:#FFF;

	text-align:center;

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

	border-radius:4px;

	

	-web-box-sizing:border-box;

	box-sizing:border-box;}



.side_share a.line{

	box-shadow:0 0 0 1px #22a00b;

	border-top:1px solid #e1ffa9;

background: #a7e732;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYTdlNzMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjMWZiNTBlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

background: -moz-linear-gradient(-45deg,  #a7e732 0%, #1fb50e 35%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a7e732), color-stop(35%,#1fb50e));

background: -webkit-linear-gradient(-45deg,  #a7e732 0%,#1fb50e 35%);

background: -o-linear-gradient(-45deg,  #a7e732 0%,#1fb50e 35%);

background: -ms-linear-gradient(-45deg,  #a7e732 0%,#1fb50e 35%);

background: linear-gradient(135deg,  #a7e732 0%,#1fb50e 35%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7e732', endColorstr='#1fb50e',GradientType=1 );

}



.side_share a.fb{

	box-shadow:0 0 0 1px #235c9b;

	border-top:1px solid #8DCFF5;

	background: rgb(93,160,234); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkYTBlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDhjZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(93,160,234,1) 0%, rgba(61,140,230,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,160,234,1)), color-stop(100%,rgba(61,140,230,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(93,160,234,1) 0%,rgba(61,140,230,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(93,160,234,1) 0%,rgba(61,140,230,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(93,160,234,1) 0%,rgba(61,140,230,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(93,160,234,1) 0%,rgba(61,140,230,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5da0ea', endColorstr='#3d8ce6',GradientType=0 ); /* IE6-8 */}



.side_share a.gPlus{

	box-shadow:0 0 0 1px #874138;

	border-top:1px solid #fd816b;

	background: rgb(214,81,48); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2NTEzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMDQ0MmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(214,81,48,1) 0%, rgba(208,68,43,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,81,48,1)), color-stop(100%,rgba(208,68,43,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(214,81,48,1) 0%,rgba(208,68,43,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(214,81,48,1) 0%,rgba(208,68,43,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(214,81,48,1) 0%,rgba(208,68,43,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(214,81,48,1) 0%,rgba(208,68,43,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d65130', endColorstr='#d0442b',GradientType=0 ); /* IE6-8 */

}



.side_share a i{

	padding-right:5px;

	font-size:18px;}



.side_share a:active{}



/*側邊_其他相關訊息*/

.side_news{

	margin:20px 0;

	padding:15px;

	background:#FFF;

	box-shadow:3px 3px 5px #CCC;}



.side_news h3{

	margin-bottom:10px;

	font-size:13px;

	color:#cf0f0f;

	padding-bottom:8px;

	border-bottom:1px dashed #c8c8c8;}



.side_news ul{}



.side_news ul li{

	margin-bottom:25px;}



.side_news ul li .Img{

	float:left;

	margin-right:12px;

	width:60px;

	overflow:hidden;}



.side_news ul li .Img img{

	height:60px;}



.side_news ul li .Txt{

	overflow:hidden;}



.side_news ul li .Txt a{

	display:block;

	font-size:14px;

	color:#666;

	font-weight:bold;

	line-height:1.5;}



.side_news ul li .Txt a:hover{

	text-decoration:underline;}



.side_news ul li .Txt b{

	display:block;

	font-size:12px;

	color:#999;

	font-weight:normal;

	margin-top:5px;}



/**********適應性**********/

/************************/
@media (max-width: 2560px)and ( min-width: 1600px ){
.textEditor{
font-size:18px;
}
}

@media (max-width: 1160px){



.outerWrap{


	padding-top:60px;

	width:100%;}



.wrap{

	width:100%;

	padding: 0 10px;

	

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	-o-box-sizing:border-box;

	box-sizing:border-box;}



/*banner*/

.bannerArea{ padding-top:0px;}

	

.bannerArea .bx-wrapper .bx-controls-direction a{

	display:none;}



/*mobile menu*/

header{

	display:none;}



.m_menu{

	display:block;

	width:100%;

	box-shadow:0 2px 5px #C0C0C0;

	position:fixed;

	top:0;

	left:0;

	z-index:999;}



.m_menu .mask{

	display:none;

	background:rgba(0,0,0,0.7);

	position:fixed;

	width:100%;

	height:100%;

	padding-bottom:50px;

	top:0;

	left:0;

	z-index:99;}



.m_menu .controlBox{

	    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdbdb+0,2061a5+100,2061a5+100,2061a5+100 */
background: #dbdbdb; /* Old browsers */
background: -moz-linear-gradient(top,  #dbdbdb 0%, #fafafa 100%, #fafafa 100%, #fafafa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dbdbdb 0%,#fafafa 100%,#fafafa 100%,#fafafa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dbdbdb 0%,#fafafa 100%,#fafafa 100%,#fafafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}



.m_menu .controlBox a.main{

	

	display:block;

	float:left;

	width:50px;

	height:60px;

	font-size:20px;

	color:#000;

	line-height:60px;

	text-align:center;}



.m_menu .controlBox .m_logo{

	float:left;

	width:200px;}

	

.m_menu .controlBox .m_logo img{

	display:block;

	width:100%;}



.m_menu .controlBox .right{

	float:right;

	margin-right:10px;

	line-height:60px;}



.m_menu .controlBox .right .btn_cart{}



.m_menu .controlBox .right .btn_cart a{

	position:relative;

	display:block;

	font-size:13px;

	color:#000;}



.m_menu .controlBox .right .btn_cart a em{

	display:none;}



.m_menu .controlBox .right .btn_cart a i{

	display:inline-block;

	vertical-align:middle;

	margin-right:3px;

	width:30px;

	height:30px;

	line-height:30px;

	font-size:20px;

	color:#000;

	text-align:center;

	border-radius:100%;

	background:#8A6861;}



.m_menu .controlBox .right .btn_cart b{

	display: block;

	font-size: 13px;

	color: #000;

	background: #C40000;

	line-height: normal;

	border-radius: 5px;

	padding: 3px 5px;

	

	position: absolute;

	top: 6px;

	right: -5px;}



.m_menu .hideBox{/*手機menu內容*/

	display:none;

	background:#eaeaea;

	width:230px;

	height:100%;

	padding-bottom:50px;

	overflow-y:auto;

	

	position:fixed;

	left:0;

	top:0;

	z-index:100;}



.m_menu .hideBox p.sp{

	background:#dbdbdb;

	padding:10px;

	font-size:16px;

	color:#000;}



/*手機版搜尋商品*/

.m_menu .hideBox .searchBox_m{

	padding:10px;}



.m_menu .hideBox .searchBox_m input[type="text"]{

	display:inline-block;

	width:130px;

	padding:5px;

	border:none;

	height:30px;}



.m_menu .hideBox .searchBox_m a{

	display:inline-block;

	padding:0 15px;

	background:#CFA500;

	color:#000;

	line-height:30px;}



/*手機版會員區塊*/

.m_menu .hideBox .loginBox{

	padding:20px 10px;

	color:#999;}



.m_menu .hideBox .loginBox i{

	margin-right:7px;

	font-size:18px;

	color:#FFF;}



.m_menu .hideBox .loginBox a{

	font-size:15px;

	color:#000;}



.m_menu .hideBox .loginBox span{

	margin:0 3px;}



.m_menu ul.nav{}

	

.m_menu ul.nav li{

	border-top:1px solid #6D6162;}



.m_menu ul.nav li a{

	padding:20px 10px;

	font-family:"微軟正黑體",  "新細明體", sans-serif;

	display:block;

	font-size:15px;

	color:#000;}



.m_menu ul.nav li a i{

	float:right;}



.m_menu ul.nav li .submenu{

	display:none;}



.m_menu ul.nav li .submenu a{

	padding:10px 20px;}



.m_menu ul.nav li .submenu a:hover{

	background:}



.m_menu .mfun{

	padding:10px;

	text-align:center;}



.m_menu .mfun a{

	margin:0 1px;

	display: inline-block;

	font-size: 20px;

	background:#fafafa;

	color: #000;

	width: 35px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	border-radius: 100%;}



.mainArea{

	padding:20px 0 60px 0;}



}



@media (max-width: 767px){

.marqueeArea h2{

	display:none;}	



/*訂購規格*/

.priceArea{

	width:300px;

	margin-left:-150px;}



.mainArea .contentBox{}



.mainArea .titleBox h2 em{

	font-size:28px;}



.mainArea .titleBox h2 strong{

	display:inline-block;

	margin-left:10px;}



/*bread*/

.mainArea .titleBox .bread{

	display:none;}



.mainArea .wrap > .classBox{

	float:none;

	width:100%;

	padding:0;

	margin-bottom:20px;}



.mainArea .wrap > .itemBox{

	float:none;

	width:100%;}



/*類別*/

.side_menu{

	display:none;}



.m_classLink{

	display:block;

	margin:20px 0 40px 0;

	position:relative;
	}



.m_classLink a.main{

    display: block;

    font-size: 15px;

    border: 1px solid #dbdbdb;

    position: relative;

    padding: 10px;

    background: #dbdbdb;

    box-shadow: inset 0 8px 8px -5px #343434;

    color: #343434;
	z-index:2;}



.m_classLink a.main i{

    display: block;

    font-size: 15px;

    line-height: 30px;

    padding-left: 10px;

    border-left: 1px solid #968782;

    position: absolute;

    right: 10px;

    top: 50%;

    margin-top: -15px;}



.m_classLink ul{

	display:none;

	width:100%;

	background:#FFF;

	border-radius:5px;

	border:1px solid #d1d1d1;

	position:absolute;

	left:0;

	top:100%;

	z-index:2;}



.m_classLink ul li{}



.m_classLink ul li a{

	display:block;

	color:#000;

	padding:15px 10px;

	border-top:1px solid #d1d1d1;
	}



.m_classLink ul li a img{

	width:25px;

	vertical-align:middle;

	margin-right:5px;}



.m_classLink ul li:first-child a{

	border:none;}



.side_room{

	display:none;}



#ad{

	display:none;}



/*footer*/

footer{

	padding:25px 0;}



ul.downMenu li a b{

	display:none;}



.translateIbest{

	float:none;}



.goTop{

	display:none;}



/*側邊_分享*/

.side_share{

	clear:both;

	display:block;

	margin:30px 0;}

}



/*640*/

@media (max-width: 640px){

.articleTitle{

	min-height:18px;
	}

/*訂單查詢*/	

.orderCheckArea input[type="text"], 

.orderCheckArea input[type="password"]{

	display:block;

	width:100%;

	margin-bottom:10px;}



.orderCheckArea a.btn{

	display:block;

	text-align:center;}

	

.mainArea .titleBox h2{

	float:none;}

	

footer .row > div{

	padding:0;}



footer .downLogo{

	float:none;}



ul.downMenu{

	padding:20px 0;}



ul.downMenu li{

	width:33.33%;}

	

}



/*480*/

@media (max-width: 480px){



/*頁籤*/

.tab{}



.tab a{}



/*側邊_聯絡資訊*/

.side_contactInfo ul{

	text-align:center;}

.side_contactInfo ul li{

	display:inline-block !important;}

.side_contactInfo ul li a b{

	display:none;}

}





/***Hover效果1: 放大淡出***/

.imh_opacity{}



.imh_opacity img{	

	transition:all 0.3s linear;

	-webkit-backface-visibility: hidden;}



.imh_opacity:hover img{

	opacity:0.8;

	transform:scale(1.05);}



/***Hover效果1: 放大淡出Detail***/

.imh_detail{

	background:#000;

	overflow:hidden;}



.imh_detail img{	

	transition:all 0.3s linear;

	-webkit-backface-visibility: hidden;}



.imh_detail a:before{

	display:block;

	content:"Details+";

	padding:10px 20px;

	font-size:13px;

	color:#FFF;

	border:2px solid #FFF;

	opacity:0;

	

	position:absolute;

	left:50%;

	margin-left:-45px;

	top:50%;

	margin-top:-80px;

	z-index:99;

	

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

	transition:all 0.3s ease;}



.imh_detail:hover a:before{

	opacity:1;

	margin-top:-20px;}



.imh_detail:hover img{

	opacity:0.3;

	transform:scale(1.05);}



/***Hover效果1: 放大淡出zoom***/

.imh_zoom{

	background:#000;

	overflow:hidden;

	position:relative;}



.imh_zoom img{	

	transition:all 0.3s linear;

	-webkit-backface-visibility: hidden;}



.imh_zoom a:before{

	display:block;

	font-family: 'FontAwesome';

	content:"\f002";

	font-size:18px;

	color:#FFF;

	background:#000;

	width:40px;

	height:40px;

	line-height:40px;

	text-align:center;

	border-radius:100%;

	

	position:absolute;

	left:50%;

	top:-30px;

	margin-top:-20px;

	margin-left:-20px;

	z-index:99;

	

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	-o-transition:all 0.4s ease;

	transition:all 0.4s ease;}



.imh_zoom:hover a:before{

	top:50%;}



.imh_zoom:hover img{

	opacity:0.3;

	transform:scale(1.05);}

	

/***Hover效果: logo***/

.imh_logo{}



.imh_logo a{

	display:block;

	background:#8f3421;

	position:relative;

	overflow:hidden;}



.imh_logo img{

	display:block;

	width:100%;

	

	transition: all 0.4s ease;}



.imh_logo a:before{

	content:"";

	background:url(../images/logo_mask.png) no-repeat;

	width:180px;

	height:100px;

	

	position:absolute;

	left:50%;

	top:50%;

	margin-left:-90px;

	margin-top:-50px;

	

	opacity:0;

	-webkit-backface-visibility: hidden;

	transform: translateY(10px) rotateY(180deg);

	transform-style: preserve-3d;

	transition:all 0.4s ease;}



.imh_logo a:after{

	content:"- Read more -";

	font-size:12px;

	color:#FFF;

	width:100%;

	text-align:center;

	

	opacity:0;

	transition:all 0.4s ease;

	

	position:absolute;

	top:50%;

	margin-top:50px;}



.imh_logo:hover img{

	opacity:0.1;

	transform:scale(1.1);}

.imh_logo:hover a:before{

	opacity:1;

	transform:translateY(-10px) rotateY(0deg);}

.imh_logo:hover a:after{

	opacity:1;

	margin-top:60px;}
#run{
    color:#848383;
	font-size:15px;
	}
#run a{
     color:#848383;
	 font-size:15px;
	 }
#run a:hover{
     color:#848383;
	 }

/*手機快捷選單*/
.fixedQuickLink {
  width: 100%;
  background: linear-gradient(to bottom, #efefef 0%, #a09f9f 100%);
  padding-bottom: env(safe-area-inset-bottom);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 5;
  overflow:hidden;
}
@media (min-width: 1181px) {
  .fixedQuickLink {
    display: none;
  }
}
.fixedQuickLink ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fixedQuickLink li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
		  text-align:center;
}
.fixedQuickLink li:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.fixedQuickLink a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 55px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}
.fixedQuickLink i {
  margin-bottom: 5px;
}