@charset "utf-8";



/* CSS Document */







@import url(reset.css);



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



@import url(rwdgrid.css);







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



nav12{}







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;



	padding:20px 0;}







footer:before{



	content:"";



	width:100%;



	height:6px;



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



	position:absolute;



	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:30px;}







.articleTitle strong{



	font-size:25px;}







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



.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 20px;



	



	-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:#fff;
	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:#FFF;}







.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:#FFF;



	text-align:center;



	border-radius:100%;



	background:#8A6861;}







.m_menu .controlBox .right .btn_cart b{



	display: block;



	font-size: 13px;



	color: #FFF;



	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:#FFF;



	line-height:30px;}







/*手機版會員區塊*/



.m_menu .hideBox .loginBox{



	padding:20px 10px;



	color:#999;}







.m_menu .hideBox .loginBox i{



	margin-right:7px;



	font-size:18px;



	color:#000;}







.m_menu .hideBox .loginBox a{



	font-size:15px;



	color:#000;}







.m_menu .hideBox .loginBox span{



	margin:0 3px;}







.m_menu ul.nav12{}



	



.m_menu ul.nav12 li{



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







.m_menu ul.nav12 li a{



	padding:20px 10px;



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



	display:block;



	font-size:15px;



	color:#000;}







.m_menu ul.nav12 li a i{



	float:right;}







.m_menu ul.nav12 li .submenu{



	display:none;}







.m_menu ul.nav12 li .submenu a{



	padding:10px 20px;}







.m_menu ul.nav12 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;}







.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:999;}







.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){







/*訂單查詢*/	



.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;

	 }

.classRowBox {
  position: relative;
  z-index: 3;
  margin-bottom: 30px;
  padding: 20px 0;
}
.classRowBox > ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1023px) {
  .classRowBox > ul {
    display: none;
  }
}
.classRowBox > ul a {
  display: block;
  background-color: transparent;
  text-align: center;
  margin: 3px;
  padding: 10px 40px;
  border: 3px solid #162d79;
  font-size: 14px;
  color: #000;
}
.classRowBox > ul a.current, .classRowBox > ul a:hover {
  color: #fff;
  background-color: #162d79;
}
.mClassLink > ul, .mClassLink .main, .classRowBox > ul a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pageBox.number a.firstBtn::before, .pageBox.number a.firstBtn::after, .pageBox.number a.lastBtn::before, .pageBox.number a.lastBtn::after, .pageBox a.prevBtn::before, .pageBox a.nextBtn::before, .classColumnBox, .classRowBox {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

/*手機快捷選單*/
.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;
}