@charset "utf-8";
/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
.clear{ clear:both;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , "微軟正黑體";}
button{cursor:pointer;}

.img100{width:100%; display:block;}
.blank20{ height:20px;}
.blank30{ height:30px;}
.blank50{ height:50px;}
.blank15{ height:10px;}
body{font-family:arial,"微軟正黑體";  font-size:15px; line-height:26px;}

.container{width:96%; margin-left:auto; margin-right:auto ; max-width:1170px; min-width:280px;}

header{ padding-top:30px;}
#logo{ text-align:center; position:relative;}
#logo img{  margin-left:auto; margin-right:auto; margin-bottom:10px;width:80%; max-width:305px;}
#logo span{border:solid 1px #CC4F7B;  position:absolute; right:10px; top:0px; display:inline-block; border-radius:20px;font-size:12px;  line-height:13px;}
#logo span a{color:#000; display:block;padding:8px 20px;border-radius:20px;}
#logo span a:hover{ background-color:#CC4F7B; color:#fff;}


#header{box-shadow:-2px 0px 8px #ccc,0px 0px 0px #ccc,0px 0px 0px #ccc,2px 0px 8px #ccc; background-color:#CD507C}
.wrap{width:100%; max-width:1170px; margin:0 auto;  min-width:300px; }


#navigation{}
#navigation li{ display:inline-block; position:relative; }
#navigation li > a{display:block; padding:25px 43px;  font-size:16px; color:#fff; transition:all .3s; text-align:center; }

#navigation li > a span{ display:block;}
#navigation li:hover > a ,
#navigation li.active > a{ color:#fff; background-color:#CD507C;}
#navigation li .sub-menu{position:absolute; left:0; top:100%; display:none; width:160px; z-index:1; background:#CD507C; padding-bottom:10px; padding-top:10px; }
#navigation li .sub-menu a{display:block; font-size:14px; color:#fff; line-height:35px; text-align:left; padding-left:10px;width:130px; margin:0 auto; background-image:url(../images/li.png); background-repeat:no-repeat; background-position:right}
#navigation li .sub-menu a:hover{background:#F5F1E8; color:#000; background-image:url(../images/li.png); background-repeat:no-repeat; background-position:right}

#xia1{vertical-align:middle;}
#xia{display:inline; margin-left:20px;  position:absolute;top:5px;}
/* mobile */
#mobi-btn{position:absolute; top:65px; left:10px; display:none; width:40px; height:40px; background:#CD507C;  }
#mobi-btn.active{background:#75E1D4;}
#mobi-btn hr ,
#mobi-btn:before ,
#mobi-btn:after{content:""; position:absolute; left:9px; display:block; width:23px; height:5px; margin:0; background:#fff; border:none; border-radius:4px;}
#mobi-btn:before{top:10px;}
#mobi-btn hr{top:18px;}
#mobi-btn:after{top:26px;}
#mobi-btn.active hr ,
#mobi-btn.active:before ,
#mobi-btn.active:after{background:#fff;}
#mobile{display:none;}
#mobile li > a{display:block; border-top:1px solid #D26289; border-bottom:1px solid #CA4674;  font-size:16px; color:#fff; line-height:50px; text-align:center; background-color:#CD507C;}
#mobile li > a span{ display:none}
#mobile li > a:hover{ background-color:#B43461; color:#fff; }
#mobile li .sub-menu{display:none; background:#FCF5F8;}
#mobile li .sub-menu a{display:block; border-top:1px dashed #75E1D4; font-size:16px; color:#000; line-height:50px; text-align:center;}

#mobile li .sub-menu a:hover{ background-color:#fff; color:#000;}


/* slider */
#slider{position:relative; margin:0 auto;box-shadow:0px 0px 8px #ccc; border:solid 1px #fff;}
#slider .item img{display:block; width:100%; height:auto;}
#slider .owl-pagination{position:absolute; left:0; bottom:15px; width:100%; padding:0px; text-align:center; box-sizing:border-box;}
#slider .owl-pagination .owl-page{display:inline-block; width:15px; height:15px; margin:0 8px; background:#fff; border-radius:50%;}
#slider .owl-pagination .owl-page.active{background:#CD507C;}
#slider .owl-buttons div{position:absolute; top:50%; width:16px; height:30px; margin-top:-15px; background:url("../images/slide_arrow.png"); text-indent:-9999px; transition:all .3s;}
#slider .owl-buttons div:hover{opacity:.6;}
#slider .owl-buttons .owl-prev{left:30px; background-position:left top;}
#slider .owl-buttons .owl-next{right:30px; background-position:right top;}


/*** 圖片導航 **/


.navpic{ padding-top:50px; padding-bottom:50px; background-color:#FBF2F7 ; margin-top:50px;}
.navpic ul{padding-top:20px; padding-bottom:20px; background-color:#fff }
.navpic ul li{ float:left;width:21%;  padding-bottom:15px; margin-left:2%; margin-right:2%;padding-top:15px; }
.navpic ul li:hover{}
.navpic ul li img{width:100%; max-width:246px; display:block; margin-left:auto; margin-right:auto;transition: all 0.4s;}
.navpic ul li img:hover{transform: scale(1.1);}

/*** 活動滾動 **/

.title{ border-bottom:solid 1px #D9D9DB; padding-bottom:15px;}
.title h3{ float:left; font-size:24px; font-weight:lighter;}
.title h3 b{ color:#c2c2c2; margin-left:10px;}
.title span{ float:right; color:#000}
.title span a{ color:#75E1D4;}
.title span a:hover{ color:#CD507C }


.activity{ margin-top:30px;background:#F5F6F8;width:92%; padding-left:4%; padding-right:4%;}
.clearout {clear:both;}

#flexiselDemo3 {display:none;}

.nbs-flexisel-container {position:relative;max-width:100%;}
.nbs-flexisel-ul {position:relative;width:9999px;margin:0px;padding:0px;list-style-type:none;text-align:center;	}

.nbs-flexisel-inner {
	overflow:hidden;
	float:left;
	width:100%;
	background:#F5F6F8;
/*	background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */
/*	background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc)), color-stop(100%,#eee)); /* Chrome,Safari4+ */
/*	background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
/*	background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */
/*	background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */
/*	background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */
/*	border:1px solid #ccc;
/*	border-radius:5px;
/*	-moz-border-radius:5px;
/*	-webkit-border-radius:5px;	 */

max-height:270px; overflow:hidden 
}

.nbs-flexisel-item {float:left;margin:0px;padding:0px;cursor:pointer;position:relative;line-height:0px;  margin-right:10px;}
.nbs-flexisel-item img {width: 100%;cursor: pointer;positon: relative;margin-top: 30px;margin-bottom: 30px;max-width:350px; }
.nbs-flexisel-item img:hover{ opacity:1.0}
/*** Navigation ***/
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {width: 45px;height: 45px; position: absolute;cursor: pointer;z-index: 100;}
.nbs-flexisel-nav-left {left: 0px;background: url(../images/button-previous.png) no-repeat;}
.nbs-flexisel-nav-right {right: 0px;background: url(../images/button-next.png) no-repeat;}


/** 活動分類 **/
.activitytype{ width:100%;}
.activitytype ul{}
.activitytype ul li{ float:left; margin-right:3%;width:44%; margin-left:3%;}
.activitytype ul li img{ display:block; width:100%;  display:block; margin-left:auto; margin-right:auto; margin-bottom:30px;         transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;}
.activitytype ul li img:hover{ 
  transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
    -moz-transform:translate(0,-10px);
    -o-transform:translate(0,-10px);
    -ms-transform:translate(0,-10px);}

	
#lr{ margin-right:0px;}

footer{ border-top:solid 5px #75DECF;}

.end1{ background-color:#CD507C; color:#fff; margin-top:1px;}


.line_end{ padding-top:30px; line-height:30px; border-bottom:solid 1px #D36089; padding-bottom:10px;}
.line_end h3{ float:left;width:25%;}
.line_end nav{ float:left;width:60%; text-align:center}

.line_end nav  a{ display:inline-block; padding-left:25px; padding-right:25px; color:#fff;}
.line_end nav a:hover{ background-color:#75E1D4;}
.line_end span{ float:right;width:15%; text-align:right}
.line_end span img{ margin-left:10px;}

.line_end2{ padding-top:15px; position:relative; line-height:30px; border-bottom:solid 1px #fff; padding-bottom:15px;}
.line_end2 strong{ float:left; width:33%; font-weight:lighter;}
.line_end2 span{ float:left;width:60%; font-weight:lighter;}

.qrcode{ position:absolute; top:20px;right:0px;}

.copyright{ padding-top:15px; padding-bottom:15px; text-align:center; color:#fff;}
.copyright a{ color:#fff;}


#btn {
    width:40px;
    height: 40px;
   position:fixed;
    right:10px;
    bottom:20px;
    background:url(../images/top.png)  no-repeat  left top ;
    margin-left: 610px;
}
#btn:hover {
    background:url(../images/top.png)  no-repeat  left -40px;
}


/** 關於我們 **/
.about_ax{}
.about_ax h4{ height:58px; background-image:url(../images/about_bg.jpg);}
.about_ax h4 img{ margin-left:auto; margin-right:auto; display:block;}
.about_ax article{ margin-left:auto; margin-right:auto; }
.about_ax article b{font-size:20px; display:block;margin-top:10px;margin-bottom:10px;}
.about_ax article p{ font-size:18px; line-height:40px;  color:#717071; text-indent:36px;}

.aboutc{width:100%; background-image:url(../images/about_bg2.jpg); background-repeat:no-repeat; background-position:center; margin-top:50px; background-size:100% auto; background-position:top; padding-bottom:100px; background-color:#EAEAEA;}
.aboutc img{ margin-left:auto ; margin-right:auto; display:block; padding-top:90px; width:100%;}

.img-web{ display:block;}
.img-wap{ display:none;}

.t1{vertical-align:middle; margin-right:5px;}
.t2{vertical-align:middle; margin-left:5px;}

.img-web2{ display:table-cell}
/*******************************　场馆介绍　************************************/
.szf{width:100%; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:30px;}
.szf h3{  background-image:url(../images/szf1.jpg); padding-left:80px;  font-size:28px; color:#CA4F7B; padding-left:65px; background-repeat:no-repeat; font-weight:lighter; line-height:50px;}
.szf h3 small{ font-size:18px; line-height:60px;}

.szfc{}
.szfc li{ float:left;-webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background-color:#E3AAC2; padding:3px 10px 3px 10px; margin-left:20px; margin-top:20px; color:#fff; height:28px; line-height:28px;}
.szfc li small{-moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background-color:#fff; color:#E3AAC2;width:22px; display:inline-block; text-align:center; font-weight:bold; margin-top:3px; margin-bottom:3px; margin-right:3px; height:20px; line-height:20px;}
.szfc li a{ color:#fff;}
.szfc li:hover{  background-color:#BF4D74;}

.szf article{ padding-bottom:10px; padding-top:20px;}

#userman{ display:none;}
/*** 交通資訊***/
.shoplist{}
.shoplist li{ margin-top:30px; float:left; margin-left:2%; margin-right:2%; width:21%; text-align:center}
.shoplist li a{ background-image:url(../images/jtbg.png);width:125px; height:49px; display:block; margin-left:auto; margin-right:auto; color:#000; line-height:48px; text-align:left; padding-left:15px; font-size:18px;}
.shopinfo{ margin-top:30px;}
.shopbase{ background-color:#3F53A3; border-radius:8px;box-shadow:0px 0px 8px #333; color:#fff; padding-top:20px; padding-bottom:20px;}
.shopbase h3{ float:left;width:30%; text-align:center; font-size:24px; line-height:50px; }
.shopbase p{ float:right;width:63%; text-align:left; font-size:18px; line-height:36px;border-left:solid 1px #ccc; padding-left:5%;}

.shoplist3{ margin-bottom:60px;}
.shoplist3 li{ margin-top:30px; float:left; margin-left:2%; margin-right:2%; width:29.3333%; text-align:center}
.shoplist3 li a{ background-image:url(../images/jtbg2.png);width:265px; height:49px; display:block; margin-left:auto; margin-right:auto; color:#000; line-height:48px; text-align:left; font-size:18px; padding-left:15px;}


.shoppic{ text-align:center; margin-top:50px; float:left;width:55%;}
.shoppic img{width:100%; }

.shopjt{ text-align:left; float:right; width:40%;margin-top:50px;}
.shopjt h4{ background-color:#036EB7; color:#fff; display:inline-block; padding-left:5px; padding-right:5px; margin-bottom:5px;}
.xingxi{ margin-bottom:15px;}
.xingxi img{width:18px; vertical-align:middle; margin-right:10px;}

/*******************************　最新消息　************************************/
.news_sub{width:100%; margin-left:auto; margin-right:auto; margin-top:30px; padding-bottom:50px; }

.expert{width:90%; line-height:50px;  color:#046FB7; font-size:20px; padding:5px 5% 5px 5%; margin-top:20px; margin-bottom:10px;background-color:#efefef;-webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; cursor:pointer;}
.expert:hover{ background-color:#C4F7FB;}
.expert span{width:120px;}
.expert  a{ color:#046FB7; margin-left:20px; cursor:pointer}
.expert_jieshao { display:none; color:#717173; padding-bottom:20px; overflow-x:auto;}
.expert_jieshao img{float:none;display:block; margin-top:10px; margin-bottom:10px;}

.pager { margin-top:50px; text-align:center;}	
.pager a{ border:solid 1px #000; padding:2px 8px 2px 8px; margin-left:5px; margin-right:5px; color:#000;}	
.pager span{ border:solid 1px #000; padding:2px 8px 2px 8px; margin-left:5px; margin-right:5px; color:#000;}	

#currentpage{padding:2px 8px 2px 8px; color:#fff; background-color:#D36089; border:solid 1px #D36089}	


.partypic{}
.partypic li{ margin-top:30px;}
.partypic li img{width:100%; max-width:1000px; display:block; margin-left:auto; margin-right:auto;box-shadow:0px 0px 8px #666; border:solid 1px #fff;}

.bbsform_content{width:60%;  background-color:#F6F6F6; margin-left:auto; margin-right:auto; padding-top:30px; padding-bottom:30px; margin-top:30px; border:solid 1px #ccc;box-shadow:0px 0px 8px #666; }
.bbsform{width:90%; margin-left:auto; margin-right:auto; max-width:400px; margin-top:30px; }

.bbsform_date{width:90%; margin-left:auto; margin-right:auto; max-width:400px; margin-top:30px;}
.ptxt01{ display:block;width:100%; padding:5px; border:solid 1px #ccc; border-radius:5px; line-height:24px; font-size:15px; margin-bottom:20px; margin-left:auto; margin-right:auto;}
.bbsform span{ display:block; margin-bottom:1px; color:#333}
.bbsform span b{ color:red; margin-right:5px;}
.radiobtn{ cursor:pointer; display:inline-block; margin-right:10px;color:#666}

.resetc{width:62px; height:62px; background-image:url(../images/reset.png); cursor:pointer; background-color:transparent; border:none;}
.submitc{width:108px; height:64px; background-image:url(../images/submit.png); cursor:pointer;  background-color:transparent; border:none;}

.txt01{ border:solid 1px #ccc; margin-right:10px; height:20px; padding-left:3px; padding-right:3px;}

.kang{width:100%; margin-bottom:20px;}
.kang label{ cursor:pointer; margin-right:10px; color:#777;}

/*** 美發　***/
.mf{}
.mf_right{ float:right;width:35%; text-align:center}
.mf_left{ float:left; width:60%; background-color:#F6F6F6; margin-left:auto; margin-right:auto; padding-top:30px; padding-bottom:30px; border:solid 1px #ccc;box-shadow:0px 0px 8px #666; }

.mf_kang{ width:90%; margin:0 auto; }

/*** 註冊 ***/
.formBox {margin-top: 55px;color: #2f2f2f;font-size: 13px;width:80%; margin-left:auto; margin-right:auto;  background-color:#fff; margin-left:auto; margin-right:auto; padding-top:30px; padding-bottom:30px; margin-top:30px; border:solid 1px #ccc;box-shadow:0px 0px 8px #666;}

.form {margin-bottom: 25px;color: #2F2F2F;padding: 0 30px;}
.form label {display: inline-block;width: 170px;text-align: left;margin-right: 5px;font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;font-size: 15px;color: #737373; vertical-align:top;}
.form label em {color: #ff0000;font-style: normal;font-weight: normal; margin-right:3px;}
.form input[type="text"], .formBox .form input[type="password"]{box-sizing: border-box;-moz-box-sizing: border-box;width: 300px;height: 35px;
line-height: 35px;border: 1px solid #ccc;border-radius: 3px; background-image:url(../images/txt_bg.jpg); text-indent:10px;}
.form font{ margin-left:10px; color:#808080;}
.table-e table{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

.table-e table td{border-left:1px solid #ccc;border-top:1px solid #ccc; line-height:24px; padding:5px;}
.table-e table td a{ color:#333;}

/** 會員中心 **/

.menu3 {width:85%; display:block; margin-left:auto; margin-right:auto;}
.menu3 li{float:left;width:20%; margin-top:20px; margin-left:7%; text-align:center;margin-right:6%;} 
.menu3 li img{ width:60px; height:60px;}
.menu3  li b{ display:block; font-weight:lighter; margin-top:10px; font-size:15px; text-align:center; text-align:center} 
.menu3 li a{ color:#000;}
.formBox2 {margin-top: 25px;color: #333;font-size: 13px;width:50%; margin-left:auto; margin-right:auto;}
.btnc{width:119px; height:45px;  cursor:pointer; border:none; background-color:#e8e9e9; border:solid 1px #ccc; color:#000; font-size:18px; letter-spacing:5px; border-radius:5px;}
.btnc:hover{ background-color:#F50159; color:#fff;}


.menu4 {width:85%; display:block; margin-left:auto; margin-right:auto;}
.menu4 li{float:left;width:15.25%; margin-top:20px; margin-left:7%; text-align:center;margin-right:6%;} 
.menu4 li img{ width:60px; height:60px;}
.menu4 li b{ display:block; font-weight:lighter; margin-top:10px; font-size:15px; text-align:center; text-align:center} 
.menu4 li a{ color:#000;}


/*** 活動開始 ***/
.sp_piclist{width:100%; margin-left:auto; margin-right:auto; padding-bottom:50px;}
.sp_piclist li{ display:block; text-align:center;}
.sp_piclist li img{width:100%; margin-top:50px; max-width:1000px;box-shadow:0px 0px 8px #666;}

.pplist{ }
.pplist li { margin-top:30px; float:left;width:29%; margin-left:2%; margin-right:2%; background:#F7F7F7;
	background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #F7F7F7 100%); /* FF3.6+ */
	background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc)), color-stop(100%,#eee)); /* Chrome,Safari4+ */
	background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #F7F7F7 100%); /* Chrome10+,Safari5.1+ */
	background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #F7F7F7 100%); /* Opera11.10+ */
	background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #F7F7F7 100%); /* IE10+ */
	background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #F7F7F7 100%); /* W3C */
	border:1px solid #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
	
.pplist li div{ margin:10px;}	
.pplist li img{ display:block;max-width:999px;width:100%;}
.pplist li strong a{ display:block; color:#F09; font-size:15px; margin-top:10px ;height:50px; overflow:hidden;}
.pplist li p{ margin-top:10px; line-height:23px; color:#999; height:50px; overflow:hidden;}
.pplist li p a{ color:#999;}

#wybm{ background-color:#FF6800; color:#fff; display:block; margin-top:10px; width:100px; text-align:center; padding:8px 20px 8px 20px; border-radius:5px; margin-left:auto; margin-right:auto;}

#wybm:hover{ background-color:#CD507C;}

.hdtitle{ color:#2680BF; font-size:28px; color:#046FB7; background-repeat:no-repeat; font-weight:lighter; line-height:50px; text-align:center}	

	.btn{ padding:10px 20px 10px 20px; border:solid 1px #930; border-radius:5px; letter-spacing:2px; background-color:#069; font-size:15px; color:#fff; cursor:pointer;}
	.btn:hover{ background-color:#C00}
				
/** 購物車 **/
.table-c {}

.table-c table{border-right:1px solid #ccc;border-bottom:1px solid #ccc; margin-top:20px;width:100%;}

.table-c table td{border-left:1px solid #ccc;border-top:1px solid #ccc; line-height:24px; padding:5px; font-size:13px; vertical-align:middle; text-align:center;}
.table-c table td a{ color:#333;}
#th{ text-align:center;  background-color:#e8e9e9; font-size:15px;}

.num{width: 60px; display:inline-block; margin-top:4px; }

.num input {width: 30px; border:solid 1px #e5e5e5; height:13px; line-height:13px; border-right:none; border-left:none; vertical-align:top;text-align:center
}

.num span {height: 15px;width: 12px;border: 1px solid #e5e5e5;background: #f0f0f0;text-align: center;line-height: 15px;color: #444;cursor: pointer;line-height:15px;display:inline-block;
}

.xm{ border:solid 1px #e8e9e9; border-radius:5px; font-size:13px; line-height:20px; padding:5px; color:#666; display:none; margin-left:auto; margin-right:auto;}

.btndel{ background-color:#000; font-size:13px; padding:2px 4px 2px 4px; letter-spacing:2px; color:#fff;}

.btnupdate{height: 25px;width: 45px;border: 1px solid #e5e5e5;background: #f0f0f0;text-align: center;line-height: 15px;color: #444;cursor: pointer;line-height:15px;display:inline-block; text-align:center
}

	
	.btn3{ width:108px; text-align:center; display:inline-block; height:36px;line-height:36px;  border:solid 1px #930; border-radius:5px; letter-spacing:2px; background-color:#FF8000; font-size:15px; color:#fff; cursor:pointer;}
		.btn_no{width:108px; text-align:center;  display:inline-block; height:36px;line-height:36px; border:solid 1px #ccc; border-radius:5px; letter-spacing:2px; background-color:#e8e9e9; font-size:15px; color:#666;}
	.btn3:hover{ background-color:#C00}
	
		.btn2{padding:10px 20px 10px 20px; border:solid 1px #930; border-radius:5px; letter-spacing:2px; background-color:#036; font-size:15px; color:#fff; cursor:pointer;}
	.btn2:hover{background-color:#C00}
		.txt_hd{line-height:20px; width:96%; max-width:300px; border:1px solid #333;height:20px;padding-left:2%;padding-right:2%;padding-top:2px;padding-bottom:2px;}	
		
		#th b{ display:inline; color:red; margin-right:5px;}	
		
	
	

	.paylist li{width:100%; border:solid 1px #ccc; margin-bottom:10px;border-radius:5px; margin-top:10px;}
	.paylist li label{ display:block; cursor:pointer; padding:15px;}	
	
.szf01{ float:left; width:44%; margin-left:3%; margin-right:2%;margin-top:50px;  text-align:center; border-radius:20px 20px 0px 0px;
	border:solid 1px #ccc;
}		
.szf01 div{ margin:10px; margin-top:0px;}
.szf01 h3{ background-color:#E64D3D; color:#fff; line-height:30px; font-size:23px; padding-top:10px; padding-bottom:10px;background-repeat:repeat-x;border-radius:20px 20px 0px 0px;}

.szfc2{}
.szfc2 li{ float:left;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius:5px; border-radius: 5px; background-color:#E3AAC2; padding:3px 10px 3px 10px; margin-left:20px; margin-top:20px; color:#fff; height:28px; line-height:28px;}
.szfc2 li small{-moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background-color:#fff; color:#E3AAC2;width:20px; display:inline-block; text-align:center; font-weight:bold; margin-top:3px; margin-bottom:3px; margin-right:3px; height:18px; line-height:20px;}
.szfc2 li a{ color:#fff;}
.szfc2 li:hover{  background-color:#BF4D74;}

.szf article{ padding-bottom:20px; padding-top:20px;}


/*** 交通資訊***/
.shoplist2{}
.shoplist2 li{ margin-top:30px; float:left; margin-left:2%; margin-right:2%; width:21%; text-align:center; font-size:18px;  border-radius:5px;font-weight:bold;box-shadow:0px 0px 8px #ccc; }

.shoplist2 li a{ color:#fff; display:block; padding-top:10px; padding-bottom:10px; background-color:#000080;border-radius:5px;}
.shoplist2 li a:hover{ background-color:#000;}

#zxs2{background-color:#C10074;}

.piclist li{margin-top:30px; float:left; margin-left:2%; margin-right:2%; width:21%; text-align:center;  border-radius:5px;box-shadow:0px 0px 8px #ccc;}
.piclist li img{width:90%; margin-top:10px; display:block; margin-left:auto; margin-right:auto;}
.piclist li span a{ display:block; padding-top:5px; padding-bottom:5px; color:#000}
.piclist li span a:hover{ color:#C10074}

.pictitle{ text-align:center; color:Red; margin-top:25px;}


/***瀑布流css*/
#productlist{ width:100%;min-width:320px;}
#productlist ul{width:31.3333%;list-style:none;float:left;  margin-right:1%; margin-left:1%}
#productlist ul li{
	margin-top:20px;
    margin-bottom:10px;
   
}
#productlist ul li img{width:100%; padding:0%;display:block;}


@media screen and (max-width:1260px){
.container{ max-width:1024px;}
.wrap{ max-width:1024px;}
#navigation li > a{ padding:25px 25px;}
}
@media screen and (max-width:1062px){
.container{ max-width:940px;}
.wrap{ max-width:940px;}
#navigation li > a{ padding:25px 20px;}
.line_end nav  a{padding-left:18px; padding-right:18px;}
}

@media screen and (max-width:960px){
.blank30{ height:25px;}
#logo {border-bottom:solid 1px #D9D9DB; }
#logo span{position:static; border-radius:20px;font-size:12px;  line-height:13px;}
#navigation{display:none;}
#mobi-btn{display:block;}

#logo span{ display:none;}

#userman{ display:block; width:40px; height:40px; max-width:40px; position:absolute; right:10px; top:40px;}



.navpic{ padding-top:20px; padding-bottom:20px; margin-top:20px;}
.navpic ul{padding-top:10px; padding-bottom:10px;}
.navpic ul li{width:46%;  padding-bottom:7px; padding-top:7px; }
.navpic ul li img{ max-width:228px; }

.title h3{ float:left; font-size:20px; font-weight:lighter;}
.blank50{ height:25px;}
.activity{ margin-top:15px;}
.nbs-flexisel-item img {margin-top:20px;margin-bottom: 20px}

.line_end h3{width:100%; float:none; text-align:center}

.line_end nav{width:100%; float:none; text-align:center}
.line_end span{width:100%; float:none; text-align:center; display:block; margin-top:10px;}

.line_end2 strong{ float:none; width:auto; font-weight:lighter; }
.line_end2 span{ float:none;width:auto; font-weight:lighter; padding-left:25px;  }

.qrcode{ position:static; display:block; margin-left:auto; margin-right:auto; margin-top:15px;}

.img-web{ display:none;}
.img-wap{ display:block;}

.aboutc img{padding-top:30px;}
.aboutc{ padding-bottom:30px;}
.button{
    text-decoration: none;
    font: 18px/1em "微軟正黑體";}
	
.shoppic{ text-align:center; margin-top:0px; float:none;width:100%;}
.shoppic img{width:100%; }
.shopjt{ text-align:left; float:none; width:100%;margin-top:10px;}


.bbsform_content{width:90%; padding-top:0px; padding-bottom:30px;}
.ptxt01{ display:block;width:90%; }
.kang{width:90%; margin-left:auto; margin-right:auto;}

.pplist li {width:45%; }

.shoplist3{ margin-bottom:30px;}
.shoplist3 li{ margin-top:10px; float:left; margin-left:2%; margin-right:2%; width:96%; text-align:center}
#productlist ul{width:47%;list-style:none;float:left; display:block;}

}


.btnzhuce{color:blue;display:block;margin-top:20px;background-color: #FF6600; border-radius: 5px; display: inline-block; color:#fff;;width:150px;text-align:center;padding-top:5px;padding-bottom:5px;}


/*** 活動開始 ***/
.c_goodslist{width:100%; margin-left:auto; margin-right:auto; padding-bottom:50px;}
.c_goodslist li{float:left; display:block; text-align:center;width:46%;margin-left:2%;margin-right:2%;}
.c_goodslist li img{width:100%; margin-top:50px; max-width:1000px;box-shadow:0px 0px 8px #666;}

.c_goodcontent{width:100%}
.c_goodpic{float:left;width:40%;}
.c_goodpic img{width:100%; max-width:1000px;box-shadow:0px 0px 8px #666;}
.c_goodinfo{float:right;width:55%;}
.price_goods{color:red;font-size:30px;margin-top:20px;}
.zp_goods{margin-top:20px; color:blue;line-height:26px; font-size:16px;}

.zp_num{width: 84px; display:inline-block; margin-top:20px;  }

.zp_num input {width: 30px; height:22px; line-height:18px; border-right:none; border-left:none; vertical-align:top;text-align:center;border:solid 1px #e5e5e5;}



.zp_num span {height: 20px;width: 24px;border: 1px solid #e5e5e5;background: #f0f0f0;text-align: center;line-height: 20px;color: #444;cursor: pointer;display:inline-block;vertical-align:top;}

.c_goodcontent{border-top:solid 1px #e5e5e5;margin-top:20px;padding-bottom:20px;padding-top:20px;}

.addorderge{float:left;width:46%;margin-right:4%;}
.btn_addorderge{background-color: #E53935;color:#fff;text-align: center;border-radius: 8px;width:100%;display:block;padding-top:13px;padding-bottom:13px; border:none;cursor:pointer;font-size:15px;}

.car_goolist{margin:10px;}
.car_goolist_img{float:left;}
.car_goolist_info{float:left;margin-left:20px;text-align:left;}
.car_goolist_info h3{font-size:13px;color:#333;}
.car_goolist_price{ color:red; font-size:13px; margin-top:10px; text-align:left;}
.ar_goolist_goods{color:#999;line-height:26px;}
@media screen and (max-width:768px){
    
    .btnzhuce{margin:0 auto;margin-top:20px;width:100%;}
    
	.activitytype ul li{ float:none; margin-right:auto;width:100%; margin-left:auto; margin-right:auto;}

	#lr{ margin-right:auto;}
	
	.about_ax article b{font-size:18px; display:block;}
	.about_ax article p{ font-size:15px; line-height:30px;  color:#717071; text-indent:36px;}
	
	.szf{margin-top:20px; margin-bottom:0px; }
	.szf h3{line-height:50px;min-height:50px;}
	.szf h3 small{ font-size:18px; line-height:20px;}
	
	.shopinfo{ margin-top:10px;}
	.shoplist{ margin-top:10px;}
	
	.shopbase h3{ float:none;width:100%; text-align:center; font-size:22px; line-height:40px; border-bottom:solid 1px #25315F; padding-bottom:5px;}
.shopbase p{ border-top:solid 1px #4960B8; float:none;width:100%; text-align:left; font-size:16px; line-height:26px;border-left:solid 0px #ccc; padding-left:0%; padding-top:10px;}

.expert{line-height:25px;  font-size:15px;}

.mf_right{ float:none;width:100%; margin-top:20px;}
.mf_left{ float:none; width:100%; padding-top:10px; padding-bottom:20px;} 

.formBox {color: #2f2f2f;font-size: 13px; width:100%; margin-left:auto; margin-right:auto; margin-top:25px}

.form label {width: auto;display: block;margin-bottom: 5px;text-align: left;}
.form input[type="text"], .formBox .form input[type="password"] {width: 100%;}

.menu3 {width:100%;}
.menu4 {width:100%;}
.formBox2{ width:100%;}

.sp_piclist li img{width:100%; margin-top:20px; }
.sp_piclist{padding-bottom:0px;}

.img-web2{ display:none;}



.shoplist2{}
.shoplist2 li{ margin-top:30px;margin-left:2%; margin-right:2%; width:44%;}
.piclist li{ margin-left:2%; margin-right:2%; width:44%;}


}

@media screen and (max-width:675px){
.shoplist li{ margin-top:10px;  margin-left:2%; margin-right:2%; width:46%; text-align:center}
.szf01 h3{line-height:20px; font-size:15px; padding-top:10px; padding-bottom:2px;}
}

@media screen and (max-width:480px){
.resetc{width:40px; height:40px; background-image:url(../images/reset2.png); }
.submitc{width:68px; height:40px; background-image:url(../images/submit2.png);}
.pplist li { float:none; width:100%; margin-left:auto; margin-right:auto; }

#th{ font-size:11px;}
.table-c table td{padding:2px; font-size:12px;}
.xm{ border:solid 1px #e8e9e9; border-radius:5px; font-size:12px; line-height:18px; padding:2px; color:#666; display:none; margin-left:auto; margin-right:auto;width:90px;}

#logo img{ height:40px;width:124px; margin-top:0px;}
#mobi-btn{top:15px;  }
#userman{ top:0px;}
header{ padding-top:15px;}



}