@charset "utf-8";

/* color set */
@color_default:#d82445;   /* #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:16px; color:#fff;font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}

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

.gradient(@topcolor,@bottomcolor){
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, @topcolor), color-stop(1, @bottomcolor));
	background:-moz-linear-gradient(top, @topcolor 5%, @bottomcolor 100%);
	background:-webkit-linear-gradient(top, @topcolor 5%, @bottomcolor 100%);
	background:-o-linear-gradient(top, @topcolor 5%, @bottomcolor 100%);
	background:-ms-linear-gradient(top, @topcolor 5%, @bottomcolor 100%);
	background:linear-gradient(to bottom, @topcolor 5%, @bottomcolor 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@topcolor', endColorstr='@bottomcolor',GradientType=0);
	background-color:@bottomcolor;
}

.inside_shadow(@x: 0, @y: 0, @blur: 4px, @color: #ccc){
	-moz-box-shadow:@x @y @blur @color inset;
	-webkit-box-shadow:@x @y @blur @color inset;
	-khtml-box-shadow:@x @y @blur @color inset;
	box-shadow:@x @y @blur @color inset;
}

/* button & input style */
.button {padding:5px 25px; font-size:18px; display:inline-block;  line-height:24px; background-color:#58585A; color:#fff;  transition:all 0.5s ease 0s; border-radius:5px;}
.button:hover{background-color:@color_dark;  color:#fff;}

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

.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;}
#aboutus .button_edit, #news .button_edit, #product .button_edit, #contactus  .button_edit {
    margin-top: 20px;
}
/* ----------  wrapper ---------- */
.wrapper { clear:both; margin:0; padding-right:200px; padding-left:200px; min-width:600px; position:relative; z-index:1; overflow:hidden;}
.content{ clear:both; margin:0;}
.nodata{padding:20px; background-color:rgba(0,0,0,0.25); 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 rgba(0,0,0,0.5); filter:alpha(opacity=80); opacity: 0.8;}
.nodata .font_icon{ padding-right:5px;}

.sidearrow{ position:absolute; border-radius:10px; width:70px; height:70px; left:250px; top:-40px;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg); }

#index{padding-top:80px; padding-bottom:100px; background:url(../images/top_bg.png) fixed; }
#aboutus{padding-top:100px; padding-bottom:200px; background-color:#273c66;}
#aboutus .sidearrow{ background-color:#1e1e1e;}
#aboutus .page_h2 .font_icon{ color:#273c66;}
#news{padding-top:100px; padding-bottom:80px; background-color:#bab932;}
#news .sidearrow{ background-color:#273c66;}
#news .page_h2 .font_icon{ color:#bab932;}
#product{padding-top:100px; padding-bottom:80px; background-color:#fdac57;}
#product .sidearrow{ background-color:#bab932;}
#product .page_h2 .font_icon{ color:#fdac57;}
#contactus{padding-top:100px; padding-bottom:80px; background-color:#e0e0e0;}
#contactus .sidearrow{ background-color:#fdac57;}
#contactus .page_h2{ background-image:url(../images/h2_bg_contactus.png);}
#contactus .page_h2 .font_icon{ background-color:#666; color:#e0e0e0;}

.header{ position:fixed; width:180px; top:120px; right:0; z-index:2; background:url(../images/navigate.png) 30px top no-repeat; padding-top:100px;}

/* menu */
.menu li { margin:4px 0; height:36px; text-align:right;}
.menu li a{display: inline-block;  position:relative; line-height:30px; transition:all 0.5s ease 0s; border-radius:4px 0 0 4px;  color:#555; background-color:#f8f8f8; padding:3px 10px 3px 30px; font-size:15px;}
.menu li a.font_icon:before{ font-size:16px; position:absolute; left:10px; top:4px; line-height:30px;}
.menu li a:hover{ color:@color_default; padding-right:20px; background-color:#fff;}
.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{color:#fff; background-color:#961930;}


/* ----------  index css  ---------- */
.logo{ text-align:center; margin-bottom:30px;}
.logo img{ height:130px;}
.welcome{ clear:both; line-height:130px; font-size:40px; font-weight:normal; text-shadow:0 1px 3px #111; padding-left:40px; color:#eee;}

/* banner */
.banner { width:100%; position:relative; background:url(../images/loading.gif) center no-repeat; padding-bottom:40px;}
.slider { display:block; height:300px; list-style:none; padding:0; margin:0; position:relative; border:5px solid #3c3c3c; 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:6px; z-index:2; bottom:0; left:50%;}
.pagination li { float:left; margin:0 5px; right:50%; position:relative;}
.pagination li a { display:block;  width:40px; height:6px; _font-size:0; text-indent:-999px;  cursor:pointer; background-color:#3c3c3c; overflow:hidden; transition:all 0.5s ease 0s;}
.pagination li.current a{ background-color:@color_default;}
.pagination li a:hover, .pagination li.current a:hover{ background-color:@color_light;}

.maingroup{ clear:both; margin-top:20px;}
.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:#fff; position:relative; z-index:2;}
.mainaboutus p, .mainnews p{ line-height:24px; padding-right:30px; 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; opacity:0.2;}
.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; color:#fff; 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;}
.default_p{ line-height:30px; margin-bottom:30px; font-size:18px;}
.default_h4{ clear:both; line-height:20px; margin-bottom:10px; color: #fff; font-size:20px;}
.default_strong{font-size:13px; padding:0 5px;}

#contactus .htmledit{ color:#333}


.content .page_h2{ font-size:36px; color:#fff; line-height:50px; margin-bottom:40px; position:relative; padding:0 100px 40px 60px; background:url(../images/h2_bg.png) bottom repeat-x;}
.content .page_h2 span.font_icon{ padding:5px; width:30px; display:block; position:absolute; left:0; top:5px; background-color:#fff; overflow:hidden; border-radius:50%; line-height:33px; height:30px; font-size:30px; text-align:center;}

.quote_p{ position:relative; margin-bottom:20px; line-height:34px; font-size:22px;}

#aboutus .col-1, #aboutus .col-2{ width:50%;}
#aboutus .quote_p{ color:#8c9fc5;}
#aboutus .col-1 p{ margin-right:20px;}
#aboutus .col-2 p {margin-left:20px; color:#fff;}
#aboutus .col-2 img{ width:80%; max-width:455px;}

.featurelist{ clear:both;}
.featurelist ul{ margin:0; padding:0; list-style:none;}
.featurelist li{ float:left; width:25%;}
.featurelist li .featureicon{ width:140px; height:140px; margin:0 auto; border:2px solid #fff; border-radius:50%; .gradient(#cccccc,#f8f8f8)}
.featurelist li .featureicon .icon{ margin:5px auto; width:80px; height:80px; padding:25px; background-color:#f8f8f8; border-radius:50%; .inside_shadow(@x: 0, @y: 0, @blur: 10px, @color: #999)}
.featurelist li h3{ font-size:24px; color:#fff; line-height:30px; text-align:center; margin:20px 0 10px 0;}
.featurelist li p{ line-height:24px; padding:0 20px; font-size:16px; text-align:left; color:#686716;}

.devicescroll{ margin:30px auto 0 auto; width:700px; height:280px; background:url(../images/device_shadow.png) 0 0 no-repeat; position:relative;}
.devicescroll .displaybg{ position:absolute; left:267px; top:0px; width:356px; height:271px; z-index:1; background:url(../images/dispaly_bg.png) no-repeat;}
.devicescroll .devicegroup{ position:absolute; left:0; top:77px; width:700px; height:194px; z-index:2; background:url(../images/otherdevice_bg.png) no-repeat;}
.maxscreen{ width:325px; height:205px; background:url(../images/1page_max.jpg) 0 0 no-repeat; position:absolute; left:15px; top:13px;}
.largescreen{width:254px; height:160px; background:url(../images/1page_large.jpg) 0 0 no-repeat; position:absolute; left:49px; top:12px;}
.mediumscreen{width:96px; height:130px; background:url(../images/1page_medium.jpg) 0 0 no-repeat; position:absolute; left:585px; top:52px;}
.minscreen{width:56px; height:95px; background:url(../images/1page_min.jpg) 0 0 no-repeat; position:absolute; left:505px; top:81px;}

#contactus .quote_p{ color:#7a7a7a;}
#contactus .page_h2{color:#333;}

#support .quote_p{ color:#6c1e2c; padding-left:30px; font-weight:bold;}
#support .quote_p .font_icon{ position:absolute; left:0; top:0;}
#support .default_p{ padding-left:30px;}
#support .temp_img{ border:2px solid #fff;}

.largetable{ width:80%; min-width:600px; margin:0 auto 30px auto;}
.largetable td{ vertical-align:middle; text-align:center;}
.largetable td .menuarrow{ font-family:"Times New Roman", Times, serif; font-size:10em; color:#6c1e2c;}
.default_list{ width:100%; border:1px solid #f36f86; }
.default_list td,.default_list th{ text-align:left; padding:10px; border:1px solid #f36f86; line-height:24px; font-size:14px; color:#fff; border-collapse:collapse;}
.default_list th{ text-align:center; background-color:#ac1f39; font-size:1.1em; width:100px; font-weight:normal;}

#plugin .quote_p{color:#553c21}

.detailtitle{ border:3px solid rgba(255,255,255,0.5); padding:5px 10px; border-radius: 5px; margin-bottom:15px;line-height:24px; position:relative}
.detailtitle h4{ font-size:16px; font-weight:bold; }
.detailtitle .info{ position:absolute; line-height:24px; right:10px; top:5px; font-size:14px;}

/* ----------  product css  ---------- */
.productlist{ clear:both;}
.productlist ul{ margin:-10px;}
.productlist li{ width:25%; float:left; padding:10px; box-sizing:border-box;}
.productlist .item{cursor:pointer; border:5px solid #fff; background-color:#fff; -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;}
.productlist li p{ display:none;}
.productlist li .photo .image{width:100%; height:100%; position:absolute; left:0; top:0; text-align:center;}
.productlist li .photo .image span{ display:inline-block; vertical-align:middle; height:100%;}
.productlist li .photo .image img{max-width:100%; max-height:100%; vertical-align:middle;} 
.productlist li .photo{width:100%;height:0; padding-bottom:100%; position:relative; overflow:hidden; margin-bottom:5px;}
.productlist li .photo .mask{width:100%; height:100%;  text-align:center; background:url(../images/pop_side.png);  overflow:hidden; 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 .mask a{color:#fff; font-size:50px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.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; text-align:center; color:#553c21; 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:#c88947; }


/* ----------  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:#feac58; position:relative; border:1px solid #fff;}
.popwin .hide_box h3{ color:#fff; background:#553c21; border-bottom:#c88947 5px solid;font-size:20px; line-height:30px;padding: 2px 20px 2px 10px;}
.hide_box .closebr{display: block; font-size:15px; color:#c88947; 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 #c88947; 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; color:#fff; font-size:20px; }
.popcontent p{ line-height:24px;  padding:10px 0 20px 0; color:#553c21;}


/* ----------  contact us details ----------  */
.googlemap{ height:430px;  width:260px; position:absolute; left:0; top:0;}
.googlemap iframe{ margin:0; padding:0; overflow:hidden;}
#map_canvas{ width:260px; height:400px;}
.maplink{line-height:30px; transition:all 0.5s ease 0s; background-color:#ccc; display:block; text-align:center; font-weight:bold; color:#333;}
.maplink:hover{background-color:@color_dark; color:#fff;}
.content .from_post{ padding-left:300px; position:relative; }

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

input, textarea{color:#333; padding:2px 6px; border-style:solid; border-width:2px; border-color:#ccc; background:#fff; line-height:30px; height:30px; transition:all 0.5s ease 0s; }
textarea{height:100px; width:60%;}
select{border-style:solid; border-width:1px; background:#fff; border-color:#ccc; height:30px; color:#333;}
input:focus, textarea:focus{color:@color_default; 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:60%;}
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{ clear:both; margin-bottom:15px;  color:#333;}
.from_post li .title{font-weight:bold; font-size:16px; line-height:20px; padding-bottom:5px; color:#666; display:block;}
.from_post li .check{ clear:both; line-height:30px; color:#c80000; 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:7px 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;}


/* ----------  footer ---------- */
.footer {clear:both; padding:20px 0 50px 0; width:100%; background-color:#1e1e1e; overflow:hidden;}

.bottomlink{ background-color:#333333; padding:5px 0; margin-bottom:15px;}
.bottomlink ul{ float:left; left:50%; position:relative;}
.bottomlink li{ float:left; height:24px; margin:5px 10px; position:relative; right:50%;}
.bottomlink li.last{ margin-right:0;}
.bottomlink li a{ color:#eee; line-height:24px; font-size:15px;}
.bottomlink li a:before{ content:"[";margin-right: 10px;-webkit-transform: translateX(20px);-moz-transform: translateX(20px);transform: translateX(20px);}
.bottomlink li a:after{ content:"]";margin-left: 10px;-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);transform: translateX(-20px);}
.bottomlink li a:before, .bottomlink li a:after{display: inline-block; opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;-moz-transition: -moz-transform 0.3s, opacity 0.2s;transition: transform 0.3s, opacity 0.2s;}
.bottomlink li a:hover:before, .bottomlink li a:hover:after, .bottomlink li a:focus:before, .bottomlink li a:focus:after{ opacity: 1;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transform: translateX(0px);}

.bottomlink li a:hover{color:#eee; }

.copyright{color:#999; line-height:30px; padding:0 200px; position:relative;}

.copyright .sharelink{ position:absolute; color:#ccc; right:200px; top:0; height:30px}
.copyright .sharelink h4{ display:inline-block; line-height:30px; float:left; font-size:16px;}
.copyright .sharelink li{ float:left; margin-left:10px; }
.copyright .sharelink li a{ line-height:30px; font-size:24px;}

.copyright a{color:#ccc; transition:all 0.5s ease 0s;}
.copyright a:hover, .copyright .gray:hover{color:@color_default;}
.copyright .design{ padding-left:30px;}
.copyright span{ padding:0 5px;}
.copyright .gray{ color:#999;}

@media (max-width: 979px) {
	.wrapper { clear:both; margin:0; padding:60px 0 0 0; min-width:320px;}
	.sidearrow{ display:none; }
	.button {font-size:14px;  line-height:20px;  border-radius:3px;}
	.brtools{margin-top:20px; height:30px;}
	/* ----------  index css  ---------- */
	.logo{  margin-bottom:20px;}
	.logo img{ height:40px;}
	.welcome{ line-height:40px; font-size:20px;  padding-left:5px; }
	
	#index{ padding-bottom:20px;}
	#aboutus, #feature, #support, #plugin, #contactus{padding-top:20px; padding-bottom:30px; }
	
	.header{ width:auto; left:0; top:0; right:0; background:none; padding:0; height:60px;}
	.menu ul{ position:relative; left:50%; float:left;}
	.menu li { float:left; margin:0 5px 0 0; width:40px; right:50%; position:relative;}
	.menu li a{ display:block; border-radius: 0 0 4px 4px; padding:0; width:40px; height:50px; text-align:center;}
	.menu li a.font_icon:before{ font-size:20px; position:inherit; left:auto; top:auto; line-height:50px;}
	.menu li a:hover{ padding:0 0 10px 0;}
	.menu li a strong{ display:none;}
	.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.current a{padding:0 0 10px 0;}
	.slider { border-left:0; border-right:0; height:250px;}
	.content{ margin:0 20px;}
	.content .page_h2{ font-size:18px; color:#fff; line-height:40px; margin-bottom:20px; position:relative; padding:0 30px 30px 40px; }
	.content .page_h2 span.font_icon{  width:20px;  line-height:20px; height:20px; font-size:20px;}
	
	#index .content{ display:none;}
	
	.quote_p{ margin-bottom:10px; line-height:30px; font-size:16px;}
	.default_p{ line-height:24px; margin-bottom:10px; font-size:14px;}
	.default_h4{ font-size:15px;}
	
	#aboutus .col-1, #aboutus .col-2{ clear:both; float:none; width:auto;}
	#aboutus .col-1 p{ margin-right:0;}
	#aboutus .col-2 p {margin-left:0;}
	.devicescroll{ display:none;}
	
	.featurelist li{ clear:both; float: inherit; width:auto; margin-bottom:20px;}
	.featurelist li h3{ font-size:16px; margin:10px 0 5px 0;}
	.featurelist li p{ line-height:20px; padding:0; font-size:14px;}
	
	#support .quote_p{ color:#6c1e2c; padding-left:25px; font-weight:bold;}
	#support .default_p{ padding-left:25px;}
	.temp_img{ width:30%;}
	
	.detailtitle .info{ position:inherit; right:auto; top:auto; margin-top:5px;}
	
	.largetable{ width:100%; min-width:320px; margin:0 auto 20px auto;}
	.largetable td .menuarrow{ font-size:5em;}
	.default_list td,.default_list th{ padding:5px; line-height:20px; }
	.default_list th{ font-size:14px; width:80px; }
	.largetable td .temp_img{ width:100%;}
	
	.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;}
	
	.googlemap{ height:250px;  width:auto; position: inherit; left:auto; top:auto; margin-bottom:20px;}
	#map_canvas{ width:100%; height:220px;}
	.content .from_post{ padding-left:0; }
	
	input.type1, select.type1{ width:80%;}
	textarea{ width:80%;}
	
	.productlist li{ width:50%;}
	
	/* ----------  popwin ----------  */
	.popwin{margin-left:-40%; top:50px; width:80%; box-sizing: border-box;}
	
	#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;}
	
	.footer {padding:10px 20px 20px 20px; width: auto;}
	.bottomlink{ display:none;}
	.copyright{line-height:24px; padding:0; font-size:14px; text-align:center;}
	.copyright .sharelink, .copyright .design{ display:none;}
}

@media (max-width: 480px) {
	.productlist li{ width:100%; float:inherit;}
}