@charset "utf-8";

/* color set */
@color_default:#bba783;
@color_light:lighten(@color_default, 30%);
@color_dark:darken(@color_default, 15%);

/* ----------  public css ---------- */
html {background:transparent; height:100%; margin:0; padding:0; outline:0; vertical-align:top; }

body { font-size:12px; color:#7A7A7D; background:@color_light url(../images/sidebar_bg.png) 155px 0 repeat-y; overflow-x:hidden;}

a {color:@color_default; text-decoration:none;}
a:hover {color:@color_dark; text-decoration:none;}
::-moz-selection{background-color:@color_dark; color:#fff;}
::selection {background-color:@color_dark; color:#fff;} 
h1, h2, h3, h4, h5{font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;}
.price, .date{ font-weight:bold; font-family:Tahoma,Geneva,sans-serif; }

/* button & input style */
.button {padding:5px 25px; font-size:13px; font-weight:bold;  display:inline-block;  line-height:20px; background-color:#58585A; color:#fff;  transition:all 0.5s ease 0s; border-radius:4px;-moz-box-shadow:0 0 5px #999;-webkit-box-shadow:0 0 5px #999;-khtml-box-shadow:0 0 5px #999;box-shadow:0 0 5px #999;}
.button:hover{background-color:@color_dark;  color:#fff;}

.button_edit{padding:2px 10px 2px 25px; font-weight:bold; display:inline-block; line-height:20px; color:#fff; border-radius:5px; background:@color_dark;  font-weight:normal; font-size:12px; text-shadow:none; position:relative;}
.button_edit:before{ position:absolute; font-size:12px; left:6px; top:3px; line-height:20px;}
.button_edit:hover{ color:#fff; background-color:#333;}

#index .button_edit{ margin-left:15px;}
#aboutus .button_edit, #news .button_edit, #product .button_edit{ margin-top:20px;}

.brtools{ clear:both; height:30px; }
.detail .brtools{ margin-top:30px;}

/* ----------  wrapper ---------- */
.wrapper { clear:both; margin:0; padding-left:240px; padding-right:100px; overflow:hidden; position:relative; border-top:5px solid @color_default; z-index:1;}
.content{ clear:both; margin:0;}
.nodata{padding:20px; background-color:@color_default; border-radius:15px; color:#fff; font-weight:bold; font-size:18px; text-align:center;font-family:Microsoft YaHei,Arial,Helvetica,sans-serif; line-height:250px; letter-spacing:2px; border:2px dashed #fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80); opacity: 0.8;text-shadow:0 1px 0 @color_dark;}
.nodata .font_icon{ padding-right:5px;}

.gotop{ display:block; width:37px; height:17px; background:url(../images/icon_gotop.png) 0 0 no-repeat; overflow:hidden; position:absolute; right:110px; top:180px;transition:all 0.5s ease 0s;}
.gotop:hover{ background-position:0 -17px;}

.sideimg{ position:absolute; width:60px; left:150px; top:250px; background-color:@color_light; background-image:url(../images/sidebar_text.png); background-repeat:no-repeat;}
#index .sideimg{ background-position:0 0; height:200px; top:150px;}
#aboutus .sideimg{ background-position:-60px 0; height:320px;}
#news .sideimg{ background-position:-120px 0; height:190px;}
#product .sideimg{ background-position:-180px 0; height:330px;}
#contactus .sideimg{ background-position:-240px 0; height:380px;}

.content .detail{ clear:both; border-radius:20px;  padding:20px; background:url(../images/slider_bg.png);}
.content .page_h2{ font-size:24px; color:#fff; line-height:50px; margin-bottom:30px; position:relative; padding-left:240px; padding-right:100px; margin-left:-240px; display:inline-block; background-color:@color_dark; border-radius:0 25px 25px 0;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;-khtml-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc; text-shadow:0 1px 0 #333;}

.content .page_h2 span.font_icon{ padding:15px; width:50px; display:block; position:absolute; left:140px; top:-15px; background-color:@color_dark; overflow:hidden; border-radius:40px; line-height:53px; height:50px; font-size:45px; text-align:center; color:@color_default; text-shadow:none;}

.content .page_h2 .phone{ display:inline-block; margin:10px 0 10px 50px; line-height:30px; padding:0 20px 0 40px; background-color:@color_light; border-radius:20px; font-size:20px; color:@color_dark;font-family:'Oswald',sans-serif;text-shadow:0 1px 0 #fff; position:relative;}
.content .page_h2 .phone em.font_icon{background:@color_dark; width:22px; line-height:22px; height:22px; display:block; position:absolute; left:8px; top:4px; border-radius:11px; text-align:center; color:#fff; overflow:hidden; font-size:14px;}

.page_h2 .button_edit{ position:absolute; right:30px; top:14px;background-color:#333; color:#fff; background-position:5px 0; }
.page_h2 .button_edit:hover{background-color:@color_light; background-position:5px -24px; color:#333;  }

#index{padding-top:120px; padding-bottom:100px;}
#aboutus{padding-top:140px; padding-bottom:200px; background-image:url(../images/aboutus_bg.png); background-attachment:fixed; background-repeat:no-repeat; background-position:center bottom;}
#news{padding-top:140px; padding-bottom:200px;background-image:url(../images/news_bg.png); background-attachment:fixed; background-repeat:no-repeat; background-position:center bottom;}
#product{padding-top:140px; padding-bottom:400px;background-image:url(../images/product_bg.png); background-attachment:fixed; background-repeat:no-repeat; background-position:center bottom;}
#contactus{padding-top:140px; padding-bottom:80px;}


.header{width:100%; height:130px; position:fixed; background:url(../images/header_bg.png) 0 0 repeat-x; top:0; left:0;  z-index:2;}
.header .logo{ line-height:100px; float:left; margin-left:80px; display:inline; font-size:32px;}
.header .logo img{max-width:300px; max-height:80px; padding:5px 10px 5px 0;}


/* menu */
.menu { height:50px; position:absolute; right:100px; top:30px; z-index:1;}
.menu li { display:inline; padding:0 10px; float:left; height:50px; width:50px;position:relative;}
.menu li a{display:block;z-index:1; position:relative; width:50px; height:50px; line-height:50px; transition:all 0.5s ease 0s; border-radius:25px; text-align:center; color:@color_light; overflow:hidden; background-color:@color_default;}
.menu li a.font_icon:before{ line-height:57px; font-size:32px;}
.menu li.item6{ display:none;}
.menu li.item7 a.font_icon{background-color:#ccc;}
.menu li.item7 a.font_icon:hover{ background-color:#555;}
.menu li.item7 a:hover{ color:#fff;}
.menu li span{ font-weight:bold; line-height:20px; text-align:center; border-radius:5px; padding:3px 0; width:100%; display:block; background:#333; color:#fff; position:absolute; z-index:2; left:0; bottom:80px;}
.menu li span em{color:#333; font-size:12px; display:block; position:absolute; left:50%; margin-left:-6px; bottom:-12px;}
.index .menu li.item1 a, .aboutus .menu li.item2 a, .news .menu li.item3 a, .product .menu li.item4 a, .contactus .menu li.item5 a, .menu li a.font_icon:hover, .menu li.item6.current a{background-color:@color_dark; color:#fff;}

.mobile_menu{ display:none; background-color:@color_dark; position: relative;  z-index:2;}
.mobile_menu ul{ padding:20px 15px 10px 15px;}
.mobile_menu li{ clear:both; border-bottom:1px solid @color_default;}
.mobile_menu li.last{ border:0;}
.mobile_menu li a{ display:block; padding:5px 0 5px 45px; position:relative; line-height:30px; color:@color_light; font-weight:bold; font-size:18px; font-family:Microsoft YaHei,Arial,Helvetica,sans-serif; letter-spacing:2px;}
.mobile_menu li a:hover{ color:#fff;}
.mobile_menu li a span{ position:absolute; font-size:20px; left:10px; top:7px;}
.mobile_menu .icon-diamonds{color:@color_dark; font-size:20px; display:block; position:absolute; right:75px; top:-8px;}
.mobile_menu .icon-close{display: block; font-size:15px; color:@color_light; height: 16px; line-height:16px; overflow: hidden;position: absolute;right:10px;top:10px;}
mobile_menu .icon-close:hover{ color:#fff;}


/* ----------  index css  ---------- */
.welcome{ text-shadow:0 1px 0 #fff; text-align:right; line-height:60px; }
.welcome strong{font-family:'Oswald',sans-serif; font-size:50px; color:@color_dark; }
.welcome span{ font-size:45px; font-weight:bold; color:#707073; padding-left:20px; font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;}

/* banner */
.banner { width:100%; position:relative; background:url(../images/loading.gif) center no-repeat; padding-bottom:50px; border-bottom:2px dashed @color_default;}
.slider { display:block; height:300px; list-style:none; padding:0; margin:0; position:relative; border:5px solid @color_default; border-radius:10px; z-index:1; overflow:hidden;}
.slider li {width:100%; height:300px; background-position:center center; background-repeat:no-repeat; list-style:none; padding:0; margin:0; position:absolute; -moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.slider li a { display:block; width:100%; height:300px;  position:relative;}

.pagination {position:absolute; height:13px; z-index:2; bottom:20px; left:50%;}
.pagination li { float:left; margin:0 5px; right:50%; position:relative;}
.pagination li a { display:block;  width:13px; height:13px; _font-size:0; text-indent:-999px;  cursor:pointer; background-color:@color_default; overflow:hidden; border-radius:50%; transition:all 0.5s ease 0s;}
.pagination li.current a{ background-color:@color_dark;}
.pagination li a:hover, .pagination li.current a:hover{ background-color:#333;}


.maingroup{ clear:both;  border-top:2px dashed #fff;}
.mainaboutus, .mainnews, .mainproduct{ width:33%; float:left; position:relative; padding-top:35px;}
.maingroup ul, .maingroup .nodata, .maingroup p{ position:relative; z-index:2;}
.maingroup h3{ font-size:20px; line-height:30px; padding-bottom:10px; color:@color_dark; text-shadow:0 1px 0 #fff; position:relative; z-index:2;}
.mainaboutus p, .mainnews p{ line-height:24px; padding-right:30px;text-shadow:0 1px 0 #fff; position:relative; z-index:2;}
.maingroup .button{ margin-top:15px;}

.maingroup .group_bg{ width:150px; line-height:150px; font-size:110px; color:#fff; position:absolute; right:0; top:10px; z-index:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);opacity:0.5;}
.maingroup .nodata{ border-radius:5px; line-height:80px; margin-right:20px;}

.mainproduct li{ padding-right:80px; height:70px; cursor:pointer;  position:relative; margin-bottom:15px;}
.mainproduct li .photo{width:60px;height:60px; border:5px solid @color_light; overflow:hidden; position:absolute; background-color:#fff; right:0; top:0;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;-khtml-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";transition:all 0.5s ease 0s;}
.mainproduct li.over .photo{ border-color:@color_dark;}
.mainproduct li.over .productname{color:@color_dark;}
.mainproduct li .photo table {clear:both;width:60px;height:60px;table-layout:fixed;}
.mainproduct li .photo table td{margin:0; padding:0;text-align:center;vertical-align:middle;width:60px;height:60px;}
.mainproduct li .photo table td img{max-width:60px; max-height:60px; }
.mainproduct li .productname{ line-height:20px; padding:5px 0; text-shadow:0 1px 0 #fff; color:#555; display:block; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; font-size:13px;  font-weight:bold; transition:all 0.5s ease 0s;}
.mainproduct li .productname:hover{ color:@color_dark; }
.mainproduct li p{ line-height:20px; height:40px; overflow:hidden;}


/* ----------  pages css  ---------- */
.htmledit{ clear:both; overflow:hidden; line-height:150%; }
.htmledit table, .htmledit td,  .htmledit th{ border-collapse:inherit;}
.htmledit ul, .htmledit ol{list-style:inside; margin-left:24px;}
.htmledit ol{ list-style-type:decimal;}
.htmledit ul{ list-style-type:disc;}

.detail .htmledit p{ line-height:180%; margin-bottom:5px;}
.detail .htmledit .default_p{ line-height:24px; padding-bottom:10px;}
.quoteinfo{ clear:both;line-height:20px; padding:10px 10px 10px 70px; background:#fff url(../images/icon_quotes.png) 10px 10px no-repeat; }
.detail .htmledit .default_h4{ clear:both; line-height:20px; margin-bottom:10px; color: #191919; font-size: 15px;}
.detail .htmledit .default_strong{font-size:13px; padding:0 5px;}


.detailtitle{margin-bottom:20px; border:5px solid @color_default; border-radius:8px; overflow:hidden; position:relative; background-color:@color_light;}
.detailtitle h4{color:@color_dark; font-size:16px; line-height:20px; padding:10px 200px 10px 10px; text-shadow:0 1px 0 #fff;}
.detailtitle .info{ position:absolute; top:10px; right:10px; line-height:20px; text-align:right; font-weight:bold;color:@color_dark;}
.nes {color:#f00; padding:0 5px;}

/* ----------  product css  ---------- */
.productlist{ clear:both;}
.productlist li{width:200px;height:230px; cursor:pointer; padding:5px; float:left; display:inline; margin:10px; background-color:#fff; -moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;-khtml-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";}
.productlist li.last{ margin-right:0;}
.productlist li p{ display:none;}
.productlist li .photo{width:200px;height:200px; margin-bottom:5px; position:relative; overflow:hidden;}
.productlist li .photo .addtocart{ width:20px; height:20px; background:@color_default url(../images/header_cart.png) center no-repeat; display:none; position:absolute; top:5px; right:5px;z-index:3;}
.productlist li .photo .mask{width:100%; height:100%; line-height:200px; text-align:center; background:url(../images/pop_side.png); color:#fff; font-size:60px; overflow:hidden; display: block; position:absolute; left:0; top:0; z-index:2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0); opacity: 0;}
.productlist li .photo table {clear:both;width:100%;height:100%;table-layout:fixed;position:relative; z-index:1;}
.productlist li .photo table td{margin:0; padding:0;text-align:center;vertical-align:middle;width:100%;height:100%;}
.productlist li .photo table td img{max-width:100%; max-height:100%; }
.productlist li .productname{ line-height:25px; color:@color_dark; display:block; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;  font-weight:bold; transition:all 0.5s ease 0s;}
.productlist li .productname:hover{ color:#333; }


/* ----------  popwin ----------  */
.popmask{ position:absolute;background:url(../images/slider_bg.png);border:none;height: 100%;left: 0; margin: 0;padding: 0;position: fixed;top: 0;width: 100%;z-index:3000; display:none;}
.popwin{left: 50%; margin-left:-410px; padding:10px;position: fixed; top: 50%;z-index:3001; width:800px; background: url(../images/pop_side.png); display:none;}
.popwin .hide_box{background-color:@color_light; position:relative; border:1px solid #fff;}
.popwin .hide_box h3{ color:#fff; background:@color_dark; border-bottom:@color_default 5px solid;font-size:16px; line-height: 20px;padding: 8px 20px 6px 10px;}
.hide_box .closebr{display: block; font-size:15px; color:@color_light; height: 16px; line-height:16px; overflow: hidden;position: absolute;right:10px;top:10px;}
.hide_box .closebr:hover{ color:#fff;}

#productdetail{margin-top:-180px;}
#productdetail .popcontent{ clear:both; padding:15px 15px 15px 350px; position:relative; min-height:310px; }
.popcontent .photo{width:300px;height:300px; border:5px solid @color_default; position:absolute; left:15px; top:15px; overflow:hidden; background-color:#fff;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;-khtml-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";}
.popcontent .photo table {clear:both;width:100%;height:100%;table-layout:fixed;}
.popcontent .photo table td{margin:0; padding:0;text-align:center;vertical-align:middle;width:100%;height:100%;}
.popcontent .photo table td img{max-width:100%; max-height:100%;}
.popcontent .productname{line-height:20x; display:block; text-shadow:0 1px 0 #fff; color:@color_dark;font-size:16px; }
.popcontent p{ line-height:24px;  padding:10px 0 20px 0; border-bottom:1px solid @color_default; text-shadow:0 1px 0 #fff;}
.popcontent .brtools{border-top:1px solid #fff; padding-top:15px;}


/* ----------  contact us details ----------  */
.googlemap{ height:400px; border:5px solid @color_default; margin-bottom:30px; width:250px; position:absolute; right:0; top:0;}
.googlemap iframe{ margin:0; padding:0; overflow:hidden;}
.maplink{line-height:30px; font-size:13px;transition:all 0.5s ease 0s; background-color:@color_light; display:block; text-align:center; font-weight:bold; color:@color_dark;}
.maplink:hover{background-color:@color_dark; color:#fff;}
#contactus .detail{ margin-bottom:20px;}
.content .from_post{ padding-right:300px; position:relative; }

input, textarea{color:#fff; padding:2px 6px; border-style:solid; border-width:1px; border-color:@color_dark; background:@color_default; line-height:24px; height:24px; transition:all 0.5s ease 0s; border-radius:2px;}
textarea{height:100px; width:70%;}
select{border-style:solid; border-width:1px; background:@color_default; border-color:@color_dark; height:30px; color:#fff;}
input:focus, textarea:focus{color:#333; background-color:#fff; border-color:@color_default;-moz-box-shadow:0 0 5px @color_dark;-webkit-box-shadow:0 0 5px @color_dark;-khtml-box-shadow:0 0 5px @color_dark;box-shadow:0 0 5px @color_dark;}
input.type1, select.type1{ width:40%;}
input.type2, select.type2{ width:20%;}
input.type3, select.type3{ width:10%;}
.from_post .fg{padding:0px 5px; line-height:36px; display:inline;}
.from_post .nes{line-height:36px;}
.from_post li{ padding:0 10px 10px 10px; margin-bottom:15px; border-bottom:2px dotted @color_dark; color:#555;}
.from_post li .title{font-weight:bold; font-size:15px; text-shadow:0 1px 0 #fff; line-height:20px; padding-bottom:5px; color:@color_dark; display:block;}
.from_post li .check{ clear:both; line-height:30px; color:#555; padding:5px 0 5px 5px; display:inline-block;}
.from_post li .item{ display:inline-block; margin:0 10px 5px 0; line-height:26px;}
.from_post li .check img{ padding:4px 5px 0 0;}
.from_post li .codeimg{padding:10px 0 0 10px;cursor:pointer;}
.from_post .radio, .from_post .checkbox{ background:none; display:inline; border:0; padding:0px; width:13px; height:13px; margin:6px 3px 6px 0;}
.from_post .brtools{ margin:10px 0 0 10px;}


/* ----------  footer ---------- */
.footer {clear:both; padding-bottom:30px;}

.bottomlink{ background:@color_dark; padding:10px 0 5px 0; margin-bottom:15px;}
.bottomlink ul{padding-left:250px; padding-right:100px;}
.bottomlink li{ float:left; margin-right:15px; padding-right:15px; height:16px; margin-bottom:5px; border-right:1px solid @color_light;}
.bottomlink li.last{ border:0; padding-right:0; margin-right:0;}
.bottomlink li a{ color:#fff; line-height:14px; padding-bottom:1px; display:inline-block; border-bottom:1px dotted @color_dark;}
.bottomlink li a:hover{color:#fff; border-color:#fff;}

.copyright{ margin:0 100px 0 250px; color:#555; line-height:16px; position:relative; text-shadow:0 1px 0 #fff;}

.copyright .sharelink{ position:absolute; color:#555; right:80px; top:0; height:16px}
.copyright .sharelink h4{ display:inline-block; line-height:16px; float:left; }
.copyright .sharelink li{ float:left; margin-left:10px; padding-left:22px; background-image:url(../images/shareicon_bg.gif); background-repeat:no-repeat; }
.copyright .sharelink li.icon1{ background-position:0 0;}
.copyright .sharelink li.icon2{ background-position:0 -16px;}
.copyright .sharelink li.icon3{ background-position:0 -32px;}

.copyright a{color:#333; transition:all 0.5s ease 0s;}
.copyright a:hover, .copyright .gray:hover{color:#555; text-decoration:underline;}
.copyright span{ padding:0 5px;}
.copyright .gray{ color:@color_dark;}

.copyright .gotop{ right:0; top:0;}

@media (max-width: 979px) {
	body{ background-image:none; min-width:320px; overflow-x:auto;}
	.wrapper {border:0; z-index:1;}
	.nodata{line-height:80px; letter-spacing: normal;}
	
	.sideimg{ display:none;}
	
	.content .detail{ border-radius:0; background:none;}
	.content .page_h2{ font-size:20px; line-height:40px; margin-left:0; margin-bottom:0; padding-left:60px; padding-right:30px; border-radius:0 20px 20px 0;}
	.content .page_h2 span.font_icon{ width:40px; height:40px; padding:0; left:15px; top:0; background-color:transparent; border-radius:0; line-height:40px; font-size:28px;}
	
	.content .page_h2 .phone{ margin:5px 0 5px 10px; line-height:30px; padding:0 10px;  border-radius:15px; font-size:16px;}
	.content .page_h2 .phone em.font_icon{ display:none;}
	
	#index, #aboutus, #news, #product, #contactus{padding:0 0 30px 0; background:none;}
	
	.gotop{ right:20px; top:10px;}

	.header{height:auto; position:relative; top:auto; left:auto; }
	.header .logo{ display:block; margin:0;line-height:60px; padding:0 120px 0 20px; font-size:20px; float:inherit; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
	.header .logo img{max-width:100px; max-height:50px; padding:5px 5px 5px 0;}
	
	/* menu */
	.menu { height:50px; top:10px; right:20px; margin:0; display:inline; }
	.menu li { display:none; height:40px; padding:0; width:40px; margin-left:5px;}
	.menu li.item6, .menu li.item7{ display:inline;}
	.menu li a{width:40px; height:40px; line-height:40px; border-radius:20px;}
	.menu li a.font_icon:before{ line-height:44px; font-size:24px;}
	.menu li span{ display:none;}
	
	
	/* ----------  index css  ---------- */
	.welcome, .button_edit{ display:none; }
	
	/* banner */
	.banner {padding:0; border-bottom:0;}
	.slider {height:200px;border:0; border-radius:0;}
	.slider li, .slider li a{height:200px;}
	
	.pagination {bottom:10px; padding:0;}
	.pagination li a:hover, .pagination li.current a:hover{ background-color:#fff;}
	
	#index .content{ display:none;}
	.detailtitle h4{padding-right:80px;}
	
	/* ----------  product css  ---------- */
	.productlist{ clear:both; margin:10px;}
	.productlist li{width:130px; height:160px;}
	.productlist li .photo {width:130px; height:130px;}
	.productlist li .photo .mask{line-height:140px; font-size:30px;}
	
	/* ----------  popwin ----------  */
	.popwin{margin-left:-30%; top:50px; width:60%;}
	#productdetail{margin-top:0;}
	#productdetail .popcontent{ padding:15px; position:inherit; height:350px; overflow-y:auto;}
	.popcontent .photo{position: inherit; left:auto; top:auto; width:100%; height:auto; border:0; margin-bottom:10px;}
	.popcontent .brtools{ padding-bottom:20px;}
	
	/* ----------  contact us details ----------  */
	.googlemap{ height:200px; width:auto; position:inherit; right:auto; top:auto;}
	.content .from_post{ padding:20px;}
	#contactus .detail{ margin-bottom:0; padding-bottom:0;}
	
	select{border-style:solid; border-width:1px; background:@color_default; border-color:@color_dark; height:30px; color:#fff;}
	input.type1, select.type1{ width:70%;}
	input.type2, select.type2{ width:30%;}
	
	/* ----------  footer ---------- */
	.bottomlink ul{padding-left:20px; padding-right:20px;}
	
	.copyright{ margin:0; padding:0 80px 0 20px; line-height:24px;}
	.copyright .sharelink{ display:none; }
	.copyright .gotop{ right:20px; top:0;}
};