@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0; font-family:"微軟正黑體"; letter-spacing:1px;}
.clean{ clear:both;}

#all{width:100%; height:100%; display:block; }

#head{ position:fixed; padding:0; top:0; width:100%; background:#000000; text-indent:inherit; z-index:200;}
#logo_s{ float:left; width:196px; height:46px; padding:17px 0 7px 27px;}
#logo_s a img{ border:0; padding:0; margin:0;}

#logo_sole{ float:left; width:196px; height:46px; padding:17px 0 7px 27px;}
#logo_sole a img{ border:0; padding:0; margin:0;}

#page{width:35%;height: 100%;position:absolute;right:0;}








#main{ width:100%; background:#000; height:auto;}

/*新的頁面規範*/
.fixpage{width:35%;height:auto; color:#ffffff; padding-bottom:80px;display:block; position:absolute; right:0; top:70px; }
.fixpage_line{width:35%;height:auto; color:#ffffff; padding-bottom:80px;display:block; position:absolute; right:0; top:70px; }
.fixpage_gallery{width:30%;height:auto; color:#ffffff; display:block; position:absolute; right:0; top:90px; }
.fixpage_store{width:35%;height:auto; color:#ffffff; padding-bottom:80px;display:block; position:absolute; right:0; top:70px; }
.fixpage p{ color:#ffffff;}


#top{padding:0; margin-bottom:15px;width:100%; height:115px;border-bottom:1px solid #ffffff; display:block;}
#top img{ display: none;}
#top_page{  width:100%; height:95px;/*height:123px; background: url(../images/main/logo_line.png) no-repeat right 80%; background-size:30%;*/ }
#top_page img{ display: none;}


#top_chid{padding:0; margin-bottom:15px;width:100%; height:115px;border-bottom:1px solid #ffffff; display:block;}
#top_chid img{ display: none;}


#top_tea{padding:0; margin-bottom:15px;width:100%; height:115px;border-bottom:1px solid #ffffff; display:block;}
#top_tea img{ display: none;}


#fixbg{ padding:0; margin:0; width:100%; height:70px;}

#page_tit{ width: auto;  display: block; font-size:26px; font-weight:bold; line-height:32px;  height:32px;color:#cfa100; }
#page_tit_02{ width: auto;  display: block; font-size:26px; font-weight:bold; line-height:32px;  height:32px;color:#00ff06; }


/*#page_tit{ width:100%; display:block; font-size:26px; color:#cfa100; margin-bottom:5px;}*/



/*內頁表尾*/
.btm{ padding:0; margin:0; border-top:1px solid #ffffff; padding-top:10px;right:0; bottom:0; position:absolute; width:100%; line-height:40px; }
.btm ul{ margin:0; padding:0; height:44px; }
.btm li{ list-style:none; display:inline-block; font-size:16px; float:right; background:url(../images/main/icon_02.jpg) left 50% no-repeat; padding-left:5px; margin-right:5px;}
.btm li a{ text-decoration:none; color:#ffffff;}
.btm li a:hover{ text-decoration: underline; color:#ffffff;}

/*首頁表頭細項連結*/
.idxtop{ position:absolute; right:180px; top:12px;padding:0; margin:0;}
.idxtop ul{ margin:0; padding:0; height:44px; }
.idxtop li{ list-style:none; display:inline-block; font-size:16px; line-height:44px; float:right; background:url(../images/main/icon_02.jpg) 6px 50% no-repeat; padding-left:15px; margin-right:5px;}
.idxtop li a{ text-decoration:none; color:#cdcdcd;}
.idxtop li a:hover{ text-decoration: underline; color:#cdcdcd;}

/*首頁表尾細項連結尾*/
/*.idxbtm{ float:left; padding:0;width:100%; background:#000000; text-indent:inherit;}
.idxbtm ul{text-indent:inherit; margin:0; padding-top:10px;height:60px;  }
.idxbtm li{text-indent:inherit; list-style:none; display:inline-block; font-size:16px; line-height:23px; float:right; background:url(../images/main/icon_02.jpg) left 50% no-repeat; padding-left:5px; margin-right:5px;}
.idxbtm li a{ text-decoration:none; color:#ffffff;}
.idxbtm li a:hover{ text-decoration: underline; color:#ffffff;}*/



.idxbtm{ float:left;padding:0px 0 10px 0; width:100%; background:#000000; text-indent:inherit;}
.idxbtm ul{text-indent:inherit; display:block; padding-left:25px; margin-right:60px;  float:left;}
.idxbtm li{text-indent:inherit; list-style:none; display:inline-block; font-size:16px; line-height:23px; float:left; background:url(../images/main/icon_02.jpg) left 50% no-repeat; padding-left:5px; margin-right:5px;}
.idxbtm li a{ text-decoration:none; color:#ffffff;}
.idxbtm li a:hover{ text-decoration: underline; color:#ffffff;}

.idxbtm  li .ficn{ float:left; width:20px;  height:25px;  }
.idxbtm  li .ficn img{ width:100%; height: auto; display:inline-block; }

/*舊的選單*/
/*.old{ display:none; z-index:600;}
.nav{ display:none;}*/

/*新的主選單*/
.men{ display:none;}
.men1{ display:none;}

/*新的表頭*/
.fixtop{text-indent:inherit; padding:0; margin:0;}
.fixtop ul{ text-indent:inherit; margin:0; display:block; padding-top:16px; padding-right:20px; float:right;}
.fixtop li{ text-indent:inherit; list-style:none; display:inline-block; font-size:16px; height:16px; line-height:16px;   border-right:1px solid #ffffff; margin-left:15px; padding-right:15px; margin-bottom:5px;}
.fixtop li a{ text-decoration:none; color:#ffffff;}
.fixtop li a:hover{ text-decoration: underline; color:#ffffff;}


/*新的表尾*/
.fixbtm{ position:fixed; padding:0px 0 0px 0; margin:0; bottom:0; width:100%; background:#000000; }
.fixbtm ul{text-indent:inherit; display:block; padding:0 60px 0 25px; margin:0; height:45px; line-height:45px; }
.fixbtm li{text-indent:inherit; list-style:none; display:inline-block; font-size:16px; float:left; background:url(../images/main/icon_02.jpg) left 50% no-repeat; padding-left:5px; margin-right:5px;}
.fixbtm li a{ text-decoration:none; color:#ffffff;}
.fixbtm li a:hover{ text-decoration: underline; color:#ffffff;}
.fixbtm li .ficn{ float:left; width:20px;  height:25px; padding-top:15px; background-image:none; }
.fixbtm li .ficn img{ width:100%; height: auto; display:inline-block; }
.fixbtm li.nobg{ display:inline-block; }

/*頁面編排圖片*/
.photo{ width:100%; display:block; }
.photo img{ width:100%;height:auto;}

.photo_02{ width:70%; display:block; margin-bottom:40px; padding:0;}
.photo_02 img{ width:100%;height:auto;}

/*特別針對服務據點寫的表尾*/
.place_down{ position:absolute; bottom:0;}

/*粉絲團連結*/
.share{}

/*捲軸*/
/*.content{width:100%; height:300px; overflow:auto; background:#333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.content p:nth-child(even){color:#999; font-family:Georgia,serif; font-size:17px; font-style:italic;}
.content p:nth-child(3n+0){color:#c96;}*/
.loading{opacity:0.3;}



.content_7{position:relative; width:100%;  overflow:auto; /*background-color:#000000; */-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.content_7{height:65%; padding:0px 20px 20px 0; }
.content_7 p{ font-style:normal; color:#ffffff; font-size:16px; line-height:26px;}
.contit{ font-size:26px; font-weight:bold; color:#ffffff; display:block; margin-top:40px; width:100%; margin-bottom:10px; }

.demo_functions{width:100%;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 20px 80px 0px; }
.demo_functions p{ line-height:27px;}
/*.demo_functions{ margin-top:200px; width:100%; position:relative;}
.demo_functions ul{ padding:0; margin:0;}
.demo_functions li{ margin-bottom:8px; width:100%; list-style:none;}
.demo_functions li b,.demo_functions li b a{ display:inline-block; font-size:18px; color:#ffffff; text-decoration:none;}
.demo_functions li b a:hover{text-decoration: underline;}
.demo_functions li p{ display:inline; color:#a1a1a1; background: url(../images/main/icon_03.jpg) left 50% no-repeat; padding-left:10px; margin-left:10px; font-weight:bold;}
.demo_functions li p a{ color:#a1a1a1;text-decoration:none;}
.demo_functions li p a:hover{ color:#a1a1a1;text-decoration: underline;}
.demo_functions li .at{ color:#cfa100;}*/

/*直的*/
#dropdown_nav {
	width:100%;
	margin:0;
	padding:0px;
	display:block;
	list-style:none;
	z-index:300px;
	height:40px;
}

	#dropdown_nav li {
		padding:0px;
		margin:0;
		float:left;
		position:relative;
		display:inline-block;
		font-size:19px;
		
	}

		#dropdown_nav li a {
padding-right:12px;
		color: #fff;
		text-decoration: none;
		}
		#dropdown_nav li a:hover { color:#c3a105;}
		#dropdown_nav li a:active {
			background:#e2e2e2;
			background:-moz-linear-gradient(#e2e2e2, #f3f3f3);
			background:-webkit-gradient(linear, 0 0, 0 100%, from(#e2e2e2), to(#f3f3f3));
		}




		/* Sub-Nav styling */
		#dropdown_nav .sub_nav {
			width:120px;
			padding:0px;
			margin:0;
			position:absolute;
			top:28px;
			left:0px;
			background:#FFF;
			 z-index:50;

		}

			#dropdown_nav .sub_nav li {
				width:120px;
				font-size:17px;
			}

				#dropdown_nav .sub_nav li a {
					display:block;
					color:#000000;
					padding:10px;
				}
				#dropdown_nav .sub_nav li a:hover {
					background: #c3a105; 

				}
				#dropdown_nav .sub_nav li a:active {
					background:#e2e2e2;
				}
				
/*----------------------------------------------------------------------------------------*/				
				
#dropdown_nav .sub_nav .list_nav{
width:120px; display:block; height: auto; float:left; padding:0; margin:0;
			background:#856f09;
			 z-index:50;	
	}	
		
#dropdown_nav .sub_nav .list_nav li{
					width:120px;padding:0; margin:0;
				font-size:17px;
			}				
				
#dropdown_nav .sub_nav .list_nav li a{
						display:block; float:left;
					color:#ffffff;
					padding:10px;margin:0; 
				}
#dropdown_nav .sub_nav .list_nav li a:hover{width:100px;
					background: #5c4d09; 
				}
#dropdown_nav .sub_nav .list_nav li a:active {
					background:#e2e2e2;
				}		
				


/*------------------------------------------------------更新版另一個點開直的下拉-----------------------------------------------*/

.vertical{position: absolute; width:100%; display:block;z-index:800;}
.vwide{ display:block; height:40px; width:100%;}
.topnav {float:left; padding:0; margin:0; }



ul.topnav {
	font-size:16px;
	list-style: none; 
	
}
ul.topnav ul{ background:#ffffff;}
ul.topnav li { list-style:none; margin-right:1px; }

ul.topnav li a {

	font-size: 16px;
	padding: 10px 9px 10px 0px; text-align:left;
	color:#ffffff;
	display: block;
	text-decoration: none;

}
/*----------------------------------------主選單變色---------------------------------------*/
ul.topnav li a.on{ color:#cfa105;}
ul.topnav li a.on_health{ color:#a0f0ff;}
ul.topnav li a.on_child{ color:#ce9eff;}
ul.topnav li a.on_life{ color:#cfa105;}







ul.topnav li a:hover {
	color:#c3a105;

}

ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;

	
}

ul.topnav ul li a {
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:5px;
	font-weight: normal;
	color:#000000;
	outline:0;
}

ul.topnav ul li a:hover {
	background-color:#c3a105;
	color:#000000;
}

ul.topnav ul ul li a { 	padding: 7px 0px 7px 10px;
color: #630; 	font-size: 15px;
	
}

ul.topnav ul ul li a:hover {
	background-color:#D3CEB8;
	color:#000000;
}

ul.topnav span{
	float:right;
}
				
				
								
		
		
		
				
				
.arrow { background: url(../images/main/icon_08.png) right 50% no-repeat; margin-right:15px;}	

			
				
/*返回頂部*/		
/* Tab style */
#scrollUp {
    bottom: 0;
    right: 10px;
    width: 40px;
    height: 34px;
	border-radius:6px/6px;
    margin-bottom: -10px;
    padding: 22px 5px 0 5px;
    font: 16px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;


	background:url(../images/main/icon_09.png) center  2px no-repeat;

    -webkit-transition: margin-bottom 150ms linear;
    -moz-transition: margin-bottom 150ms linear;
    -o-transition: margin-bottom 150ms linear;
    transition: margin-bottom 150ms linear;
}

#scrollUp:hover {
    margin-bottom: 0;
}
		
				
				

/*次選單*/
#muall{ position:absolute; right:0;}
	#menu {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		width:100%;
		height:60px;
		

	}
	#menu li {
		margin: 0; font-size:19px;
		display:inline-block;


	}
	#menu li a {
/*   padding: 0px 15px;
*/
padding-left:10px;
		display: block;
		color: #fff;
		text-decoration: none;
	}
		#menu li a:hover {
		color: #c3a105;}
	#menu li ul {
		margin-top:0px;
		padding: 0px 0;
		list-style: none;
		float: left;
		position: absolute;
		left: 0;
		width:100%;
		color: #fff;

		border-top: 1px solid #ffffff;
		display: none;
	}
	#menu li ul li { border-right: 1px solid #fff; margin-top:5px; font-size:17px;}
	#menu li ul li a { display: inline; padding-right:15px; }
	#menu li ul li a:hover { text-decoration: underline; }
    #menu li b{ font-weight:normal;}










/*頁籤 showpage*/
.quotes {margin:60px 0; height:40px; text-align:center; width:100%; font-size:16px; font-family: Georgia, "Times New Roman", Times, serif; float:left;}
.quotes A {COLOR: #aaa; margin-right:7px; text-decoration:none;  display:inline-block; vertical-align:middle; width:28px; height:28px; line-height:28px; background:#ffffff; }
.quotes EM{ float: right; width:60px; padding-left:25px; height:40px;color:#79AC00;font-weight:bold; text-align:leftl }
.quotes EM a,.quotes EM a:hover{ color:#79AC00; font-size:18px; text-decoration:none; background:none; }
.quotes A:hover {COLOR: #000; margin-right:7px;  width:28px; height:28px; line-height:28px; text-align:center;}
.quotes A:active { COLOR:#EA6C00; margin-right:7px; width:28px; height:28px; line-height:28px; text-align:center;}
.quotes SPAN.current {FONT-WEIGHT: bold; COLOR:#ffffff; background:#454545; margin-right:7px; width:28px; height:28px; line-height:28px; display:inline-block; vertical-align:middle;}

.allpage{ color:#00F;}


.quotes_chid {margin:60px 0; height:40px; text-align:center; width:100%; font-size:16px; font-family: Georgia, "Times New Roman", Times, serif; display:block;}
.quotes_chid A {COLOR: #aaa; margin-right:7px; text-decoration:none; margin-top:8px; display:inline-block; vertical-align:middle; width:28px; height:28px; line-height:28px; background:#ffffff; border:1px solid #000000; }
.quotes_chid EM{ float: right; width:60px; padding-left:25px; height:40px;color:#79AC00;font-weight:bold; text-align:leftl }
.quotes_chid EM a,.quotes EM a:hover{ color:#79AC00; font-size:18px; text-decoration:none; background:none; }
.quotes_chid A:hover {COLOR: #000; margin-right:7px;  width:28px; height:28px; line-height:28px; text-align:center;}
.quotes_chid A:active { COLOR:#EA6C00; margin-right:7px; width:28px; height:28px; line-height:28px; text-align:center;}
.quotes_chid SPAN.current {FONT-WEIGHT: bold; COLOR:#ffffff; background:#454545; margin-right:7px; width:28px; height:28px; line-height:28px; display:inline-block; vertical-align:middle;}





@media screen and (max-width:1380px)
{
#head{ width:100%; background:#000;  position:fixed; z-index:100;}
#logo_s{padding:12px 0 0 15px;}
#logo_s img{ width:145px; height:35px;}

#logo_sole{padding:12px 0 0 15px;}
#logo_sole img{ width:145px; height:35px;}


.fixpage{top:53px; padding-left:15px; }
.fixpage_line{top:53px; padding-left:15px; }
s.fixpage_gallery{top:73px; padding-left:15px; width:50%}
.fixpage_store{top:53px;  padding-left:15px;   }
.store_hight{height:1500px; display:block; background: url(../images/main/page_bg.png); }

/*梅門一炁流引的title*/	
#top{ height:90px; background-size:50%; top:53px;}
#top_chid{ height:90px; background-size:50%; top:53px;}

#top_page{ width:100%; height:80px; /*height:123px; background:url(../images/main/logo_line.png) no-repeat right 50%; background-size:45%;*/ }
#main{ width:100%; background:#000; height:60%; overflow-y:scroll; overflow-x:hidden; color:#ffffff;}

#top_tea{ height:90px; background-size:50%; top:53px;}



/*首頁表頭細項連結*/
.idxtop{ top:4px;}
	}

   

@media screen and (max-width: 1150px)
{#page{width:63%;}
#top{  background-size:56%; }

.btm{ line-height:23px;}

/*首頁表頭細項連結尾*/
.idxtop{ display:none;}

.quotes {margin:60px  auto; float:none; display:block;}

.fixtop ul{ padding-top:0; margin:5px auto 5px auto; width:65%;}


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


.fixpage_store{ height:100%;}
}
	
@media screen and (max-width: 960px)
{#page{width:60%;}
#top_page{ height:90px;}

  }


@media screen and (max-width: 800px)
{#page{width:65%;}
/*#head{padding-bottom:14px;}*/
#top{ width:100%;  display:block; border-bottom:none; height: auto; clear:both;  }
#top img{ display:block; width:100%; height:auto;}


#top_chid{ width:100%;  display:block; border-bottom:none; height: auto; }
#top_chid img{ display:block; width:100%; height:auto; }


#top_page{ width:100%;  display:block; border-bottom:none; height: auto; clear:both;  }
#top_page img{ display:block; width:100%; height:auto;}


#top_tea{ background-image:none; border-bottom:none; height:30px; }


#logo_s{ width:100%; display: block;}
#logo_sole{ width:45%; display: block;}

.fixpage{ width:100%; top:90px;background-image:none; height:auto;}
.fixpage_line{ width:100%; top:90px;background-image:none; height:auto;}
.fixpage_gallery{ width:100%; top:140px;background-image:none;}
.fixpage_store{ width:95%; position:static; margin-top:150px;background-image:none; display:block;}
.store_hight{height: auto; }
.fixtop ul{margin: 0 auto 10px auto; width:95%;}
.fixtop li{ float:none; margin-left:10px; padding-right:10px; margin-bottom:5px; }
.fixbtm ul{ padding-right:25px;}
.idxbtm ul{ padding-right:25px;}

#page_tit{ padding-left:15px;}
#dropdown_nav {padding-left:15px;}
.demo_functions{ padding:0 0 0 20px; }

.vertical{width:95%; margin:auto;  display:block; left:30px;}

/*#top_page{ height:135px;}
*/

#page_tit_02{ display:none; }

	}

@media screen and (max-width: 640px)
{
.content_7{ height:100%; padding-left:20px;position:inherit; overflow:visible; display:block;  }
.demo_functions{ margin: auto; padding:0; width:95%;}
.btm{ line-height:23px;}
#logo_sole{height:auto;width:20%;}
/*#top_page{ height:70px;}
*/


#head{padding-bottom:0; height:46px;}
.fixpage{ top:46px;}
.fixpage_line{ top:46px;}
.fixtop{ display:none; padding:0; margin:0;}

.fixbtm ul{height: auto; line-height:23px;}
.fixbtm li .ficn{height:23px; padding-top:0px; }
.fixpage_store{ margin-top:80px;}

/*舊的下拉主選單*/
/*.old{ display:block;}
.nav {display: none;  width: 290px; position:absolute; right:0; top:46px;}
.toggle {position:absolute;
right:0; 
top:0px;
display: 
inline-block;
background: #3c3c3c url(../images/main/nav_bg.png) no-repeat 10px 10px;
color: #FFF;
height:46px; line-height:46px; padding:0 15px 0 53px; cursor:pointer;}

.nav ul{
margin: 0;
padding: 0;}

.nav li{
position: relative;
float: none;
list-style: none;
background:#dad9d8;     
filter:alpha(opacity=95); 
-moz-opacity:0.95; 
opacity:0.95;
}

.nav li a{display: block;  padding: 10px 15px;  color: #000; font-weight:bold;text-decoration: none; font-size:18px;}
.nav li a:hover{ text-decoration:underline; color:#ffffff;}
.nav li:hover { background: #96968f;}
.naline{ border-bottom:1px dotted #ffffff;}
.nav li ul {
background-color: rgba(231, 124, 64, 1);
display: none;
position: absolute;
top: 100%;
}
.nav li:hover ul {
position: relative;
display: block;
background: transparent;
right: 0;
left: 0;
top: 100%
}
				
.nav li:hover ul li{background: transparent;}
.nav li:hover ul li a{padding-left: 30px; color:#ffffff; font-size:16px;}
.nav li:hover ul li a:hover{ text-decoration:underline; color:#cfa100;}
.arrow-bottom {top: 20px;
position: absolute;
right: 13px;
margin-left: 5px;
border-top: 4px solid #FFF;
border-right: 4px solid transparent;    
border-left: 4px solid transparent;        
width: 1px;
height: 1px;
}

.nav span,.nav span a{color: #000; font-weight:bold;text-decoration: none; font-size:18px; padding:0px 0 5px 7px; margin:0; display:inline-block;}
.nav span a:hover{color: #000;text-decoration: underline;}*/

   }

@media screen and (max-width: 480px)
{
#logo_s{ height:auto;}	
#logo_sole{height:auto;  padding:5px 0 0 3px; b }


.fixtop ul{ padding-top:0;}
#menu li {margin: 0; font-size:16px;}
.share{display:none;}
.share img{display:none;}
.fixpage_gallery{ top:140px;}

.fixtop li{ margin-left:6px; padding-right:8px;}
.fixbtm{ padding-top:0;}
.fixbtm ul{padding-left:15px; margin-right:0; }
.fixbtm li{ font-size:13.5px;}



.about_hear{ margin-top:60px;}
/*#top_page{ height:80px;}
*/#all{ margin-top:46px;}
.photo_02{ width:100%;}
.contit{ margin-top:50px;}


.idxbtm{ float:none;padding:0; width:100%; background:#000000; text-indent:inherit; margin:0;}
.idxbtm ul{padding-left:15px; margin:0px;}
.idxbtm li{ font-size:13.5px; line-height:23px; }







}