@charset "utf-8";
/* CSS Document */

body {
	font-family:verdana, sans-serif, Arial;
    padding-top:43px;
    }
	
/* .container:1200px;
  padding-right: 15px;
  padding-left: 15px;
 */	
/* top */

#top_bar{
	margin:0px 60px;
	}
	
#top_nav{
	background-color:#000;
	width:100%;
	height:43px;
	}
	
#main_nav1{
	text-align:left;
	padding-top:10px;
	}
		
#main_nav{
	text-align:center;
	/*margin-top:-20px;*/
	padding-top:10px;
	}
		
#main_nav a{
	color:#fff;
	text-decoration:none;
	font-size:18px;
	}
	
#main_nav a:hover{
	color:#b7b7b7;
	}
		
#logo{
	width:30px;
	height:30px;
	/*left:0px;
	top:10px;
	padding-top:10px;*/
	text-align:left;
	z-index:100;
	}
	
#top_logo{
	position:relative;
	width:30px;
	height:30px;
	left:18px;
	top:10px;
	/*padding-top:10px;
	text-align:left;*/
	z-index:100;
	}

#tile{
	font-size:11px;
	color:#666;
	margin-bottom:25px;
	margin-top:25px;
	}

	
/* in_main */

#in_main{
	width:1010px;
	margin:20px auto 30px aut;
	}
	
#in_title{
	font-size:11px;
	color:#666;
	margin-bottom:25px;
	margin-top:25px;
	}
	
#in_menu_all{
	margin-left:-5px;
	}
	
#in_menu ul{
	list-style:none;
	margin-left:-45px;
	font-size:12px;
	line-height:24px;
	color:#000;
	}
	
#in_menu li a{
	color:#373737;
	text-decoration:none;
	}
	
#in_menu li a:hover{
	color:#000;
	text-decoration:underline;
	}	

	
#in_shop_more{
	color:#373737;
	font-size:12px;
	margin:20px 0px 0px 5px;
	padding-left:0px;
	padding-bottom:10px;
	}	

	
/* footer */

#footer_nav{
	border-top:1px #b0b0b0 solid;
	padding:10px 0px 25px 0px;
	margin:0px 5px;
	text-align:center;
	}
	
#footer_nav{
	color:#666;
	font-size:12px;
	}	
	
#footer_nav a{
	color:#373737;
	font-size:12px;
	text-decoration:none;
	margin:0 10px;
	}
	
#footer_nav a:hover{
	color:#000;
	text-decoration:none;
	}
	

/* 內頁 */

#main{
	margin:0px auto;
	padding:0 80px;
	}
	
#banner{
	width:100%;
	height:auto;
	margin-top:0px;
	}

	
/* 標題 */

#title{
	font-size:24px;
	color:#000;
	margin:0px 0 100px 0;
	border-bottom:1px #b0b0b0 solid;
	padding-bottom:10px;
	padding-top:18px;
	}
	
#title_nd{
	font-size:24px;
	color:#000;
	margin:0px 0 50px 0;
	border-bottom:1px #b0b0b0 solid;
	padding-bottom:10px;
	padding-top:18px;
	}	
	
	
/* Newsroom */
	
#news_list{
	margin-bottom:20px;
	}
	
.news_date{
	font-size:12px;
	color:#000;
	}

.news_title{
	font-size:18px;
	color:#000;
	}
	
#news_detail{
	margin:0px 0px 50px -10px;
	}
	
#news_dtitle{
	font-size:18px;
	color:#d88740;
	margin:20px 0 5px 0;
	}
	
#news_ddate{
	font-size:12px;
	color:#777;
	margin:0px 0 0px 0;
	}
	
#news_content{
	margin:30px 0 30px 0;
	}
#news_content p{
	font-size:24px;
	color:#373737;
	line-height:30px;
	}		
	
#news_link{
	float:left;
	margin:10px 0 10px 0;
	}
	
#news_btn{
	text-align:center;
	margin:10px 0 50px 0;
	}
	
	
/* pro */
	
#pro_pic{
	margin:100px 0 20px 0;
	}
		
#pro_h1{
	font-size:24px;
	color:#000;
	margin:0px 0 0px 0;
	}
	
#pro_h2{
	font-size:18px;
	color:#000;
	margin:5px 0 20px 0;
	border-bottom:1px #b0b0b0 solid;
	padding-bottom:20px;
	}

#pro_h3{
	font-size:16px;
	color:#000;
	margin:5px 0 10px 0;
	padding-left:35px;
	background:url(../img/i_see.png) no-repeat left -4px;
	}

#pro_h4{
	font-size:24px;
	color:#000;
	margin:5px 0 20px 0;
	}
	
#pro_format{
	width:50%;
	font-size:18px;
	border:1px #bfbfbf solid;
	border-radius:4px;
	padding:10px 20px 10px 20px;
	margin-bottom:30px;
	}

#pro_shop{
	margin:30px 0px 30px 0px;
	}
	
#pro_shop p{
	font-size:24px;
	color:#000;
	line-height:30px;
	}
	
#pro_buy{
	border-top:1px #bfbfbf solid;
	margin-bottom:0px;
	padding-top:15px;
	}
	
#pro_ask{
	font-size:18px;
	color:#373737;
	line-height:30px;
	}
			
#pro_price{
	text-align:right;
	font-size:28px;
	color:#000;
	line-height:30px;
	padding-top:20px;
	}


/* contact */

#contact{
	margin:0px 0 20px 0px;
	}
	
#con_h{
	font-size:20px;
	color:#000;
	}
	
#con_w{
	font-size:16px;
	color:#000;
	margin-bottom:20px;
	}
	
#con_add{
	border:1px #e3e3e3 solid;
	border-radius:4px;
	background-color:#f2f2f2;
	font-size:16px;
	text-align:center;
	margin:0px 0 30px 0;
	}
	
#con_add_h{
	font-size:24px;
	padding:30px 0 30px 0;
	}
	
#con_add_w{
	font-size:16px;
	line-height:30px;
	padding:0px 0 30px 0;
	}
	
	
#privacy{
	margin:30px 0px 30px 0px;
	}
	
#privacy p{
	font-size:20px;
	color:#000;
	line-height:30px;
	}
			
.privacy_h1{
	font-size:24px;
	color:#000;
	}
.privacy_h2{
	font-size:22px;
	color:#000;
	}
.privacy_h3{
	font-size:16px;
	color:#000;
	line-height:30px;
	}
	
#privacy ul{
	margin-bottom:20px;
	margin-left:-20px;
	}
		
#privacy li{
	font-size:16px;
	color:#333;
	line-height:30px;
	}
	
				
#sitemap{
	margin:100px 0 400px -10px;
	}
	
#sitemap_title{
	font-size:16px;
	color:#000;
	margin-bottom:10px;
	}
	
#sitemap_menu ul{
	list-style:none;
	margin-left:-40px;
	font-size:14px;
	line-height:30px;
	}
	
#sitemap_menu li a{
	color:#373737;
	text-decoration:none;
	}
	
#sitemap_menu li a:hover{
	color:#000;
	text-decoration:underline;
	}	

		

#btn_black{
	font-size:24px;
	color:#fff;
	padding:15px;
	border-radius:5px;
	background-color:#000;
	}
	
a.btn_gray{
	font-size:18px;
	color:#fff;
	padding:4px 10px 6px 10px;
	border-radius:5px;
	background-color:#303030;
	text-decoration:none;
	}	
a:hover.btn_gray{
	color:#ddd;
	background-color:#303030;
	}	

#news_share{
	float:left;
	width:100%
	}

#fb_btn{
	float:left;
	width:30px;
	height:30px;
	margin-right:10px;
	}
#go_btn{
	float:left;
	width:30px;
	height:30px;
	}
	
#gallery{
	width:1200px;
	height:900;
	margin:0px auto;
	overflow:hidden;
	}



@media (max-width: 1200px) {
	
#top_logo{
	position:relative;
	width:30px;
	height:30px;
	left:-2px;
	top:10px;
	z-index:1000000;
	}

}
	
@media (max-width: 992px) {
	
#top_logo{
	position:relative;
	width:30px;
	height:30px;
	left:-2px;
	top:10px;
	z-index:1000000;
	}
	
	
#footer_nav{
	width:100%;
	border-top:1px #b0b0b0 solid;
	padding:10px 0px 25px 0px;
	margin:0px 5px;
	text-align:center;
	}
	
#footer_nav{
	color:#666;
	font-size:12px;
	}	
	
#footer_nav a{
	color:#373737;
	font-size:12px;
	text-decoration:none;
	margin:0 10px;
	}
	
#footer_nav a:hover{
	color:#000;
	text-decoration:none;
	}
		
}


	
@media (max-width: 768px) {

#top_logo{
	position:relative;
	width:30px;
	height:30px;
	left:-2px;
	top:10px;
	z-index:1000000;
	}
	
#footer_nav{
	width:100%;
	border-top:1px #b0b0b0 solid;
	padding:10px 0px 25px 0px;
	margin:0px 5px;
	text-align:center;
	}
	
#footer_nav{
	color:#666;
	font-size:12px;
	}	
	
#footer_nav a{
	color:#373737;
	font-size:12px;
	text-decoration:none;
	margin:0 10px;
	}
	
#footer_nav a:hover{
	color:#000;
	text-decoration:none;
	}
	
}	
	
		
@media (max-width: 480px) {
	
#top_bar{
	margin:0px 0px 0px 0px;
	}
	
#main_nav1{
	text-align:left;
	padding-top:10px;
	margin-left:-20px;
	}
		
#main_nav{
	text-align:right;
	/*margin-top:-20px;*/
	padding-top:13px;
	}
		
#main_nav a{
	color:#fff;
	text-decoration:none;
	font-size:18px;
	}
	
#main_nav a:hover{
	color:#b7b7b7;
	}

		
#footer_nav{
	color:#666;
	font-size:12px;
	margin-right:5px;
	}		
			
	
#main{
	padding:0 0;
	}
	
#banner{
	width:100%;
	height:auto;
	margin-top:5px;
	margin-bottom:-15px;
	}	
	
#title{
	font-size:20px;
	color:#000;
	margin:0px 0px 15px 0px;
	}
	
#title_nd{
	font-size:20px;
	color:#000;
	margin:0px 0px 10px 0px;
	border-bottom:1px #b0b0b0 solid;
	padding-bottom:10px;
	padding-top:18px;
	}	
		
#pro_pic{
	margin:10px 0 20px 0;
	}
	
#news_list{
	margin:0px -15px 20px -15px;
	}
				
#news_detail{
	margin:10px -15px 30px -15px;
	}
	
#news_dtitle{
	font-size:18px;
	color:#d88740;
	margin:20px 0 5px 0;
	}
#news_content{
	margin:20px 0 20px 0;
	}
#news_content p{
	font-size:20px;
	color:#373737;
	line-height:30px;
	}		
		
#pro_format{
	width:100%;
	font-size:18px;
	border:1px #bfbfbf solid;
	border-radius:4px;
	padding:10px 20px 10px 20px;
	margin-bottom:30px;
	}

#contact{
	margin:0 0px;
	}
	
#con_h{
	font-size:18px;
	color:#000;
	}
	
#con_w{
	font-size:16px;
	color:#000;
	margin-bottom:20px;
	}
	
#con_add{
	border:1px #e3e3e3 solid;
	border-radius:4px;
	background-color:#f2f2f2;
	font-size:16px;
	text-align:center;
	margin:0px 0px 30px 0px;
	padding:0 5px;
	}
	
#con_add_h{
	font-size:24px;
	padding:30px 0 30px 0;
	}
	
#con_add_w{
	font-size:16px;
	line-height:30px;
	padding:0px 0 30px 0;
	}
		

	
#sitemap{
	margin:20px 0px 30px -10px;
	}
	
#gp_close{
	position:absolute;
	left:5px;
	top:5px;
	width:40px;
	height:40px;
	z-index:1;
}

#privacy{
	margin:20px 0px 30px 0px;
	}
	
#privacy p{
	font-size:18px;
	color:#000;
	line-height:30px;
	}
			
.privacy_h1{
	font-size:20px;
	color:#000;
	}
.privacy_h2{
	font-size:18px;
	color:#000;
	}
.privacy_h3{
	font-size:16px;
	color:#000;
	line-height:30px;
	}

			
}