@charset "utf-8";


input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	border: none;
}
input[type="submit"], input[type="button"] {
	cursor: pointer;
}
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
/*table {
	border-collapse:collapse;
	border-spacing:0;
}*/
fieldset, img {
	border: 0;
	padding: 0;
	margin: 0;
}
address, caption, cite, code, dfn, em, /*strong,*/ th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
}
abbr, acronym {
	border: 0;
}
* {
	margin: 0;
	padding: 0;
}
img {
	max-width: 100%;
	border: 0;
	vertical-align: middle;
	
}
.Products_list2 li img, .mainvisual2 img{background: url(../images/Rolling-1s-45px.gif) center no-repeat;}
/*==================================================================================*/

/*開頭設定*/

body {
	font-family: Microsoft JhengHei, "微軟正黑體";
	min-width: 1200px;
}
a {
	text-decoration: none;
	color: #666;
}
a:hover {
	color: #F00;
}
.web_img {
	display: block;
}
.photo_img {
	display: none !important;
}


/*header*/

header, .mainvisual, .mainvisual2 {position:fixed; left:0; top:0; bottom:0; height:100%; }
header { z-index:50; width:13%; background-color:rgba(255,255,255,0.8);}
.top_box { width:50%; float:right; margin-right:20px;}
.logo a{ width:70px; height:300px; margin:50px 10px 0 0; background:url(../images/logo.png) center top no-repeat; text-indent:-9999px; background-size:100% auto ; display:block;}
.btn_menu { display:none;}
.menu  { width:60px; font-size:15px;}
.menu li{ text-align:center; margin-bottom:10px;}
.menu li img { width:60px;}
.mainvisual { width:50%; height:100%;}
.mainvisual2 { width:30%; height:100%;}
.page_all { padding-left:50%; width:50%; background:url(../images/page_bg.jpg);}
.page_all2 {padding-left:30%; width:70%;}
.page_in { padding:100px; min-height:550px; overflow:hidden;}

.title { font-size:24px; border-bottom:3px solid #c30d23; margin-bottom:20px; }
.title span {
	font-size: 18px;
	letter-spacing: 10px;
	font-weight:normal; padding-left:20px;
}
.title2 { font-size:24px; border-bottom:1px solid #c30d23; margin-bottom:20px; margin-top:10px; padding-bottom:2px; clear:both; display:inline-block; width:100%;}
.title2 span { border-bottom:3px solid #c30d23;
}
.title2 i { float:right;font-size: 18px;
	letter-spacing: 10px;
	font-weight:normal; font-style:normal;}
.title3 { margin-bottom:20px;}
.news_box { min-height:250px; margin-bottom:40px;}
.news_box a , .title a{ display:block;}
.news_list li { width:100%; overflow:hidden; border-bottom:1px dashed #CCC;}
.news_list li a{ line-height:26px; margin:10px 0;}
.news_list li span { padding-right:20px;}

.news_list2 li { position:relative; width:100%; overflow:hidden;border-bottom:1px solid #CCC; padding:10px; clear:both;}
.news_list2 li a { position: absolute; left:0; top:0; width:100%; height:100%;}
.news_list2 li:hover { background-color:#FFFFCC;}
.news_txt {  float:left; width:80%;}
.day_box { float:right; width:15%; height:60px; text-align:center; border-left:1px solid #CCCCCC;}
.day_box p { font-size:36px;}
.day_box span { font-size:12px; color:#999999; margin-bottom:10px;}

.Products_list li { width:220px; height:220px; margin:5px 10px; float:left; position:relative; overflow:hidden;}
.Products_list li a { position:absolute; left:0; top:0; width:100%; height:100%; z-index:500;}
.Products_list li p {
	position: absolute;
	width: 100%;
	height: 40px;
	background-color: rgba(255,255,255,0.8);
	left: 0;
	bottom:0;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	line-height: 40px;
	z-index: 500;
}
.Products_list li img, .menu img{transition: all 0.5s ease 0s;}
.Products_list li:hover img, .menu li:hover img{-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);}

.Products_list2 li { width:180px; height:240px; margin:5px; float:left; position:relative; overflow:hidden;}
.Products_list2 li img { width:160px; height:160px;  border:1px solid #ccc; margin-bottom:10px;}
.Products_list2 li:hover img{ background-color:#FFFFCC;}
.Products_list2 li h3 a{ font-size:16px; font-weight:bold; color:#990000; text-indent:10px;}
.Products_page { min-height:300px;}
.page_text { line-height:26px;}
.pro_L { float:left;  width:30%;}
.pro_L img { width:100%;}
.pro_R { float:left; margin-left:20px; width:65%;}
.pro_R h3 { font-size:22px; color:#990000; margin-bottom:10px; border-bottom:1px solid #CCC;}
.pro_R h4 { font-size:18px; color:#3366FF;}
.pro_R p { font-size:15px; line-height:26px;}
.pro_page { clear:both; width:100%; overflow:hidden; text-align:center;}
.page_text h2 { margin:20px 0 10px 0;}
.txt_title_a1 {border-radius:5px; color:#FFF; padding:2px 15px; background-color:#FF0000; font-size:18px;}
.icon_shop { height:40px;font-size:18px; line-height:40px;font-weight:bold;}
.icon_shop i img{ width:30px; height:30px; margin-right:10px;}

/*聯絡我們*/
.con_text { background:#FFCCCC; padding:20px;border-radius:5px;}
.txt_red { color:#F00; padding-right:5px; font-style:normal;}
.con_list input , .con_list textarea{ border:1px solid #CCCCCC; border-radius:5px; padding:5px 10px;} 
.w_long { width:250px;}
.con_list {}
.con_list li{ padding:10px 0;}
.con_list li span { float:left; width:120px; display:block; text-align:right; margin-right:10px;}
.w_long { width:350px;}
.btn_ok { text-align:center;}
.btn_ok2  { display:inline-block; background-color:#CC0000; color:#FFF;}
.btn_ok2:hover { background-color:#000;}
/*版權*/
footer{ background-color:#dcdcdc; padding:40px;}

/*數字頁*/
.page-no {
	clear: both;
	padding: 30px 0;
	overflow: hidden;
}
.no_box {
	clear: both;
	margin: 0 auto;
	position: relative;
}
.no_box ul {
	text-align: center;
	position: relative;
}
.no_box li {
	display: inline-block;
	height: auto;
	color: #FFF;
	margin: 0 5px;
}
.no_box li a {
	margin: 0;
	color: #6c4b22;
	width: 40px;
	height: 40px;
	display: block;
	line-height: 40px;
	font-weight: bold;
	border: 1px solid #CCC;
	background-color: #FFF;
	border-radius: 3px;
}
.no_box li a:hover, .no_box li.on a {
	background-color: #900;
	color: #FFF;
}

.no_box2 { text-align:center; font-size:20px;}
.no_box2 li { display:inline-block; margin:0 10px; }
.no_box2 li a {
	color: #FF0000;
	text-decoration: underline;
	padding:2px 5px;
	border-radius:5px;
	display:block;
}
.no_box2 li a:hover { color:#FFF; background-color:#FF0000;text-decoration: none;}
.btn_home { border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC; padding:0 20px;}
/*招呼頁*/
.open_box { position: fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:hsla(0,0%,0%,0.8); z-index:1000; }
.open_in { text-align: center;
    border-radius: 20px;
    width: 800px;
    height: 540px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: url(../images/open_bg.jpg) ;
	/*background: url(../images/btn_XX.png) right top no-repeat #fff;*/ 
	background-size: 120px;
	z-index:1100;
}
.open_in h2 { padding:25px 0; height: 50px;}
.open_in h2 img { height: 40px;}
.open_in2 { background-color:#ffbd59; width: 100%; overflow: hidden; margin-top: 150px; }
.go_btn { width:40%; display:inline-block; position:relative;  text-align:center;}
.go_btn a { display:block; width:100%; height:100%; position:absolute; z-index:1001;}
.btn_logo { width:180px; height:120px;  margin:0 auto 10px auto;  text-align:center;}
.btn_logo2 {  }
.btn_logo img{transition: all 0.5s ease 0s;}
.go_btn:hover .btn_logo img {-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);}
/*跳出視窗*/
/*跳出視窗搜尋*/
.inp_01, .inp_02{ height:60px; line-height:60px; border:1px solid #999; font-size:20px;font-family: "微軟正黑體"; padding:0 20px;}
.inp_02 { background:url(../images/icon_vv2.png) right center no-repeat;
-webkit-outer-spin-button;
-webkit-inner-spin-button;
    -webkit-appearance: none !important;
	padding:0 40px 0 20px;

}
.inp_03 { width:100px; height:58px; line-height:60px; background-color:#eb1a1a; color:#FFF; border:none; font-size:20px;}
.inp_03:hover { background-color:#333;}