@charset "utf-8";

@font-face {
	font-family: 'UTMHelvetIns';
	src:url('fonts/UTMHelvetIns.eot');
	src:url('fonts/UTMHelvetIns.eot?#iefix') format('embedded-opentype'),
		url('fonts/UTMHelvetIns.woff') format('woff'),
		url('fonts/UTMHelvetIns.ttf') format('truetype'),
		url('fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'UTMDuepuntozero';
  src: url('fonts/UTMDuepuntozero.eot?#iefix') format('embedded-opentype'),  url('fonts/UTMDuepuntozero.woff') format('woff'), url('fonts/UTMDuepuntozero.ttf')  format('truetype'), url('fonts/UTMDuepuntozero.svg#UTMDuepuntozero') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;color: #363636;line-height:1.5em;font-family: Arial, Helvetica, sans-serif;font-size:14px;}
:focus      { outline:0; }
a:focus{outline:0;}
a:active,a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.2em;}
sub{bottom:-0.25em;}
img {max-width: 100%;height: auto;width: auto; /* ie8 */}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}

.clear { clear:both;}
.fl{float:left;}
.fr{float:right;}
.cf:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both; height: 0px;}
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

a           { color:#333; text-decoration:none; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a:hover     { color:#00038a; text-decoration:underline; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a img       { border:0;}
:focus      { outline:0; }
.listn{list-style:none;padding:0;margin:0;}

.boradius5{-o-border-radius: 5px;-icab-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
.bortop5{-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-ms-border-top-left-radius: 5px;-o-border-top-left-radius: 5px;border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;-ms-border-top-right-radius: 5px;-o-border-top-right-radius: 5px;border-top-right-radius: 5px;}

.borbot5{-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-ms-border-bottom-left-radius: 5px;-o-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-ms-border-bottom-right-radius: 5px;-o-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}

.borleft5{-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-ms-border-top-left-radius: 5px;-o-border-top-left-radius: 5px;border-top-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-ms-border-bottom-left-radius: 5px;-o-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;}

.borright5{-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;-ms-border-top-right-radius: 5px;-o-border-top-right-radius: 5px;border-top-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-ms-border-bottom-right-radius: 5px;-o-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}

.shadow{box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);}
.shadow1{-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.bneffect{-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;
}
.bneff1{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.cl1{color:#ff7800;}

#warraper{width:1270px;margin:auto;}
#topbar{float:left;width:calc(100% - 390px);}
#mnubar{float:left;}
#mnubar ul{list-style:none;padding:5px 0 0 0;margin:0;}
#mnubar li{float:left;height:27px;padding:0 30px 0 22px;line-height:27px;background-repeat:no-repeat;background-position:left center;}
#mnubar ul li a{color:#a7a9ac;}

#hotline{float:left;height:27px;padding:5px 30px 0 22px;line-height:27px;background:url(../images/ic_phone.png) no-repeat left center;}
#hotline a{color:#a7a9ac;}
#listbar{float:right;}
#listbar ul{list-style:none;padding:5px 0 0 0;margin:0;}
#listbar ul li{float:left;line-height:27px;height:27px;background-repeat:no-repeat;background-position:left center;padding:0px 20px 0 22px;}
#listbar ul li a{color:#a7a9ac;}
#listbar ul li.shop{background-image:url(../images/ic_shop.png);}
#listbar ul li.cart{background-image:url(../images/ic_cart.png);}
#listbar ul li.trans{background-image:url(../images/ic_trans.png);padding-left:27px;}
#listbar ul li.pay{background-image:url(../images/ic_pay.png);}

#header{height:110px;border-bottom:1px solid #223f28;background:url(../images/hbg.png) no-repeat left bottom;}
#logo{float:left;padding:15px 0 0 10px;width:380px;}

#thotline{float:right;background:url(../images/hotlinebg.png) no-repeat;padding:5px 0 5px 40px;box-sizing:border-box;
margin-top:10px;color:#fff;font-family:'UTMHelvetIns';font-size:14px;;box-sizing:border-box;}
#thotline .box{background:#ff0909;height:25px;line-height:22px; padding-right:10px;-moz-border-top-right-radius: 10px;-webkit-border-top-right-radius: 10px;-ms-border-top-right-radius: 10px;-o-border-top-right-radius: 10px;border-top-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-ms-border-bottom-right-radius: 10px;-o-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;}
#thotline .box a{color:#fff;}
#menutop{padding-top:15px;float:right;}
#search{float:right;padding-top:12px;padding-left:50px;}
#search .txtbox{float:left;border:1px solid #bcbec0;height:30px;box-sizing:border-box;padding:5px;}
#search .txtbox input{border:none;background:none;}
#search .button{float:left; background:#ff0000;width:30px;height:30px;box-sizing:border-box;padding-top:5px;}
#search .button button{color:#fff;background:none;border:none;font-size:18px;}

ul#navigation {margin:0px auto;position:relative;float:left;padding:0;margin:0;}
ul#navigation li {display:inline;float:left;position:relative;white-space: nowrap;padding:0 30px 0 0;height:45px;}
ul#navigation li:last-child{padding:0;}
ul#navigation li a {
	text-transform:uppercase;
	font-family:'UTMHelvetIns';
	font-size:18px;
	color:#223f28;
	text-decoration:none;
	display:inline-block;
	height:36px;line-height:36px;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	
}
ul#navigation li a.active,
ul#navigation li a:hover,ul#navigation li:hover > a {
	color:#ff0000;
	border-bottom:4px solid #ff0000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}

ul#navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
	background:#e9e9e9;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	width:160px;
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation ul {
    top: 45px;
    left: 0;
	padding:10px;margin:0;
	background:#fff;
}
ul#navigation ul li ul {
    top: 0px;
    left: 160px;
	
}

ul#navigation ul li {
	clear:both;
	padding:0;
	height:auto;
	padding:0;margin:0;
	width:100%;
	background:none;
}

ul#navigation ul li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#252525;
	padding:0px;
	font-size:15px;
	text-transform:none;
	height:35px;
	line-height:35px;
	text-decoration:none;
	display:block;
	text-align:left;
	font-weight:normal;
	width:auto;
	margin:0;
	border-bottom:1px dashed #666666;
}
ul#navigation ul li:last-child a,ul#navigation ul li:last-child a:hover,
ul#navigation ul li:last-child a.active  {
	border-bottom:none;
}

ul#navigation ul li a.active,ul#navigation ul li a:hover {
	border-bottom:1px dashed #666666;
}

#banner{margin:auto;padding:0;}
#maincon{padding:20px 0;}
#bottom{background:#e8e8e9;padding:30px 0;}
#botcol{float:left;width:20%;padding:0 1%;box-sizing:border-box;}
#botcol .btitle{font-family:'UTMHelvetIns';font-size:14px;color:#231f20;text-transform:uppercase;height:40px;}

#listbot{list-style:none;padding:0;margin:0;}
#listbot li{border-bottom:1px dashed #6d6e71;height:30px;overflow:hidden;line-height:30px;}
#listbot li:last-child{border-bottom:none;}
#listbot li,#listbot li a{color:#6d6e71;}
#listbot li a:hover{color:#ff0000;}

#fotter{background:#4d4d4f;color:#bcbec0;padding:10px 0;}
#fotter .copy{float:left;line-height:30px;}
.social{float:right;}
.social a{color:#bcbec0;font-size:25px;text-align:center;display:inline-block;width:30px;padding-top:5px;}
.social a:hover{color:#fff;text-decoration:none;}

#left{float:left;width:260px;box-sizing:border-box;padding-left:10px;}
#main{float:right;width:calc(100% - 290px);}
#content{padding-top:20px;}


.share{margin-top:10px;}
#posttile,#posttile h1{font-family:"UTMHelvetIns", Times, serif;font-size:16px;font-weight:normal;
padding:0;margin:0;color:#414042;height:40px;line-height:40px;text-transform:uppercase;}
#posttile{border-bottom:3px solid #918f8f;}


#menuleft{padding-bottom:10px;}
#menuleft ul{
	list-style: none;
    margin: 0;
    padding: 0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	}

#menuleft ul li{border-bottom:1px solid #918f8f;}
#menuleft ul li a {
	display:block;
	font-family:"UTMHelvetIns";
	color:#58595b;
	font-size:16px;
	line-height:33px;
	text-decoration:none;
	background-image:url(../images/arr_09.png);
	background-repeat:no-repeat;
	background-position:left 12px;
	height:33px;
	box-sizing:border-box;
	padding:0 5px 0 15px;
	text-align:left;
	text-transform:uppercase;
	
}

#menuleft ul li a:hover {
	color:#ff0000;
	text-decoration:underline;
	background-image:url(../images/arr_03.png);
}
#menuleft ul li a.active {
	color:#ff0000;
	background-image:url(../images/arr_05.png);
}

#menuleft ul ul{padding-left:26px;}
#menuleft ul ul li{border-bottom:1px dashed #939598;}
#menuleft ul ul li:last-child{border-bottom:none;}
#menuleft ul ul li a{font-family:Arial, Helvetica, sans-serif;padding:0;
background-image:none;font-size:16px;text-transform:none;}
#menuleft ul ul li a:hover,#menuleft ul ul li a.active
{
	background-image:none;
}


#listnews{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #eee;}
#listnews .ntitle{padding-bottom:5px;}
#listnews .ntitle a{color:#58595b;font-size:18px;font-weight:bold;font-family:'UTMDuepuntozero';}
#listnews .ntitle a:hover{color:#ff0000;}
#listnews .lnimg{width:230px;border:2px solid #c6c5c3;background:#fff url(../images/noimg.png) center no-repeat;float:left;margin-right:20px;
padding:1px;box-sizing:border-box;}
#listnews .lninfo{height:115px;overflow:hidden;font-family:Arial;font-size:14px;color:#595757;text-align:justify;}

#listnews .lndesc{font-style:italic;}
#listnews .ncontact{text-align:right;margin-top:-20px;}
#listnews .ncontact a{color:#af1515;font-style:italic;}
.ntitle h1{font-size:17px;color:#333;padding:0 0 10px 0;font-family:Arial, Helvetica, sans-serif;margin:0;}
.newsmore{font-weight:bold;text-transform:uppercase;padding-top:2%;}

#NewsNew h2,#NewsOld h2 {font-weight:normal;font-size:14px;margin:0;}

.blockpage{text-align:right;padding:10px;}
.page,.pageselect{text-decoration:none;display: inline-block;width:32px;height:30px;text-align:center;line-height:30px;font-size:14px;margin-left:-2px;}
.page{color:#000;border:1px solid #bab9b8;background:#d0cdcb;}
.page:hover,.pageselect:hover{color:#fff;text-decoration:none;background:#666666;}
.pageselect{border:1px solid #a29f9e;background:#ff0000;color:#fff;}

#contact-form{padding-top:20px;}
.contact-content{padding-bottom:20px;}
.map-main{width:100%;height:450px;}

.pftform .rows,.pftform .rows1{padding-bottom:10px;line-height:35px;}
.pftform .rows1{width:32%;}
.pftform .col1{float:left;padding-right:2%;}
.pftform .col2{float:right;}
.pftform .rows input,.pftform .rows textarea{width:98%;padding:5px 1%;height:25px;border:1px solid #6e6e6e;}
.pftform .rows1 input{width:96%;padding:5px 2%;height:25px;border:1px solid #6e6e6e;}
.pftform .rows input:focus,.pftform .rows textarea:focus,.pftform .rows1 input:focus{border-color:#1c86c8;}
.pftform .rows textarea{resize:none;height:100px;}
.pftform .cbutton{text-align:center;}
.pftform button{background:none;color:#333;font-size:15px;height:40px;border:none;padding:0 30px;border:1px solid #6e6e6e;}
.pftform button:disabled{background:#CCC;}


#listpro{list-style:none;padding:0;margin:0;}
#listpro li{float:left;width:33.33333%;padding:6px;box-sizing:border-box;}
#listpro li:nth-child(3n+1){clear:both;}
#listpro li .boxhover{transition: all 0.2s ease-in-out 0s;position:relative;box-sizing:border-box;border:1px solid #f4f6f3;}
#listpro li .img{width:100%;height:auto;transition: all 0.2s ease 0s;}
#listpro li .img img{width:100%;height:auto;transition: all 0.2s ease-in-out 1s;}
#listpro li:hover .img{ outline: 1px solid #a7a9ac;outline-offset: -20px;background:#CCC;}
#listpro li .procl{opacity:0;height:35px;position:absolute;transition: all 0.2s ease-in-out 0s;background:#fff;;bottom:20px;left:20px;right:20px;}
#listpro li:hover .procl{opacity:0.7;transition: all 0.2s ease-in-out 0s;}
#listpro li .vmore{background:url(../images/eye.png) no-repeat 5px center;padding-left:30px;height:35px;line-height:35px;color:#000;font-size:14px;}

#listpro li .name a h2{padding:5px 0 0 0;margin:0;text-align:center;font-size:18px; color:#292929;font-family:'UTMDuepuntozero';}
#listpro li .name a:hover h2,#listpro li .name a:hover{text-decoration:none;}
#listpro li .price{text-align:center;font-size:14px;color:#ed1c24;}
#listpro li .punit{font-weight:normal;text-decoration:underline;}



#listhpro{list-style:none;padding:0;margin:0;}
#listhpro li{float:left;width:25%;padding:1%;box-sizing:border-box;}
#listhpro li .boxhover{transition: all 0.2s ease-in-out 0s;position:relative;box-sizing:border-box;border:1px solid #f4f6f3;}
#listhpro li .img{width:100%;height:auto;transition: all 0.2s ease 0s;}
#listhpro li .img img{width:100%;height:auto;transition: all 0.2s ease-in-out 1s;}
#listhpro li:hover .img{ outline: 1px solid #a7a9ac;outline-offset: -20px;background:#CCC;}
#listhpro li .procl{opacity:0;height:35px;position:absolute;transition: all 0.2s ease-in-out 0s;background:#fff;;bottom:20px;left:20px;right:20px;}
#listhpro li:hover .procl{opacity:0.7;transition: all 0.2s ease-in-out 0s;}
#listhpro li .vmore{background:url(../images/eye.png) no-repeat 5px center;padding-left:30px;height:35px;line-height:35px;color:#000;font-size:16px;float:left;width:80px;}
#listhpro li .vtitle{float:left;width:calc(100% - 110px);box-sizing:border-box;padding-left:10px;font-family:'UTMHelvetIns';line-height:35px;text-transform:uppercase;font-size:18px;color:#000;}

#listhpro li .name a h2{padding:5px 0 0 0;margin:0; height:20px;text-align:center;font-size:18px;font-weight:bold;font-family:'UTMDuepuntozero'; color:#292929;}
#listhpro li .name a:hover h2,#listhpro li .name a:hover{text-decoration:none;}
#listhpro li .price{text-align:center;font-size:14px;color:#ed1c24;}
#listhpro li .punit{font-weight:normal;text-decoration:underline;}



#listhpk{list-style:none;padding:0;margin:0;}
#listhpk li{float:left;width:282px;padding:17px;}
#listhpk li .boxhover{transition: all 0.2s ease-in-out 0s;position:relative;box-sizing:border-box;border:1px solid #f4f6f3;}
#listhpk li .img{width:280px;height:auto;transition: all 0.2s ease 0s;}
#listhpk li .img img{width:280px;height:auto;transition: all 0.2s ease-in-out 1s;}
#listhpk li .procl{opacity:0;height:80px;position:absolute;transition: all 0.2s ease-in-out 0s;background:#fff;;top:50%;left:30px;right:30px;margin-top:-36px;border:1px solid #a7a9ac;}
#listhpk li:hover .procl{opacity:0.7;transition: all 0.2s ease-in-out 0s;}
#listhpk li .vtitle{box-sizing:border-box;padding:0 10px;font-family:'UTMHelvetIns';line-height:72px;text-transform:uppercase;font-size:18px;color:#000;text-align:center;}


.prodesc{padding-top:20px;}
#proview{float:left;padding-right:10px;width:364px;}
#proview .prvimg{width:360px;border:1px solid #CCC;margin-bottom:5px;}
#proview .prvimg img{width:360px;height:270px;}
#thumblist{padding:0;margin:0;list-style:none;}
#thumblist .box{box-sizing:border-box;text-align:center;float:left;width:25%;padding-right:1px;}
#thumblist .box img{border:1px solid #CCC;width:100%;box-sizing:border-box;}
.procon{padding:20px 0;}

#proinfo{float:left;width:calc(100% - 425px);padding-left:40px;}

#proinfo .pname{font-weight:bold;text-transform:uppercase;font-size:18px;padding-bottom:10px;font-family:'UTMDuepuntozero';}
#proinfo .pdesc{padding-bottom:10px;}
#proinfo .price{font-weight:bold;padding-bottom:10px;}
#proinfo .pprice{color:#d5482c;font-size:15px;padding:10px 0;}
#proinfo .pnum{padding:0 10px;font-family:'UTMHelvetIns';font-size:18px;line-height:30px;}
#proinfo .pnum a{color:#fff;}

#proinfo .photline{background:#f00;color:#fff;height:40px;box-sizing:border-box;-o-border-radius: 20px;-icab-border-radius: 20px;-khtml-border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;
padding:0 5px;display:inline-block;}
#proinfo .phicon{width:30px;height:30px;line-height:30px;background:#fff;color:#f00;text-align:center;margin-top:5px;-o-border-radius: 15px;-icab-border-radius: 15px;-khtml-border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:24px;}
#proinfo .picxh{padding-top:10px;}


#proinfo .ppo1,#proinfo .ppo2{float:left;width:90px;height:30px;line-height:30px;}
#lsize,#lcolor{list-style:none;padding:0;margin:0;}
#lsize li{display:inline-block;height:22px;line-height:22px;width:22px;border:1px solid #dfdfdf;color:#070707;text-align:center;font-family:'UTMHelvetIns';}
#lsize li:hover{background:#CCC;cursor:pointer;}
#lsize li.active{border:1px solid #ff0000;}

.mrbutton{background:#000;color:#fff;border:none;padding:5px 30px;}
.mrbutton:hover{background:#ff0000;color:#fff;}

.pleft{padding-top:10px;}

.fn-table,.fn-table .tr-head{border:1px solid #bcbec0;border-collapse: collapse;}
.fn-table .tr-head{font-weight: bold;text-align: center;font-size:13px;}
.fn-table .tr-head td{background: #F3F3F3;color:#000;}
.fn-table td{border:1px solid #bcbec0;border-collapse: collapse;padding: 4px 2px;vertical-align: middle;color:#000;}


.shoptitle{font-weight:bold;font-size:13px;text-transform:uppercase;padding-bottom:10px;}
.shopinfo{padding:20px 0;font-size:12px;}
.fbuyinfo{float:left;width:48%;}
.frecinfo{float:right;width:48%;}

.frm-order{width:100%;box-sizing:border-box;}
.frm-order td{padding:4px;}
.frm-order .scol{width:150px;}

.TextBox{border:1px solid #bcbec0;box-sizing:border-box;width:calc(100% - 10px);padding:2px 5px;min-height:30px;}


.jssord04l, .jssord04r, .jssord04ldn, .jssord04rdn{position: absolute;cursor: pointer;display: block;background: url(../images/d21.png) no-repeat;overflow:hidden;}
.jssord04l { background-position: -8px -32px; }
.jssord04r { background-position: -68px -32px; }
.jssord04l:hover { background-position: -128px -32px; }
.jssord04r:hover { background-position: -188px -32px; }
.jssord04ldn { background-position: -8px -32px; }
.jssord04rdn { background-position: -68px -32px; }


#search .txtbox{float:left;border:1px solid #bcbec0;height:30px;box-sizing:border-box;padding:5px;}
#search .txtbox input{border:none;background:none;}
#search .button{float:left; background:#ff0000;width:30px;height:30px;box-sizing:border-box;padding-top:5px;}
#search .button button{color:#fff;background:none;border:none;font-size:18px;}


#newsletter{padding:10px 0;max-width:700px;margin:auto;}
#newsletter .nlleft{float:left;width:calc(100% - 400px);text-align:center;}
#newsletter .title{font-size:14px;text-transform:uppercase;font-weight:bold;}
#newsletter .boxipt{float:left;width:400px;box-sizing:border-box;padding-top:10px;}
#newsletter .ipt{float:left;border:1px solid #bcbec0;height:30px;box-sizing:border-box;padding:5px;width:300px;}
#newsletter .ipt input{border:none;background:none;width:100%;}
#newsletter .btn{float:left; background:#CCCCCC;height:30px;box-sizing:border-box;padding-top:5px;}
#newsletter .btn button{color:#000;background:none;border:none;font-size:14px;text-transform:uppercase;font-weight:bold;width:100px;}

.list-slide{cursor: move; position: absolute; right: 0px; top: 0px; width: 980px; height: 735px; overflow: hidden;}


.jssort02 .w {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.jssort02 .c {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 188px;
	height: 110px;
}

.jssort02 .p:hover .c, .jssort02 .pav:hover .c, .jssort02 .pav .c {
	top: 0px;
	left: 0px;
	width: 180px;
	height: 102px;
	border: #3b1b03 4px solid;
}

.jssort02 .p:hover .c, .jssort02 .pav:hover .c {
	top: 0px;
	left: 0px;
	width: 180px;
	height: 102px;
	border: #3b1b03 4px solid;
}
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(../images/d21.png) no-repeat;
	overflow:hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }

.prjname{font-weight:bold;text-transform:uppercase;font-size:18px;padding-bottom:10px;font-family:'UTMDuepuntozero';color:#ff0000;}

.mobilemnu{
	background: center center no-repeat;
	background-image: url(../images/btmnu.png);
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 5px;
	display:none;
}


.bx-prohome {
	position: relative;
	margin: 20px 40px;
	padding: 0;
	*zoom: 1;
}

.bx-prohome img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-prohome .bx-viewport {
	left: 0px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-prohome .bx-pager,
.bx-prohome .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-prohome .bx-loading {
	min-height: 50px;
	background: url(../images/loading.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-prohome .bx-prev {
	left: -40px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-prohome .bx-next {
	right: -40px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-prohome .bx-prev:hover {
	background-position: 0 0;
}

.bx-prohome .bx-next:hover {
	background-position: -43px 0;
}

.bx-prohome .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-prohome .bx-controls-direction a.disabled {
	display: none;
}

.phoxhot .boxhover{transition: all 0.2s ease-in-out 0s;position:relative;box-sizing:border-box;border:1px solid #f4f6f3;}
.phoxhot .img{width:100%;height:auto;transition: all 0.2s ease 0s;}
.phoxhot .img img{width:100%;height:auto;transition: all 0.2s ease-in-out 1s;}
.phoxhot:hover .img{ outline: 1px solid #a7a9ac;outline-offset: -20px;background:#CCC;}
.phoxhot .procl{opacity:0;height:35px;position:absolute;transition: all 0.2s ease-in-out 0s;background:#fff;;bottom:20px;left:20px;right:20px;}
.phoxhot:hover .procl{opacity:0.7;transition: all 0.2s ease-in-out 0s;}
.phoxhot .vmore{background:url(../images/eye.png) no-repeat 5px center;padding-left:30px;height:35px;line-height:35px;color:#000;font-size:16px;}

.phoxhot .name a h2{padding:5px 0 0 0;margin:0;text-align:center;font-size:18px;font-weight:bold; color:#292929;font-family:'UTMDuepuntozero';}
.phoxhot .name a:hover h2,.phoxhot .name a:hover{text-decoration:none;}
.phoxhot .price{text-align:center;font-size:14px;color:#ed1c24;}
.phoxhot .punit{font-weight:normal;text-decoration:underline;}
.shopcart{float:right;font-size:20px;margin-top:15px;margin-left:20px;background:#ff2900;padding:2px 5px;}
.hotlinebox{display:none;}

@charset "utf-8";
@media \0screen {
img {width: auto;}  
}

@media only screen and (max-width: 1024px) {
 
	#warraper{width:auto;}
	#header{height:auto;}
	.btop{position:relative;}
	
	#search .txtbox input{width:80px;}
	
	
	#listbar{position:absolute;right:0;}
	#listbar ul li a{padding:0 15px 0 22px;}
	#listbar ul li .atxt{display:none;}
	#hdtitle{padding-left:5px;}
	
	#listpro li:hover .img{ outline-offset: -10px;}
	#listpro li .procl{bottom:10px;left:10px;right:10px;}

}


@media only screen and (max-width: 800px) {
	#header{background:none;padding-bottom:5px;}
	#logo{padding-top:5px;width:100%;text-align:center;box-sizing:border-box;float:none;}
	#logo img{width:auto;height:60px;}
	#topbar{float:none;width:100%;}
	#content{padding:20px 1%;}
	
	#menutop{padding:0;}
	#topmenu,#left{display:none;}
	#main{float:none;width:100%;box-sizing:border-box;}
	#posttile{padding:0 1%;}
	
	.mobilemnu{display:inline;}	
	#listhpro li{float:left;width:33.333333%;}
	#listhpro li .vtitle{width:100%;overflow:hidden;font-size:16px;}
	#listhpro li:hover .img{outline-offset: -8px;}
	#listhpro li .procl{left:8px;right:8px;bottom:8px;}
	#search{padding-left:10px;}
	
	#proinfo{padding-left:10px;width:calc(100% - 385px)}
	#thotline{display:none;}
	.hotlinebox{background:url(../images/hotlinebg.png) no-repeat;padding:5px 0 5px 40px;box-sizing:border-box;
margin-top:10px;color:#fff;font-family:'UTMHelvetIns';font-size:14px;;box-sizing:border-box;
	position:fixed;left:1%;bottom:10px;display:block;}
	.hotlinebox .box{background:#ff0909;height:25px;line-height:22px; padding-right:10px;-moz-border-top-right-radius: 10px;-webkit-border-top-right-radius: 10px;-ms-border-top-right-radius: 10px;-o-border-top-right-radius: 10px;border-top-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-ms-border-bottom-right-radius: 10px;-o-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;}
	.hotlinebox .box a{color:#fff;}
	
}

@media only screen and (max-width: 600px) {
	#banner{display:none;}
	#listhpro li{float:left;width:50%;}
	#listhpro li:hover .img{ outline-offset: -20px;}
	#listhpro li .procl{bottom:20px;left:20px;right:20px;}
	#listhpro li .vtitle{width:calc(100% - 110px);font-size:18px;}
	
	#mnubar{padding-left:10px;}
	#mnubar ul li a{padding:0 10px 0 22px;}
	#mnubar ul li .atxt{display:none;}
	#hotline .atxt{display:none;}
	
	

	#listnews .lninfo{height:auto;}
	
	
	.pftform .rows1,.pftform .rows{width:100%;padding:5px 0;box-sizing:border-box;float:none;}
	
	#listpro li{width:50%;}
	#listpro li:nth-child(3n+1){clear:none;}
	#listpro li:nth-child(2n+1){clear:both;}
	.proboxv{width:100%;margin:auto;}
	#proview{float:none;padding:0;margin:0 auto;}
	#proinfo{float:none;width:100%;box-sizing:border-box;padding:10px 0 20px 0;border-bottom:1px solid #CCC;}
	
	.fn-table .col1,.fn-table .col3,.fn-table .col4{display:none;}
	.fn-table .col2{width:60px;}
	.fn-table .col5{width:30px;}
	input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button { 
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		margin: 0; 
	}
	.fbuyinfo,.frecinfo{float:none;width:100%;}
	#search{width:96%;padding:5px 2%;}
	#search .txtbox{width:calc(100% - 30px);}
	#search .txtbox input{width:100%;}
	#thotline{padding-right:2%;margin-top:0;}
}

@media screen and (max-width: 340px) {
	#fotter .copy{text-align:center;}
	#listhpro li{float:left;width:100%;}
	#logo{text-align:left;box-sizing:border-box;}
	#logo img{padding-left:40px;width:100%;height:auto;box-sizing:border-box;}
	#bottom #botcol{width:100%;}
	
	#listpro li{width:100%;}
	
	#listnews .lnimg{width:100%;float:none;margin-right:0;}
	#listnews .lnimg img{width:100%;}
	#listnews .lninfo{padding-top:5px;}
	
	#listnews .lndesc{font-style:italic;}
	#listnews .ncontact{text-align:right;margin-top:-20px;}
	#listnews .ncontact a{color:#af1515;font-style:italic;}

	
	#proview{width:304px;}
	#proview .prvimg{width:300px;}
	#proview .prvimg img{width:300px;height:270px;}

	
}