.grayscale {
       /* filter: grayscale(75%);
        -webkit-filter: grayscale(75%);
		-o-filter:grayscale(75%);
		-ms-filter:grayscale(75%);
		-moz-filter:grayscale(75%);*/
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("font/Roboto.eot");
  src: local('Roboto Regular'), local('Roboto-Regular'), url("font/Roboto.eot") format('embedded-opentype'), url("font/Roboto.woff") format('woff');
}
body,td,th{font-family:'Roboto', Arial !important;}
/* font */
@font-face {
 font-family: kkMenu;
 src: url("font/SCRIPTBL.eot");/* EOT file for IE */
}
@font-face {
 font-family: kkMenu;
 src: url("font/SCRIPTBL.TTF");/* TTF file for CSS3 browsers */
}

body,td,th {font-family:Arial,Verdana,Tahoma,Verdana, Geneva, sans-serif;font-size: 13px;color: #CCC;}
form{ margin:0; padding:0;}
body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#333;
	/*background-image:url(../pictures/bg-tt.png); background-repeat:repeat-x;*/
}
body{background-color: #222;}
.hd-bg-blur{*background-color:#222 !important;}
.hd-bg-cover-sd-g{
	box-shadow:inset 0px -100px 100px 10px #222 !important;
	box-shadow:inset 0px -100px 100px 10px #222 !important}
.hd-bg-cover-bg-lind-b{background-color:rgba(51,51,51,0.5) !important;}
	
html,
body {
	height:100%;
}
#wrapper {
	min-height:100%;
	position:relative;
}

.body{
	width:900px !important;
	display:block;
	margin:0 auto;
	overflow:hidden;
}
.hd-menu{
	width:900px !important;
}
@media screen and (width: 1280px){
	/*.body, .hd-menu{
		width:1100px !important;
	}
	.body-width, .hd-menu{
		width:1100px !important;
	}*/
}

.body-box-main{margin-top:-130px; z-index:9; position:relative;}

/* index menu */
/*
.box-com-index{margin-top:40px;}
@media screen and (min-height: 768px){
	.box-com-index{margin-top:140px;}
}
*/

.box-index-mobile-list-menu{
	font-family:kkMenu;
	display: block;
	margin:0;
	padding:0;
	list-style:none;
}
.box-index-mobile-list-menu li{display: block;text-align:center;padding:0;margin:10px 10px 10px 10px;}
.box-index-mobile-list-menu li a{font-size:60px;font-weight:bold; text-decoration:none;border-bottom:3px #FFFFFF solid;text-shadow: 3px 3px 10px rgba(0,0,0,0.5);}
.box-index-mobile-list-menu li a:hover{color:#FFF !important; border-color:#FFF !important;}

/* header slide show */

.sl-left-df{display:block; width:438px; height:306px;background-position:center; background-repeat:no-repeat;}
.sl-left{display: block; width:438px;float:left;margin-left:16px;*margin-left:-4px;}
.sl-left-box{float:right; margin-left:20px;}
.sl-left-box-bg{background-image:url(../pictures/box-sl/sl-left-bg.png);}
.sl-left-box-cover{background-image:url(../pictures/box-sl/sl-left-cover.png);}

.sl-right-df{display:block; width:438px; height:306px;background-position:center; background-repeat:no-repeat;}
.sl-right{display:block; width:438px;float:right; text-align:right;margin-right:6px;}
.sl-right-box{float:left; margin-right:1px;}
.sl-right-box-bg{background-image:url(../pictures/box-sl/sl-right.png);}

.sl-str{display:block; width:90%; float:left; padding:22px 24px;text-align:left; color:#FFF;}
.sl-str-title{display:block; font-size:26px; font-weight:bold;}
.sl-str-sub-title{display:block; font-size:20px; font-weight:bold;}
.sl-str-info{display:block; font-size:14px; margin:20px 0;}
.sl-str-price{display:block; font-size:20px;}
.sl-str-more{background-color:rgba(0,0,0,0.5);*background-color:#333;padding:6px 50px; display:inline-block;overflow:hidden; font-size:16px; font-weight:bold; color:#FFF; text-decoration:none; margin-top:16px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

/* header */
.hd-main-box{margin:0 auto; width:100%;z-index:1;}
.hd-main-box-tmp{height:112px; width:100%;}
.hd-bg-nomal{background-image:url(../pictures/bg.jpg);background-position:top center !important; background-repeat:no-repeat; width:100%; height:300px;overflow:hidden; }
.hd-bg-blur{background-image:url(../pictures/bg.jpg);background-position:center -116px !important;background-repeat:no-repeat; width:100%;height:180px;overflow:hidden; margin-left:-4px;filter: blur(4px);-webkit-filter: blur(4px);-moz-filter: blur(4px);-o-filter: blur(4px); -ms-filter: blur(4px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');}
.hd-main-box-menu{position:absolute; top:0;width:100%; height:300px;z-index:1;}
.hd-main-box-logo{text-align:center; padding-top:6px; padding-bottom:12px;}
.hd-bg-blur{*background-image: none;*background-color:#333;*filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');*height:220px;*width:100%;*margin-left:0;}
.hd-bg-cover-sd-g{
	box-shadow:inset 0px -100px 100px 10px #333,
					inset 0px -100px 100px 10px #333
					;
	/*-webkit-box-shadow:inset 100px -100px 100px #333,
					inset -100px -100px 100px #333,
					inset 0px -100px 100px #333;
	-moz-box-shadow:inset 100px -100px 100px #333,
					inset -100px -100px 100px #333,
					inset 0px -100px 100px #333;*/
}
.hd-bg-cover-sd-w{
	box-shadow:inset 100px -100px 100px #E4DFC9,
					inset -100px -100px 100px #E4DFC9,
					inset 0px -100px 100px #E4DFC9;
	-webkit-box-shadow:inset 100px -100px 100px #E4DFC9,
					inset -100px -100px 100px #E4DFC9,
					inset 0px -100px 100px #E4DFC9;
	-moz-box-shadow:inset 100px -100px 100px #E4DFC9,
					inset -100px -100px 100px #E4DFC9,
					inset 0px -100px 100px #E4DFC9;
}
.hd-bg-cover-bg-lind-t{position:absolute;top:111px; width:100%; border-top:solid rgba(255,255,255,0.5) 1px; z-index:1;}
.hd-bg-cover-bg-lind-b{position:absolute;top:110px; height:189px; width:100%; border-top:solid rgba(0,0,0,0.5) 1px; z-index:1; background-color:rgba(51,51,51,0.5);}
.hd-bg-cover{background-color:transparent;width:100%;height:300px;margin:0 auto;position:relative;z-index:2;}
.hd-bg-cover-bottom{background-color:transparent;margin:0 auto;width:100%;height:300px; position:relative;z-index:2;}
.hd-menu{display:block; /*width:800px !important;*/margin:0 auto;}
.hd-menu ul{ list-style:none; display:block; padding:0; margin:0;}
.hd-menu ul li{ display:inline; float:left; margin:4px 10px;}
.hd-menu ul li a{ font-family:kkMenu;font-size:22px;color:#FFFFFF; text-decoration: none;text-shadow: 2px 2px 6px rgba(0,0,0,0.5);}
.hd-menu ul li.active a, .hd-menu ul li a:hover{ color:#F5DD44;/*border-bottom:2px #F5DD44 solid;*/}
.hd-menu ul li.active a{background-image:url(../pictures/menu-arrow.png);padding-left:24px;background-position:left; background-repeat:no-repeat; background-color:transparent;}
.hd-menu ul li.hd-input-search{ float:right;margin-right:10px; padding-top:3px;}
.hd-menu ul li.hd-input-search input{background-color:rgba(255,255,255,0.2);*background-color:#333;width:80px !important; border:none;-webkit-border-radius:2px;
-moz-border-radius:2px;border-radius:2px; padding:4px 10px;-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.6);box-shadow:0px 1px 2px rgba(0,0,0,0.6);}
.hd-menu ul li.hd-input-search input{ font-size:11px; font-style:italic; color:#CCC;}
.hd-menu ul li.hd-input-search input:focus{ color:#FFF;-moz-box-shadow:inset  1px 1px 4px rgba(0,0,0,0.8);-webkit-box-shadow:inset  1px 1px 4px rgba(0,0,0,0.8);box-shadow:inset  1px 1px 4px rgba(0,0,0,0.8);}

/* box data bottom sl */
.box-se-data{width:900px; overflow:hidden;margin:0 auto; padding-left:20px; padding-top:40px;}
.df-box-sd{display:block; float:left;overflow:hidden;width:33%;box-shadow:0px 20px 20px -18px rgba(0,0,0,0.8); margin-bottom:20px;}
.df-box-sd-bg{display:block;margin:0 10px;background-color:#C6E089;/*background-image:url(../pictures/box-cover-main-sd.png);*/background-size:100% 100%; background-repeat:no-repeat; background-position:center;padding:10px;*background-image:none; border:1px rgba(255,255,255,0.1) solid;-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius: 3px;}
.df-box-sd-bg{display:block;color:rgba(0,0,0,0.7);*color:#333;font-size:12px;
box-shadow:inset 10px -20px 80px rgba(0,0,0,0.3),inset -10px 0px 80px rgba(0,0,0,0.3);
-webkit-box-shadow:inset 10px -20px 80px rgba(0,0,0,0.3),inset -10px 0px 80px rgba(0,0,0,0.3);
-moz-box-shadow:inset 10px -20px 80px rgba(0,0,0,0.3),inset -10px 0px 80px rgba(0,0,0,0.3);
}
.df-box-sd-pic{background-position:bottom right; background-size:50%; background-repeat:no-repeat; background-color:transparent;color:rgba(0,0,0,0.7);*color:#333;}
.df-box-sd-pic .title{ font-size:14px; font-weight:bold; display:block;margin-bottom:4px;}
.df-box-sd-pic .sub-title{ font-size:12px; font-weight:bold; display:block; margin-bottom:4px;}
.df-box-sd-pic-in{width:100%;background-position:center; background-repeat:no-repeat; background-size: auto;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
/* box data bottom sl => sub: text */
.df-box-sd-txt{display:block; float:left;overflow:hidden;width:49%;}
.df-box-sd-txt-border{border-right:1px #999999 dotted;}
.df-box-sd-txt-data{padding:0px 14px; font-size:12x;}
.df-box-sd-txt-data a{color:#CCC;}
.df-box-sd-txt-data a:hover{color: #F66;}
.df-box-sd-txt-title{font-size:18px; color:#CCC; font-weight:bold; display:block; margin-bottom:10px;}
.df-box-sd-txt-more{font-size:12px;display:block;margin-top:10px; text-align:right;}
.df-box-sd-txt-more a{ color:#CCC; font-weight:bold; text-decoration:underline;}
.df-box-sd-txt-more a:hover{ color:#FFC926;}

/* box product */
.pd-box-data{display: block;margin:0 auto;text-align: left;}
.pd-box{display:inline-block;width:200px;margin:20px 11px;*margin:20px 12px;*zoom: 1;*display: inline;}
.pd-box-border{display:block;padding:2px;background-color:#E4DFC9;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.pd-box:hover .pd-box-border{background-color: #FC3;}
.pd-box:hover .pd-box-pic-cover{-moz-box-shadow:inset 0px 0px 120px #FC3;-webkit-box-shadow:inset 0px 0px 120px #FC3;box-shadow:inset 0px 0px 120px #FC3;}
.pd-box:hover .box-btn-cate{background-color: rgba(0,0,0,0.7);}
.pd-box-pic{display:block;background-position:center; background-repeat:no-repeat; background-color:#000 !important;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
/*.pd-box-pic-cover{display:block;height:160px;background-image:url(../pictures/pd-bg-cover.png);*background-image: none; background-position:center; background-repeat:no-repeat; background-size:100% 100%;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}*/
.pd-box-pic-cover{display:block;height:160px;-moz-box-shadow:inset 0px 0px 120px rgba(230,223,200,0.6);-webkit-box-shadow:inset 0px 0px 120px rgba(230,223,200,0.6);box-shadow:inset 0px 0px 120px rgba(230,223,200,0.6); background-color: transparent;-webkit-border-radius:2px;-moz-border-radius: 2px;border-radius: 2px;}
.pd-box-pic-cover-l{-moz-box-shadow:inset 0px 0px 200px rgba(230,223,200,0.6);-webkit-box-shadow:inset 0px 0px 200px rgba(230,223,200,0.6);box-shadow:inset 0px 0px 200px rgba(230,223,200,0.6);}
.pd-box-pic-cover-m{-moz-box-shadow:inset 0px 0px 100px rgba(230,223,200,0.6);-webkit-box-shadow:inset 0px 0px 100px rgba(230,223,200,0.6);box-shadow:inset 0px 0px 100px rgba(230,223,200,0.6);}
.pd-box-pic-cover-s{-moz-box-shadow:inset 0px 0px 70px rgba(230,223,200,0.6);-webkit-box-shadow:inset 0px 0px 70px rgba(230,223,200,0.6);box-shadow:inset 0px 0px 70px rgba(230,223,200,0.6);}
.pd-box-txt{width:196px;background-color:#0CF; margin-left:2px; background-color:#E4DFC9; 
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;

}
.pd-box-txt-detail{padding:8px;overflow:hidden; display:block; padding-top:2px; text-align:left;}
.pd-box-txt-detail-title, .pd-box-txt-detail-title a{color:#59574E; font-size:14px; font-weight:bold; text-decoration:underline;}
.pd-box-txt-detail-stitle{color:#59574E; font-size:12px;}
.pd-box-txt-btn-left{color:#59574E; font-size:12px; float:left; margin-top:4px;}
.pd-box-txt-btn-right{color:#59574E; font-size:12px; float: right; margin-top:4px;}
.pd-box-txt-btn-left a, .pd-box-txt-btn-right a{font-family:Arial,Verdana;padding:4px 20px; background-color:#393833; font-weight:bold; color:#D5C766;overflow:hidden; display:block; text-decoration:none; font-size:13px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.pd-box-txt-btn-left a:hover, .pd-box-txt-btn-right a:hover{ background-color:#A5941D; color:#333;}

.box-btn-cate{width:100%;position:absolute; bottom:0;background-color: rgba(0,0,0,0.5); padding:0 !important; margin:0 !important; border-top:1px solid rgba(255,255,255,0.2);*background-color:#333;*border-top:1px solid #666;}
.box-btn-cate-blur{height:36px !important;position:absolute;width:94%;text-align:center; left:4px; margin-left:0px; bottom:6px;z-index:2; height:32px;  background-position:-6px 76px;
filter: blur(4px);-webkit-filter: blur(4px);-moz-filter: blur(4px);-o-filter: blur(4px); -ms-filter: blur(4px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');}
.btn-cat-name{overflow:hidden; white-space:nowrap;color:rgba(255,255,255,0.8) !important;*color:#FFF !important;font-size:18px !important;
padding:1px 10px !important; background-color:transparent !important;text-shadow: 1px 1px 0px rgba(0,0,0,0.4);
/*background-size:100%;background-color:rgba(0,0,0,0.4) !important;background-image:url(../pictures/btn-cover.png);*background-image:none;background-position:center; -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.6);-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.6);box-shadow: 0px 1px 1px rgba(0,0,0,0.4);*/}
.btn-cat-name sup{ padding:0 !important; margin:0 !important;line-height: 0;} 
.btn-cat-name:hover{ /*background-color: rgba(0,0,0,0.8) !important;color: #FFF !important;*background-color: #000 !important;*/ text-decoration:underline; color:#FFF !important;}
.btn-cat-next{color:#FFF !important;float:left; display:inline; margin-right:4px !important;font-size:18px !important; background-color:#F63 !important; padding:1px 10px !important; background-position:center; background-size:100%;-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.6);-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.6);box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
box-shadow:inset 4px -4px 20px rgba(0,0,0,0.2),inset -4px -4px 20px rgba(0,0,0,0.2);
}
.btn-cat-next:hover{ background-color:#82BA36 !important;}


/* product detail */
.prod-detail-list{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDYvMjAvMTOH3+HBAAAAFklEQVQImWMoLS188v//f4b///8zAAA04Ag64YjB9AAAAABJRU5ErkJggg==);background-repeat:repeat-x; background-position:center;overflow:hidden;list-style:none; width:100%; display:block; padding:0; margin:0;clear:both; margin-bottom:0px;}
.prod-detail-list li{ display: inline-block; float:left;font-size:14px;color: #CCC; background-color: #222;}
.prod-detail-list li.title{ float:left; text-align:left;padding-right:4px;}
.prod-detail-list li.info{ float:right; text-align:left;padding-left:4px;}
.prod-detail-list li.info ol{font-size:12px;}
.prod-detail-list li.title-main{font-size:14px;color:#CCC; font-weight:bold; text-decoration:underline; width:100%;margin:10px 0 4px 0;}
.prod-detail-picture{padding:10px 10px 1px 0px;*padding-bottom:5px;background-color: rgba(255,255,255,0.1) /*#222*/;overflow:hidden;}
.pd-det-info-title{ font-size:14px; font-weight:bold; margin-bottom:10px; text-decoration: underline;}
.pd-det-info{ font-size:12px; margin-bottom:10px; text-indent:30px;}
.pd-det-info-list-pay{ display:block; list-style: square; font-size:12px; color: #CCC; padding-left:0px;}
.pd-det-info-list-pay li{display: inline;}
.pd-det-info-list-pay li.main{ margin:2px; margin-left:0; list-style:none; font-size:12px; font-weight:bold; clear:both; display:block;}
.pd-det-info-list-pay li:after{ content:" / ";}
.pd-det-info-list-pay li.main:after{ content:"";}
.pd-det-box-list-info{display:inline-block;width:340px;margin:0px 0px 0px 10px;*margin:20px 10px;*zoom: 1;*display: inline;vertical-align:top;}
.pd-det-box-list-info .ins-box{padding:0px; padding-top:0;}


/* option product box */
.op-pd{display:block; overflow:hidden;margin-bottom:12px; margin-top:6px; margin-left:10px; margin-right:10px;}
.op-pd ul{display:block; list-style:none; padding:0; margin:0;overflow:hidden;}
.op-pd ul li{display:inline; float:left; margin-right:4px;}
.op-pd ul li.left{margin-right:4px;}
.op-pd ul li.right{ float:right;}
.op-pd-fix{display:block;position:fixed;top:0; background-color:#222222; overflow:hidden; z-index:10; padding-bottom:6px;-moz-box-shadow:0px 16px 10px -8px rgba(0,0,0,0.8);-webkit-box-shadow:0px 16px 10px -8px rgba(0,0,0,0.8);box-shadow:0px 16px 10px -8px rgba(0,0,0,0.8); border-top:none;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
/* navi */
.navi-box{display:block; overflow:hidden; margin-bottom:20px; margin-left:10px; margin-right:10px;}
.navi-box ul{display:block; list-style:none; padding:0; margin:0;}
.navi-box ul li{display:inline; float:left;}
.navi-box ul li a{font-size:16px;color:#CCC; text-decoration:none;margin-right:14px; background-image:url(../pictures/icon/navi.png); background-position:left; background-repeat:no-repeat;padding-left:24px;}
.navi-box ul li.home a{background-image:url(../pictures/icon/home.png); background-position:left;padding-left:24px;}
.navi-box ul li a:hover{ background-position:4px; color:#FFF; text-decoration:underline;}


/* btn */
.btn-a{ background-color:#DCC533; padding:8px 40px; color:rgba(0,0,0,0.7);*color:#333; font-size:18px; text-decoration:none; font-weight:bold; overflow:hidden; float:left;/*background-image:url(../pictures/btn-cover.png);*/background-position:center; background-repeat:no-repeat; background-size:100% 100%;*background-image:none;
text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.6);-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.6);box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
-moz-box-shadow:inset 0px 0px 6px rgba(255,255,255,0.6);-webkit-box-shadow:inset 0px 0px 6px rgba(255,255,255,0.6);box-shadow:inset 0px 0px 6px rgba(255,255,255,0.6);-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.2) 48%, rgba(255,255,255,0) 49%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(48%,rgba(255,255,255,0.2)), color-stop(49%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 48%,rgba(255,255,255,0) 49%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 48%,rgba(255,255,255,0) 49%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 48%,rgba(255,255,255,0) 49%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 48%,rgba(255,255,255,0) 49%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */


box-shadow:inset 4px -4px 30px rgba(0,0,0,0.1),inset -4px -4px 30px rgba(0,0,0,0.1);
/*-webkit-box-shadow:inset 10px -20px 80px rgba(0,0,0,0.3),inset -10px 0px 80px rgba(0,0,0,0.3);
-moz-box-shadow:inset 10px -20px 80px rgba(0,0,0,0.3),inset -10px 0px 80px rgba(0,0,0,0.3);*/
}
.btn-a:hover{ color: #000;-moz-box-shadow:inset 0px 0px 20px rgba(255,255,255,1);-webkit-box-shadow:inset 0px 0px 20px rgba(255,255,255,1);box-shadow:inset 0px 0px 20px rgba(255,255,255,1);}

/* search */
.search-qm{ border:none; color:#FFF; font-size:18px; padding:4px 10px; background-color:rgba(0,0,0,0.4);*background-color: #000;
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
box-shadow:0px 1px 2px rgba(0,0,0,0.2);
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
}
.search-qm:focus{
background-color:rgba(255,255,255,0.6);*background-color:#FFF; color:#000;
-moz-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.2);
box-shadow:inset 2px 2px 2px rgba(0,0,0,0.2);
}
.search-qm-btn{
	border:none; background-color:#DCC533;font-size:18px; padding:4px 10px; cursor:pointer;
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
}
/* top btn */
.btn-top{display:none;position:fixed;width:32px;height:32px;bottom:0;left:100% !important; margin-left:-50px !important;background-color:rgba(255,255,255,0.2);*background-color:#444;z-index:10; background-image:url(../pictures/icon/top.png); background-position:center; background-repeat: no-repeat; text-decoration:none;	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
box-shadow:0px 1px 2px rgba(0,0,0,0.6);
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;cursor:pointer;}

/* copyright */
.cr-box-main{background-image:url(../pictures/footer-bga.png) !important;background-position:bottom; background-repeat:repeat-x; display:block; background-color:transparent;overflow:hidden; width:100%; font-family:kkMenu;
	position:absolute;
	bottom:0;
	left:0;
}
.cr-box-main-str{font-size:13px; color:#CCC; text-align:center; display:block;padding-top:20px; margin-bottom:10px;}
.cr-box-main-str a{font-size:13px; font-weight:bold;color:#FFC926; text-decoration: underline;}
.cr-box-main-str a:hover{color:#F99;}
/* copyright => sub: index */
.cr-box-index{background-image:none;color:#333333 !important; margin-top:10px; margin-bottom:20px;}
.cr-box-index .cr-box-main-str{color:#333333 !important;}
.cr-box-index span{color:#333333 !important;}
.cr-box-index a{color:#571D1D;}
.cr-box-index a:hover{color:#C30;}
 /* ge */
.data_cat{ display:block; clear:both; overflow:hidden;background-color:#3F3E38; margin:0; padding:0;-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.6);-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.6);box-shadow: 0px 1px 2px rgba(0,0,0,0.6);}
.data_cat ul{ display:block;font-family:'KKFONT',Arial,Tahoma; padding:0; margin:0; padding:4px;}
.data_cat ul li{ font-size:30px; color:#FFF; list-style:none;padding:0; float:left; margin:0;background-color:rgba(0,0,0,0.1); padding:10px 10px; margin:4px 4px;border-radius:2px;}
.data_cat ul li.cat-main{ background-color:#A5914F;}
.data_cat ul li.line{ background-color: #333; border-color:#000;padding:1px;}
.data_cat ul li.b{ background-color: #38832C;}
.data_cat ul li.main{ background-color: #AB5210;}
.data_cat ul li.w{ overflow:hidden; display:block !important; width:90%;}
.data_cat ul li:hover, .data_cat ul li:hover a{ background-color:#5098A5; color: #FFF;}
.data_cat ul li a{ font-size:14px; color:#FFF; text-decoration:none;padding:0; margin:0;display:block;}
/* box-product-page-navi */
.box-product-page-navi{margin-bottom:6px; display:block; overflow:hidden;}
.box-product-page-navi ul{ width:100%;margin:0; padding:0; list-style:none;}
.box-product-page-navi ul li{ display:inline-block; float:left;margin:0; padding:0; list-style:none;}
.box-product-page-navi .next{ float:right; width:20%; text-align:right;}
.box-product-page-navi .prev{ float:left;width:20%; text-align:left;}
.box-product-page-navi .page{width:60%;text-align:center;}
.box-product-page-navi .page a, .box-product-page-navi, .box-product-page-navi .page i{text-decoration:none;font-family:'KKFONT',Arial,Tahoma;font-size:13px;color:#CCC; padding:0 4px;}
.box-product-page-navi .page i{ font-style:normal;}
.box-product-page-navi .page a:hover, .box-product-page-navi .page a.active{text-decoration:underline;color:#FFF;background-color:#8A7A42;color:#FFF;border-radius:4px;}
.box-product-page-navi .next a, .box-product-page-navi .prev a{ font-size:14px;color:#CCC;font-family:'KKFONT',Arial,Tahoma;text-align:right;text-decoration:none;}
.box-product-page-navi .next a:hover, .box-product-page-navi .prev a:hover{ text-decoration:underline; color: #FFF;}
.box-aJaxdata{-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
/* op page */
.box-pop{display:block;margin-bottom:10px;overflow:hidden; z-index:99;}
.box-pop ul{display:block; margin:0;padding:0; list-style:none;overflow:hidden;}
.box-pop ul li{display:inline;padding:0;margin:0;margin-right:10px;}
.box-pop ul li a{ font-family:kkMenu;display: inline-block;padding:10px 20px; background-color: transparent;color:#333; font-size:22px; text-decoration:none; font-weight:bold;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-left-radius:4px;
border-bottom-right-radius: 4px;border:1px solid; border-top:none; border-color:transparent;}
.box-pop ul li a:hover, .box-pop ul li.active a{background-color:rgba(0,0,0,0.5); border:1px rgba(0,0,0,0.4) solid; border-top:none;*background-color:#666;color: #FFF;}