div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
address,caption,cite,code,dfn,em,strong,var {font-weight: normal;font-style: normal;}
ol,ul {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
caption {display: none;}
html {overflow-x:auto;overflow-y:scroll;}
body {margin: 0px;padding: 0px;font-size: 13px;color: #5a5a5a;font-family:Microsoft JhengHei,Verdana, Geneva, sans-serif; letter-spacing: 0em;}
img {border:0px; }
a {color: #5a5a5a;text-decoration: none;blr:expression(this.onFocus=this.blur());outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:focus{ -moz-outline-style: none;}
.clear{clear:both;}
#header{position:relative;width:100%; height:450px; overflow:hidden; margin:0; padding:0; line-height:0; z-index:100; }
#header_pic{}
.h1600{ position:absolute; min-width:980px; height:450px; width:1600px; top:0; left:50%; margin-left:-800px; }
.h1000 , .h480{ width: 100%; height: auto; }
h1{display:none; }
body.bg-color{background-color:#fcf5ea; background:url(../images/bg_all.gif) repeat;}
#container{width:980px;margin:0 auto;}

/* ---------------------nav---------------------- */
#navbar-cont{ display:none;}/*-手機版NAV PC不要-*/

/*---------------------電腦版NAV-------------------------*/
#navbar_pc{ display:block; width:100%; background-color:#fff5b5;}
#navbar_pc a{ display:block; float:left; width:326px; height:55px; text-align:center; position:relative;font-size:23px; color:#99730b; line-height:55px; text-decoration:none;}
#navbar_pc a .active_arrow{
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-15px;
	width:30px;
	height:18px;
	background:url(../images/navi_arrow.png) no-repeat;}
#navbar_pc a:nth-child(2){ width:327px;}
#navbar_pc a:hover{ background-color:#e2c05a;color:#ffffff;}
#navbar_pc a.nav_now, #navbar_pc a.nav_now:hover{ background-color:#c8a43a;color:#ffffff;}


/* ---------------------hight light---------------------- */
.high_area{ width:100%; margin:0 auto;}
.high_area h2{ display:none;}
.high_area ul{ display:block; margin:0 auto; width:980px; max-width:980px; text-align:center;}
.high_area ul li{ display:block; float:left; width:25%; height:145px;}
.high_area ul li:nth-child(1){ background-color: #8ab101;}
.high_area ul li:nth-child(2){ background-color: #3090be;}
.high_area ul li:nth-child(3){ background-color: #7c71b1;}
.high_area ul li:nth-child(4){ background-color: #e37031;}
.txt1{ color:#FFF; text-align:center; font-size:24px;}
.txt2{ color:#FFF; text-align:center; font-size:16px;}

/* ---------------------content---------------------- */
#content{
	width: 100%;
	max-width:980px;
	/*padding:25px 0;*/
	margin:0 auto;
}
#content .title_s1, #content .title_s2, #content .title_s3, #content .title_s4{font-family:"微軟正黑體",Verdana, Geneva, sans-serif; font-size:18px; line-height:30px;}
#content .title_s1, #content .title_s2{ display:none;}
#content .title_s3{ color:#0094f7;}
#content .title_s4{ color:#6e66ff;}
#bottom{	
	margin:0 auto;
	width:981px;
}

/* --------------------- 商品區 ---------------------- */
.box{ width:100%; padding:12px; background-color:#ffffff; border: #f2e4d0 solid 1px; margin: 20px 0 0 0 ;}
/*.box:nth-child(1){ margin:-10px 0 0 0 ;}
*/.box h3{ color:#016fa3; font-size:26px; line-height:50px;}
.box > img{ float:left; width:465px; height:auto;}
.box .boxtxt_area{ float:right; width:473px; padding-right:3px;}
.box .boxtxt_area ul li{ display:block;font-size:18px; line-height:27px; /*height:27px;*/ margin:8px 0;color:#444444;}
.box .boxtxt_area .more{ width:100%; margin-top:50px;}
.box .boxtxt_area .more .more_price{ display:block;white-space:nowrap; color:#f86835; font-size:16px;float:right; line-height:37px; height:37px; padding:0 5px;}
.box .boxtxt_area .more .more_price span{font-size:26px;}
.box .boxtxt_area .more > a{ display:block; width:110px; height:37px; font-size:16px; color:#ffffff; line-height:37px; text-align:center; background-color:#f86835; float:right; text-decoration:none;}
.story_title{ color:#016fa3; font-size:17px;} 
.story_title2{ color:#016fa3; font-size:17px; margin-top:15px;} 
/*------------------------- 臉書按讚浮動--------------------------*/
.fblikebox {
	background: url(http://www.gunnarworks.com/images/btn_fb.png) no-repeat scroll left top transparent !important;
	display: block;
	float: right;
	/* height: 270px; */
	height: 44px;
	padding: 0 5px 0 46px;
	width: 245px;
	z-index: 99999;
	position: fixed;
	cursor: pointer;
	right: -250px;
	top: 58%;
	_position: absolute;
	_background: url(/webDM/DMinfo/style/btn_fb.jpg) no-repeat scroll left center transparent;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.top_btn{ display:none;}
.share_area{ display:none;}
/*------------------------- footer --------------------------*/

#footer,.footer{
	clear:both;
	color:#555;
	text-align:center;
	margin:20px auto 0;
	padding:27px 0 17px;
	line-height:1.5em;
	font-size:12px;
	background-color: #fff;
}
.footer hr{
	color:#ccc; 
	height:1px;
	margin: 10px 0;
}
#footer a,#footer a:visited,.footer a,.footer a:visited{
	color:#060;
	text-decoration:none;
	font-size:12px;
}
#footer a:hover,.footer a:hover{text-decoration:none;}
/*------------------------- JQ --------------------------*/
#gotop {
	position: fixed;
	height:80px;
	width: 110px;
	top:620px;
	margin: 0 0 0 489px;
	left:50%;
}
#hide_box{
	height:50px;
}
@media (min-width: 768px) and (max-width: 1000px) {

#header{position:relative;width:100%; height:450px; overflow:hidden; margin:0; padding:0; line-height:0; z-index:100; }
/*--.h1000{ width: 100%; height: auto; }--*/
.top_bar {display:none;}
.top_bar_recommend {display:none;}
#container{width:100%;border: 0px solid #cbe5b8;}
#header{ height: auto; }
/* ---------------------hight light---------------------- */
.high_area{ width:100%;}
.high_area h2{ display:none;}
.high_area ul{ display:block; margin:0; width:100%;/*padding:15px 0;*/}
.high_area ul li{ display:block; float:left; width:25%; height:auto;text-align: center;}
.high_area ul li img{ width:100%; height:auto;}
.high_area ul li:nth-child(1){background-color: #8ab101;}
.high_area ul li:nth-child(2){background-color: #3090be;}
.high_area ul li:nth-child(3){background-color: #7c71b1;}
.high_area ul li:nth-child(4){background-color: #e37031;}
/* ---------------------content---------------------- */
#content{ width: 100%; margin:0 auto 10px auto;}
/* --------------------- 商品區 ---------------------- */
.box{ width:95%; padding:5px; margin:0 auto 15px auto; background-color:#ffffff;}
.box h3{ color:#016fa3; font-size:20px; line-height:35px; margin-bottom:8px;}
.box > img{ float: none; width:100%; height:auto;}
.box .boxtxt_area{ float: none; width:100%; padding:0;}
.box .boxtxt_area ul li{ display:block;font-size:17px; letter-spacing:-0.07em; line-height:20px; /*height:20px;*/ margin:8px 0;color:#444444;}
.box .boxtxt_area ul li > img{ width:27px; height:auto;}
.box .boxtxt_area .more{ width:100%; margin:15px 0 0 0;}
.box .boxtxt_area .more .more_price{ display:block; float:right;white-space:nowrap; color:#f86835; font-size:15px; line-height:33px; height:33px; padding-right:10px;}
.box .boxtxt_area .more .more_price span{font-size:24px;}
.box .boxtxt_area .more > a{ display:block; width:100px; height:33px; font-size:16px; color:#ffffff; line-height:33px; text-align:center; background-color:#f86835; float:right; text-decoration:none;}
.story_title{ color:#016fa3; font-size:16px;margin-top:10px;} 
.story_title2{ color:#016fa3; font-size:16px; margin-top:15px;} 

#banner{width: 600px;}
#footer,.footer{min-width:768px; font-size:10px;}
#footer a,#footer a:visited,.footer a,.footer a:visited{
	color:#006600;
	text-decoration:none;
	font-size:10px;
}
}