html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, figure, mark, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline;*/
    background: transparent;
}
body {line-height: 1; -webkit-text-size-adjust: none;/*防止allpe的safari瀏覽器字體變大*/}
/*ol, ul { list-style: none;}*/
ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
   /* border-collapse: collapse;*/
    border-spacing: 0;
}
a img {border: none;}
img {max-width: 100%;image-rendering: -webkit-optimize-contrast;}
.clean { clear:both;}
a {color: #333333; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur());}
a:hover {}
a:focus{ -moz-outline-style: none;}
.b-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	font-size:15px;	
}

/*wow*/
.wow:first-child {
visibility: hidden;
visibility:visible \9;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
   /* border-collapse: collapse;*/
    border-spacing: 0;
}

a img {
	border: none;
}

.clean { clear:both;}

img { max-width:100%;}

.left { float: left;}
.right { float: right;}

/************************************************************************************
STRUCTURE 主要區塊
*************************************************************************************/

/*#backtop { z-index: 9999; position: relative;}*/

body {   
	-webkit-text-size-adjust: none;/*防止allpe的safari瀏覽器字體變大*/
	background-color: #050100;
}

#web-outer{	
	clear: both;
	overflow: hidden;
	min-height: 2000px;
	
}


/*-------------------------------------選單---------------------------------------------*/
#main-nav {
    z-index: 990;
    overflow: hidden;
 }
 
.block_menu {  	
	z-index: 990;
     width: 100%;
     text-align:right;
     font-family: 'Noto Serif JP', serif;
	font-weight: 600;
    height: 45px;
	background-color: rgba(5,1,0,0.8);
	border-top: #5c5343 1px solid;
	border-bottom: #5c5343 1px solid;
 }
 
.sticky { top: 40px; }
#nav ul{} 
#nav li { display:inline-block; }
#nav li a { display: inline-block;  }

.menu {}
.menu a{font-size: 20px;color: #e5e5e5;margin-right: 10px;text-decoration: none;padding: 10px;border-radius: 10px 10px 0 0;margin-top: 3px;}
.menu a:hover,.menu a.active{color: #170905; background-color: #c3b896;}
 .active {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }
header h1 {
    text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
	width: 100%;
}

.header-content{clear: both; overflow: hidden;}
.header-md{display: none;max-width: 960px;}

.main-top{
	margin-top: 100px;
	position:relative;
	width: 100%;
	clear: both;
	overflow: hidden;
	padding-bottom: 80px;
	background: url("../img/header_bg.png") top no-repeat;
}
.main-top .big-img{float: right;padding-right: 5%; width: 100%;max-width: 980px;max-height: 630px; z-index: 10;overflow: hidden;}
.main-top .big-title{position: absolute;left: 25%;max-width: 300px;padding-top: 2%;z-index: 50;}
.min-img{position: absolute;left: -350px;top: 80px; max-width: 317px;}

.product-slide{max-width: 980px;}
.product-slide img{border-radius: 0 0 0 120px;}
.product-slide .slick-active {
	background:none;
}

.product-slide2 ul.slick-dots {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.product-slide2 .slick-dots li {
	display: inline-block;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	border-radius: 30px;
	border:1px solid #cec29c;	
	margin: 0 5px;
	cursor: pointer;
}

.slick-dots .slick-active {	
	background-color: #cec29c;
}

.product-slide2 .slick-prev ,.product-slide2 .slick-next {
	position: absolute;
	border: 0;
	top: calc(50% - 33px);
	text-indent: -9999px;
	z-index: 2;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.product-slide2 .slick-prev {
	left: 5px;
	background: url("../img/slide_arrow_left.png")no-repeat center;	
}

.product-slide2 .slick-next {
	right: 5px;
	background: url(../img/slide_arrow_right.png) no-repeat center;
}

.left{float: left;}
.right{float: right;}

.bg-01{background: url("../img/bg_01.png") top no-repeat;}

.hot-main{width: 100%;padding-top: 50px;padding-bottom: 80px;}
.hot-product{max-width: 1200px;margin: 0 auto;}
.product-slide2{max-width: 1200px;margin: 0 auto;}

h2.hot-big-title {max-width: 1200px;height: 207px; background: url("../img/title_bg.png") top center no-repeat;margin: 0 auto;text-align: center;font-family: 'Noto Serif JP', serif;}
h2.hot-big-title span{display: block; font-size: 40px;color: #fff; line-height: 1.2em;padding-top: 70px;}
h2.hot-big-title em{font-style:normal;line-height: 1.2em;color: #938864;font-size: 20px;display: block;}

.hot-box{width: 95%; padding: 20px;margin: 0 auto;clear: both;overflow:hidden;}
.hot-bg01{background: url("../img/hot_01.png") top right no-repeat;}
.hot-bg02{background: url("../img/hot_02.png") top left no-repeat;}
.hot-txt{width: 48%;margin-top: 3%;margin-left: 2%;}
.hot-note{width: 95%;}
.hot-title{padding-top: 25px; font-family: 'Noto Serif JP', serif;font-size: 30px;font-weight: 600; line-height: 1.2em; text-align: center;color: #c3b896; margin: 0 auto 5px auto;}
.hot-title em{font-style:normal;font-size: 13px;display: block;margin-top: 5px;}
.hot-txt p{font: 600 15px "微軟正黑體","黑體";color: #f1f0f0;line-height: 2.2em;text-align: left;}
.hot-txt span{font: 600 13px "微軟正黑體","黑體";color: #c3b896;display: block;margin-bottom: 10px;}
.hot-bun{display: block;text-align: right;color: #cec29c;}
.hot-bun p{display: inline-block;text-align: center;background-color: #cec29c;border: #cec29c 1px solid;}
.hot-bun a{display: inline-block;border-radius: 25px;background-color: #cec29c;border: #cec29c 1px solid;font: 600 18px "微軟正黑體";color: #160904;text-decoration: none;padding: 5px 10px;}
.hot-bun a:hover {background-color: #050100;color: #cec29c;}
.min-note{display: inline-block;border-radius: 25px; background-color: #050100;border: #cec29c 1px solid;font: 600 18px "微軟正黑體";color: #cec29c;text-decoration: none;padding: 5px 10px;}

.hot-img{padding-top: 50px;max-width: 600px;}
.hot-ph{width: 50%;max-width: 550px;}

.note{width: 80%; font: 500 15px "微軟正黑體","黑體";color: #fff;line-height: 1.5em;text-align: center;padding: 10px;margin: 0 auto;}

/*錨點*/
.block-first{overflow: hidden;padding-top: 80px;margin-top: -80px;}


@media only screen and ( max-width:1500px) {
.main-top .big-img{padding-right: 3%;}
.main-top .big-title{left: 10%;}
.min-img{display: none;}	

}

@media only screen and ( max-width:1200px) {
.main-top .big-img{padding-right: 1%;}
.main-top .big-title{left: 5%;}	
}


@media only screen and ( max-width:959px){
	.main-top{display: none;}	
	.header-md{display: block;margin-top: 80px;}
	
	
}

/*---平板-----*/

@media only screen and ( max-width:768px)	
{ 
#main-nav{display: none;}
.hot-txt{width: 48%;}	
.hot-ph{width: 49%;}
.header-md{margin-top: 40px;}	
	
}
@media only screen and ( max-width:680px)	
{ 
#main-nav{display: none;}
.hot-txt{width: 45%;}	
.hot-ph{width: 49%;}	
}

@media only screen and ( max-width:650px) 	
{
	
.left{float: inherit;}
.right{float: inherit;}

.hot-box{width: 95%; padding: 0;}	
.hot-txt{width: 90%;margin: 10px auto 0 auto;}
.hot-title{font-size: 20px;}	
.hot-txt p{padding: 0 5px 0 20px;}	
.hot-img{margin: 0 auto;}	
.hot-ph{width: 100%;margin: 0 auto;}	
}
/*---手機版-----*/
@media only screen and (max-width:550px) 
{ 
	.note{width: 60%; }
}
@media only screen and (max-width:480px) 
{ 
   
}
@media only screen and (max-width:480px) 
{ 
}