﻿@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)
{
	
/* Main CSS */
	
.MainBodyFrame { width:100%;display:block;padding:0px; }
.MainSubFrame { width:100%;padding:0px 20px 0px 20px;display:block;  }

.FrontBody { background:#fff; }
.FrameSlider1 { display:none; }
.FrameFeedback2 { width:100%; }
.FrameBanner1 { width:100%; }
.FrontTop 	{ height:98px;	}
.HeaderBox { display:table;width:100%;height:auto; }

.HeaderFrame { height:auto;width:100%; }	
.HeaderTop { height:auto; }
.HeaderMenu { width:100%;  }
#cssmenu { float:none; }
.HeaderLeft { float:none;width:100%;background-position:50% 50%; }
.ShareMenu { display:none; }
.ShareMenu2 { display:block; }
.LangStyle { display:none; }
.SearchPosition { display:none; }
.jssorFrame { /*top:40px !important;*/ }

.ProdStrip { display:none !important; }
.ProdBottom { display:none !important; }

.FramePhoto1 { margin-top:30px; }
.TestStyle1 { float:none;width:100%;margin:70px 0px 0px 0px;background-repeat:no-repeat;background-position:50% 10px;text-align:center;text-decoration:none;border:solid 1px #B5B5B5; }

.MainAbout { float:none; width:100%;margin:0px;padding:20px 0px 0px 0px;height:auto; }

.FooterTop { height:auto;width:100%; }
.FooterBottom { height:auto; }
.FooterLeft { float:none;width:100%;padding:10px 0 10px 0;text-align:center;line-height:24px;margin-top:30px; }
.MenuFrame 	{ position:inherit;height:auto;border-bottom:0; }
.FooterMenu2 { float: none; width: 100%;text-align:center;margin-bottom:30px; }
.FooterMenu2 a { line-height:20px; }
.FooterMenu { float:none; width:100%;padding:0px;text-align:center; }
.HeaderLogo { display:table;float:none;margin:0px auto;	}
.HeaderLogo img { display:block;width:80%;max-width:575px;height:auto;margin:20px auto;	}
.MobileLogo { display:none; }
.SearchPosition { display:none;	}
.MainLeft1 { float:none; width:100%;margin:0px;padding:20px 0px 0px 0px;height:auto; }
.MainLeft2 { float:none; width:100%;margin:0px;padding:20px 0px 0px 0px;height:auto; }
.MainLeft3 { float:none; width:100%;margin:0px;padding:20px 0px 0px 0px;height:auto; }
.MainLeft4 { float:none; width:100%;margin:0px;padding:20px 0px 0px 0px;height:auto; }
#cssmenu { float:none;width:100%; }
.HeaderShare { display:none; }

.NoticeBox { margin-top:50px; }
.NoticeTitle { display:none; }
.NoticeStrip { float:none;width:100%; }


.GCol12 { width:100%;float:none; }
.GCol22 { width:100%;float:none; }

.LocateStyle { width:100%; }
.FrameContact { width:100%; }

.ProStyle { margin:0px;height:auto;width:100%;display:table;	}
.ProDesc { padding:10px 0px 0px 0px;height:auto;overflow:visible;text-align:justify; }
.ProImg { width:100%; height:auto;margin:0px 0px 20px 0px; }

.ProBox2 { height:auto; }
.ProStyle2 { float:none;width:100%;height:auto;margin:10px 0px 0px 0px;  }
.ProImg2 { width:100%;height:auto; }
.ProTitle { float:none;width:100%;height:auto;  }
.ProTitle pre { display:none; }

.ProdItem { float:none;width:100%;height:auto; padding:0px 0px 20px 0px;margin:20px 0px 0px 0px;border:0px; }
.ProdImg { display:block;float:none;width:100%; height:auto;margin:0px 0px 20px 0px; }
.ProdTitle,.ProdSub { padding:30px 10px 0px 10px;height:auto;max-height:auto;overflow:inherit;	  }
.ProdSub { padding:10px 10px 0px 10px; }

.Prod2Left { width:100%;float:none;margin:15px 0px 15px 0px;height:auto; }
.Prod2Right { width:100%;float:none;margin:15px 0px 0px 0px;padding:10px 0px 0px 0px; }
.Prod2Desc { height:auto;min-height:auto;max-height:auto;overflow:inherit; }
.zoomWindowContainer { width:100% !important;display:none !important; }
.FrameFeedback3 { width:100%; }
#main_popup_box { width:80%; }

.MainLeftFrame { float:none; width:100%;padding:55px 0px 15px 0px;display:block; }
.MainRightFrame { float:none;width:100%;padding:15px 0px 15px 0px; }
.MainLeftFrame2 { float:none;width:100%;padding:15px 0px 15px 0px; }
.MainRightFrame2 { float:none; width:100%;}
.MainLeftFrame3 { float:none;width:100%; background:#171314; }


.FrontLeft1 { float:none;width:100%;height:auto;padding:0px 0px 0px 0px;  }
.FrontRight1 { float:none;width:100%;height:auto;padding:20px 0px 0px 0px;  }

.FrontLeft2 { float:none;width:100%;height:auto;padding-bottom:0px; }
.FrontRight2 { float:none;width:100%;height:auto;margin-bottom:20px; }

.BlogLeft1 { float:none; width:100%;padding-top:20px; }
.BlogRight1 { float:none; width:100%;padding-top:20px; }
.BlogStyle img  { width:100%;height:auto; 	}


.SNewsImage { float:none;width:100%;height:auto;margin:12px 0px 15px 0px; }

.DNewsBody img { width:100% !important;height:auto !important; }

.FrameComment { height:400px;margin-bottom:10px; }
.FrameContact { width:100%;height:600px; }

 .LatestPro { display: block; }

/* Common CSS */

.CommonBody1 { width:100%; }


.CommonHeader7 { font-size:30px;height:auto;line-height:50px;padding:20px 0px 0px 0px; }
.CommonDesc7 { padding:0px 0px 20px 0px;background-image:none; }
.CommonDesc7 li { display:block; padding:0px 0px 0px 18px;margin:0px; background:url(../images/basic/bullet3.png) left center no-repeat; }
.CommonDesc7 b,.CommonDesc7 strong { font-weight:bold; }
.CommonDesc7 i,.CommonDesc7 em { font-style:italic; }
.CommonDesc7 a { text-decoration:underline;color:blue; }

.CommonHeader8 { height:auto;font-size:24px;padding:30px 0px 0px 0px;text-align:center;line-height:40px; }
.CommonDesc8 { color:#fff;padding:0px 0px 30px 0px;text-align:center;line-height:22px; }
.CommonDesc8 p { line-height:22px; }

.CommonHeader9 { font-size:30px;height:auto;line-height:50px;padding:20px 0px 0px 0px;background-image:none;  }
.CommonDesc1 { padding:10px 0px 10px 0px;width:100%; } 
.CommonDesc1 table { width:100%;border:0px; }
.CommonDesc1 h2 { font-size:22px;margin:10px 0px 10px 0px;line-height:30px; background:url(../images/basic/shade.png) top center repeat-y; }
.CommonDesc1 img { width:100%; }

 
.QuoteBox1 { background:url(../images/basic/quotes1.png) top center no-repeat;width:100%;padding:80px 0px 0px 0px;margin:30px 0px 30px 0px;  }
.QuoteBox1 p { text-align:center;margin:0px 0px 0px 0px;padding:0px 10px 80px 10px;background:url(../images/basic/quotes2.png) center bottom no-repeat;line-height:22px; }
.QuoteBox1 li { display:block; padding:0px 0px 0px 18px;margin:0px; background:url(../images/basic/bullet3.png) left center no-repeat; }
.QuoteBox1 b,.QuoteBox1 strong { font-weight:bold; }
.QuoteBox1 i,.QuoteBox1 em { font-style:italic; }
.QuoteBox1 a { text-decoration:underline;color:blue; }

.CommonDesc1 table { width:100%;border:0px; }
.TableBody td { padding:6px 8px 6px 8px; }

.DNewsPhoto { float:none;margin:5px 0px 20px 0px;overflow:inherit; }
.DNewsPhoto img { max-height:auto !important;overflow:inherit;width:100% !important;height:auto; }


/* Control CSS */

.Commentleft { text-align:left;padding-left:10px; }
.Commentleft { text-align:left;padding-left:10px; }
.CommentRight { float:none; }
.CommentRight2 { float:none; }
.CommentTB { width:95%; }

.CompanyDetail { width:100% !important; }
.CompanySmall { float:none;width:100% !important;padding:0px !important; }
.CompanyFull { float:none;width:100% !important;padding:0px !important; }
.CompanyDDBig { float:left;width:99%; }
.CompanyDD { float:left;width:88%; }
.CompanyTBBig { float:left;width:88%; }
.FR { float:left; }
.CompanyTB { float:left;width:88%; }

.TrialStyle { position:inherit !important;width:100% !important;margin:50px 0px 10px 0px !important;  }


}