/**********************/
	/* LUAN NGUYEN *******/
	/* WEBNET 28/01/2015 **/
	/*******************/

	body, .innerIB > * {font-family: calibri; font-size: 14px; color: #4e4e4e;}
	
	* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	
	h1, h2, h3, h4, h5, h6 { font-size: inherit; margin: 0; padding: 0; font-weight: inherit;}

	input, textarea{font-family: calibri;}
	input:focus, textarea:focus{border: 1px solid rgb(124, 181, 255); box-shadow: 0 0 5px rgba(81, 203, 238, 1);}

	a{text-decoration: none; color: inherit; cursor: pointer;}
	a:hover{text-decoration: underline;}
	ul{list-style-type: none; padding: 0;}
	
	::-webkit-input-placeholder {color: #5c5c5c;}
	::-moz-placeholder {font-size: 14px; color: #5c5c5c;} /* firefox 19+ */
	:-ms-input-placeholder {color: #5c5c5c;} /* ie */
	::selection{color: white; background-color: #c0392b;}

	.ib{display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
	.ds{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
	.op:hover{opacity: 0.7;}
	.black{color: #000;}
	.red{color: #d20000;}
	.silver{color: #4e4e4e;}
	.white{color: #fff;}
	.blue{color: #585be1;}
	.green{color: #618d03;}
	.yellow{color: #e6ee10;}
	.bold{font-weight: bold;}
	.strike{text-decoration: line-through;}
	.italic{font-style: italic;}
	.normal{font-weight: normal;}
	.s10{font-size: 11px;}
	.s12{font-size: 12px;}
	.s13{font-size: 13px;}
	.s14{font-size: 14px;}
	.s15{font-size: 15px;}
	.s16{font-size: 16px;}
	.s18{font-size: 18px;}
	.s20{font-size: 20px;}
	.s22{font-size: 22px;}
	.s24{font-size: 24px;}
	.s30{font-size: 30px;}
	.s36{font-size: 36px;}
	.upper{text-transform: uppercase;}
	.mcenter{margin: 0 auto;}
	.tleft{text-align: left;}
	.tjust{text-align: justify;}
	.tcenter{text-align: center;}
	.tright{text-align: right;}
	.trans{-webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
	.underline:hover{text-decoration: underline;}
	.pointer{cursor: pointer;}
	.default{cursor: default;}
	.clear{clear: both;}

	.wrapper{position: relative; width: 100%;}
	.container{position: relative; width: 1200px; margin: 0 auto; padding: 0 15px;}
	
	.innerFloat:after{clear: both; content: ""; display: block;  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML += '<div class="ie7-clear"></div>' );}
	.ie7-clear {display: block;clear: both;}
	.innerIB{font-size: 0; font-family: dummy;}
	
	/* ICONS */
	.icons{background: url(../images/icons.png);}
	.icons.facebook{width: 12px; height: 16px; background-position: -3px 0px;}
	.icons.facebook:hover{background-position: -3px -50px;}
	.icons.twitter{width: 15px; height: 15px; background-position: -3px -35px;}
	.icons.twitter:hover{background-position: -3px -86px;}
	.icons.google{width: 15px; height: 16px; background-position: -3px -18px;}
	.icons.google:hover{background-position: -3px -69px;}
	.icons.block{width: 15px; height: 16px; background-position: -3px -105px;}
	.icons.news{width: 17px; height: 16px; background-position: -1px -122px;}
	.icons.web{width: 15px; height: 16px; background-position: -3px -140px;}
	.icons.email{width: 15px; height: 16px; background-position: -3px -157px;}
	.icons.cart{width: 15px; height: 16px; background-position: -3px -173px;}
	.icons.order{width: 15px; height: 16px; background-position: -3px -187px;}
	.icons.prev{width: 12px; height: 18px; background-position: -3px -207px;}
	.icons.next{width: 12px; height: 18px; background-position: -3px -228px;}
	
	/* HEADER */
	#header{ height: 110px; background: url(../images/header-bg.png) center repeat-x; }
	#header .container{padding: 9px 15px;}
	#header .menu{margin-top: 5px; float: right;}
	#header .menu .social li{margin: 0 5px;}
	#header .menu .nav li{margin: 0 10px; text-shadow: 0 1px 0 #fff;}
	#header .menu .nav li:first-child, #header .menu .social li:first-child{margin-left: 0;}
	#header .menu .nav li:last-child, #header .menu .social li:last-child{margin-right: 0;}
	#header .menu .nav a:hover, #header .menu .nav a.active{color: #585be1;}
	
	/* SLIDER */
	#slider .container .sliderCont{height: 380px; overflow: hidden;}
	#slider .container img{width: 100%; height: 380px;}
	#slider .panel{position: absolute; z-index: 2; bottom: -16px; left: 15px; width: 100%; max-width: 610px; height: 111px; background: url(../images/slider-panel.png) center left no-repeat;}
	#slider .panel .cont{position: relative; width: 100%; height: 100%;}
	#slider .panel .welcome{margin: 30px 0 0 30px; text-shadow: 0 1px 0 #000;}
	#sliderPagination{position: absolute; bottom: 12px; right: 45px; width: 140px;}
	#sliderPagination a{display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 0 5px; width: 14px; height: 14px; background-color: #fff; border-radius: 12px;}
	#sliderPagination a:hover, #sliderPagination a.selected{background-color: #c8c8c8;}
	#sliderPagination a.selected{cursor: default;}
	
	/* BODY */
	#body{margin-top: 45px;}
	/* SIDEBAR */
	#sidebar{margin-right: 30px; width: 270px;}
	#sidebar ul{margin: 0; line-height: 18px;}
	#sidebar ul.parent > li:before{font-size: 22px; margin-right: 10px; content: "\00bb";}
	#sidebar ul.sub{margin-left: 22px;}
	#sidebar ul li{margin: 12px 0;}
	#sidebar ul.sub > li:before{font-weight: bold; margin-right: 10px; content: "\003e";}
	#sidebar ul a:hover, #sidebar ul a.active, #main .product .item .title a:hover, #support .slider .item .info a:hover{color: #4a4799;}
	#sidebar ul a.active{font-weight: bold;}
	.box{position: relative; margin-top: 30px; border: 1px solid #4a4799;}
	.box:first-child{margin-top: 0;}
	.box .heading{position: relative; padding: 14px 15px; background-color: #4a4799; text-shadow: 0 1px 0 #000;}
	.box .heading i{margin-right: 10px;}
	.box .cont{padding: 0 15px;}
	.hotline{margin-top: 15px; padding: 10px 10px; background-color: #4a4799;}
	.box .heading .toggle{display: none; position: absolute; top: 12px; right: 10px; width: 25px; cursor: pointer;}
	.box .heading .toggle img{max-width: 100%;}
	
	/* MAIN */
	#main{width: 870px;}
	#main .intro{margin-right: 30px; width: 570px;}
	#main .intro .cont{padding: 15px;}
	#main .intro .image{margin-right: 3%; width: 40%;}
	#main .intro .image img{max-width: 100%; height: auto;}
	#main .intro .excerpt{width: 55%;}
	#main .intro .seemore{margin-right: 12px;}
	.contact{width: 270px;}
	.contact .cont{padding: 4px 15px 15px 15px;}
	.contact form{position: relative;}
	.contact input[type=text], .contact textarea{margin: 6px 0; padding: 5px 8px; width: 100%; height: 35px; border: 1px solid #dddddd; border-radius: 3px;}
	.contact textarea{height: 80px; resize: none;}
	.contact input[type=submit]{position: absolute; bottom: -3px; left: 10px; width: 57px; height: 28px; background: #fff url(../images/btn-submit.png) center repeat-x; border: 1px solid #dddddd; border-radius: 3px; font-weight: bold;}
	.contact input[type=submit]:active{border: 1px solid #A1A1A1;}
	
	#main .product{padding-bottom: 55px;}
	#main .product .cont{padding: 15px 0;}
	#main .product .item{margin: 10px 15px; padding: 15px; width: 260px; height: 330px; border: 1px solid #e0e0e0; border-radius: 3px;}
	#main .product .item:nth-child(even){margin: 10px 14px;}
	#main .product .item .image{height: 220px; overflow: hidden;}
	#main .product .item .image img{max-width: 100%; height: auto;}
	#main .product .item .title{margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	#main .product .item .title h3{display: inline;}
	#main .product .item .func{margin-top: 15px;}
	#main .product .item .func a{padding: 9px 20px; border-radius: 4px;}
	#main .product .item .func a:hover{text-decoration: none; box-shadow: 0 0 5px rgba(81, 203, 238, 1);}
	#main .product .item .func a:active{opacity: 0.8;}
	#main .product .item .func .detail{margin-right: 15px; background: #4a4799 url(../images/btn-detail.png) center repeat-x;}
	#main .product .item .func .order{float: right; background: #7578f6 url(../images/btn-order.png) center repeat-x;}
	#main .product .seemore{position: absolute; right: -1px; bottom: -1px;}
	#main .product .seemore a{padding: 14px 25px 14px 35px; background: url(../images/seemore.png) center no-repeat;}
	#main .product .seemore a:hover{text-decoration: none; opacity: 0.95;}
	#main .product .seemore a:active{opacity: 0.8;}
	.pagination {margin-top: 20px; line-height: 28px;}
	.pagination a{margin: 0 5px; width: 30px; height: 30px; border: 1px solid #ececec; border-radius: 4px; background: #f2f2f2 url(../images/pagi.png) center repeat-x;}
	.pagination a:hover, .pagination a.active{color: #fff; border: 1px solid #6e71e7; background: #6e71e7 url(../images/pagih.png) center repeat-x; text-decoration: none;}
	.pagination a:hover{box-shadow: 0 0 5px rgba(81, 203, 238, 1);}
	.pagination a.active{cursor: default;}
	#main .cont.postDetail{padding: 15px;}
	.postDetail img{max-width: 100%; height: auto;}
	
	/* PRODUCT DETAIL */
	#main .product .productDetail{padding: 20px;}
	#main .productDetail .imagesSection{position: relative; margin-right: 30px; width: 350px;}
	#main .productDetail .imagesSection .image{border: 1px solid #eaeaea; padding: 20px;}
	#main .productDetail .imagesSection .image img{max-width: 100%; height: auto;}
	#main .productDetail .imagesSection .slider{height: 75px; margin-top: 20px; overflow: hidden;}
	#main .productDetail .imagesSection .slider img{max-height: 100%; width: auto;}
	#main .productDetail .imagesSection .slider .ib{margin: 0 8px 10px 8px; padding: 5px; width: 100px; height: 70px; border: 1px solid #eaeaea;}
	#main .productDetail .imagesSection .sliderNav{height: 0; opacity: 0.4;}
	#main .productDetail .imagesSection .sliderNav:hover{opacity: 1;}
	#main .productDetail .imagesSection .sliderNav .prev{position: absolute; left: -10px; bottom: 31px;}
	#main .productDetail .imagesSection .sliderNav .next{position: absolute; right: -6px; bottom: 31px;}
	#main .productDetail .parameterSection{width: 400px;}
	#main .productDetail .parameterSection{line-height: 22px;}
	#main .productDetail .parameterSection .table{display: table; width: 100%;}
	#main .productDetail .parameterSection .tr{display: table-row;}
	#main .productDetail .parameterSection .td{display: table-cell;}
	#main .productDetail .parameterSection .td.param{width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	#main .productDetail .parameterSection .td.param:after{vertical-align: 3px; padding: 0 8px 0 5px; color: lightgray; content: ' _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ ';}
	#main .productDetail .parameterSection a.order{padding: 6px 16px; background-color: #7578f6; border-radius: 3px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);}
	#main .productDetail .parameterSection a.order:hover{text-decoration: none; box-shadow: 0 0 5px rgba(81, 203, 238, 1);}
	#main .productDetail .parameterSection a.order:active{opacity: 0.8;}
	#main .productDetail .parameterSection i.order{margin-right: 8px;}
	
	#main .productDetail .description .desBox{position: relative; margin-top: 60px; min-height: 50px; padding: 5px 15px; border: 1px solid #d8d8d8; border-radius: 0 3px 3px 3px;}
	#main .productDetail .description .desBox img{max-width: 100%; height: auto;}
	#main .productDetail .description .desBox .tabBox{position: absolute; top: -37px; left: -1px;}
	#main .productDetail .description .desBox .tabBox a{margin-right: 5px; padding: 9px 10px; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-radius: 3px 3px 0 0; background-color: #fff;}
	#main .productDetail .description .desBox .tabBox a.active, #main .productDetail .description .desBox .tabBox a:hover{color: #fff; border-top: 1px solid #4a4799; border-left: 1px solid #4a4799; border-right: 1px solid #4a4799; padding-bottom: 10px; background: #4a4799; text-decoration: none;}
	#main .productDetail .description .desBox .tabBox a.active{cursor: default;}
	#main .productDetail .description .desBox .commentTab{display: none;}
	
	/* NEWS */
	#news{padding-bottom: 40px;}
	#news .pagination{margin-top: 30px;}
	#news .item{margin: 15px 0; padding-bottom: 15px; border-bottom: 1px dashed #D7DFFF;}
	#news .item:last-child{border: 0;}
	#news .item .thumbnail{margin-right: 3%; width: 25%; height: 140px; overflow: hidden;}
	#news .item .thumbnail img{max-width: 100%; height: auto;}
	#news .item .summary{width: 70%;}
	#news .item .title{margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis;}
	#news .item .title h3{display: inline; white-space: nowrap;}
	
	/* SUPPORT */
	#support {margin-top: 25px;}
	#support .cont{height: 200px; padding: 15px; border: 1px solid #e3e3e3; border-radius: 4px;}
	#support .banner{vertical-align: middle; padding: 75px 35px 0 0; width: 400px; height: 100%; background: url(../images/support_banner.png) center no-repeat;}
	#support .slider{vertical-align: middle; width: 735px; height: 135px; overflow: hidden;}
	#support .slider .item{margin: 0 32px 30px 32px; width: 300px;}
	#support .slider .item .image{width: 135px; height: 135px;}
	#support .slider .item .image img{max-width: 100%; height: auto; border-radius: 135px;}
	#support .slider .item .info{padding: 12px 0 12px 20px; width: 165px; line-height: 20px;}
	
	/* GLOBAL */
	#global{margin-top: 25px; height: 130px; background: #dadada url(../images/global.png) center no-repeat;}
	#global .cont, #global .container{height: 100%;}
	#global .label{margin-right: 60px; padding-top: 48px; vertical-align: middle; height: 100%; color: #43408b;}
	#global .nav{vertical-align: middle;}
	#global .nav a{padding: 12px 25px; background-color: #4a4799; border-radius: 4px; text-shadow: 0 1px 0 #000;}
	#global .nav a:hover{text-decoration: none; opacity: 0.95;}
	#global .nav a:active{opacity: 0.8;}
	
	/* CONTACT */
	#contact{}
	#contact .addr{margin: 5px 0;}
	#contact #sending{display: none; height: 9px;}
	#contact .form{margin-right: 25px; width: 330px;}
	#contact .form input, #contact .form textarea{margin-bottom: 10px; padding: 3px 8px; width: 100%; height: 33px; border: 1px solid silver; border-radius: 2px; outline: none; box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, 0.08);}
	#contact .form input:focus, #contact .form textarea:focus{border: 1px solid rgb(124, 181, 255); box-shadow: 0 0 5px rgba(81, 203, 238, 1) !important;}
	#contact .form textarea{padding: 7px 8px; outline: none; resize: none; height: 100px;}
	#contact .form input[type=submit]{height: 35px; background-color: #3588dd; border: 0;}
	#contact .form input[type=submit]:hover{background-color: #4895E4;}
	#contact .form input[type=submit]:active{background-color: #3E84CD;}
	#contact .info{padding-left: 20px; width: 480px; border-left: 1px dashed #D8D8D8; line-height: 18px;}
	#contact .agent{margin-top: 20px; margin-bottom: 20px; width: 45%; padding-left: 20px; line-height: 18px;}
	#contact .agent:nth-child(even){border-left: 1px dashed #D8D8D8;}
	#contact .agent .main{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	#contact .info .boxHeading, #contact .agent .boxHeading{margin-left: 0;}
	#contact .info .readmore, #contact .agent .readmore{margin-right: 3px; height: 10px; vertical-align: baseline;}
	#contact .map{margin-bottom: 30px; width: 100%; height: 240px; background-color: #eee;}
	
	/* FOOTER */
	#footer{padding: 40px 0; background-color: #13123a; text-shadow: 0 1px 0 #000;}
	#footer .item{margin: 0 30px 20px 0;}
	#footer .item li{margin: 5px 0;}
	#footer .copyright{margin-top: -10px; color: #b4b4b4;}
	
	/* FIXED RESPONSIVE MENU */
	#fixed_responsive_menu{display: none; position: fixed; width: 100%; max-height: 380px; top: 0; right: 0; background-color: #2d519c; z-index: 3; overflow-y: auto;}
	#fixed_responsive_menu .logo{}
	#fixed_responsive_menu .logo img{height: 40px; margin: 5px 0 0 10px;}
	#fixed_responsive_menu .toggle{float: right; display: block; background-color: #2d519c; padding: 10px; cursor: pointer;}
	#fixed_responsive_menu .expanding{display: none; background-color: #2d519c;}
	#fixed_responsive_menu .expanding ul{}
	#fixed_responsive_menu .expanding ul li{margin: 1px 0; padding: 8px 10px; font-size: 13px;}
	#fixed_responsive_menu .expanding ul li:hover, #fixed_responsive_menu .expanding ul li.current-menu-item{color: #000; background-color: #eee;}

	/* FACEBOOK COMMENT RESPONSIVE */
	#fbcomments, .fb-comments, 
	.fb-comments[style],
	.fb-comments iframe[style],
	.fb-comments span,
	#fbcomments iframe [style]{width: 100% !important;}
	
	/** DIALOG */
	/** THANH TOAN **/
	#graybg, #graybg2, #payment_submitting, #myAds{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 9;
	}
	#graybg2{z-index: 10;}
	#graybg .product_ordering, #graybg2 .product_ordering{
		margin: 20% auto;
		padding: 10px 0;
		width: 300px;
		max-width: 93%;
		background-color: rgba(255, 255, 255, 0.9);
		line-height: 22px;
	}
	#graybg2 .product_ordering .msg{font-size: 11.5px; text-shadow: 0 1px 0 #fff; cursor: default;}
	#graybg .product_ordering .loading_img_label, #graybg2 .product_ordering .loading_img_label{height: 8px;}
	/* SUBMIT PAYMENT */
	#payment_submitting .payment_submitting_box{margin: 5% auto; width: 350px; max-width: 90%; background-color: #fff;}
	#payment_submitting .payment_submitting_box .title{position: relative; height: 40px; background-color: #3172B3; line-height: 40px; cursor: default; text-shadow: 0 1px 0 #000;}
	#payment_submitting .payment_submitting_box .title .close{
		position: absolute;
		right: 7px;
		top: 8px;
		font-size: 10px;
		padding: 2px 7px;
		border: 1px solid #9AA8B6;
		line-height: 17px;
		border-radius: 3px;
		color: lightgray;
	}
	#payment_submitting .payment_submitting_box .title .close:hover{opacity: 0.8;}
	#payment_submitting .payment_submitting_box .cont{padding: 15px 20px;}
	#payment_submitting .payment_submitting_box .cont form input, #payment_submitting .payment_submitting_box .cont form select, #payment_submitting .payment_submitting_box .cont form textarea{
		margin: 5px 0;
		width: 100%;
		height: 35px;
		border: 1px solid #c1c1c1;
		outline: none;
		padding: 0 6px;
		border-radius: 3px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	#payment_submitting .payment_submitting_box .cont form textarea{padding-top: 5px; padding-bottom: 5px; height: 100px;}
	#payment_submitting .payment_submitting_box .cont form input[type=submit]{
		display: inline-block;
		vertical-align: top;
		height: 35px;
		line-height: 17px;
		padding: 0px 0;
		background-color: #3172B3;
		border: 0;
		color: #fff;
		border-radius: 3px;
		text-shadow: 0 1px 0 #000;
	}
	#payment_submitting .payment_submitting_box .cont form input[type=submit]:hover{opacity: 0.9;}
	#payment_submitting .payment_submitting_box .cont form input[type=submit]:active{background-color: #FFAB2E;}
	/* PAYMENT ENDS */
	
	/* ADS */
	#myAds{background-color: rgba(0, 0, 0, 0.65); text-align: center;}
	#myAds .cont{
		position: relative;
		display: inline-block;
		margin: 8% auto;
		max-width: 85%;
		background-color: #fff;
		webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
		position: relative;
		background: #f9f9f9;
		color: #444;
		text-shadow: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 10px;
	}

	#myAds .cont img{width: 100%; max-width: 600px;}
	#myAds .cont .close{
		position: absolute;
		top: -20px;
		right: -18px;
		width: 32px;
		height: 32px;
		background: #fff url(../images/close_icon.png) center no-repeat;
		border-radius: 32px;
		z-index: 1;
	}
	#myAds .cont .caption{
		position: absolute;
		bottom: -45px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	#myAds .cont .caption .msg{
		display: inline-block;
		padding: 9px 20px;
		background-color: rgba(0, 0, 0, 1);
		color: #fff;
		font-size: 14px;
		text-shadow: 0 1px 2px #222;
		font-weight: bold;
		border-radius: 15px;
		cursor: default;
	}
	/* ADS END */
	
	/* RESPONSIVE */
	html , body{
	}

	@media screen and (max-width: 1200px){
		.container, .caroufredsel_wrapper{width: 100%;}
		#main{width: 73%;}
		#main .intro{width: 61%;}
		#main .contact{width: 35%;}
		#main .product .cont{text-align: center;}
		#main .product .item{width: 29%;}
		#main .product .item .func a{padding: 8px 10px;}
		#main .product .item .func .order{float: none;}
		#main .product .item:nth-child(even){margin: 10px;}
		#support .banner{width: 30%; background-size: 100% auto;}
		#support .slider{width: 65%;}
		#support .banner span{font-size: 12px;}
		#support .slider .item{width: 38%;}
		#support .slider .item .image{width: 35%;}
		#support .slider .item .info{width: 64%;}
		#support .slider .item .info{padding: 0 0 0 15px;}
		#support .slider .item .info *{margin: 0;}
		#contact .form{width: 35%;}
		#contact .info{width: 60%;}
		#news .item .thumbnail{height: auto;}
		#main .productDetail .imagesSection{width: 42%;}
		#main .productDetail .parameterSection{width: 50%;}
		#main .productDetail .parameterSection .td.param:after{float: right; content: "_ _ _ _ _";}
		#contact .agent{width: 45%;}
	}
	
	@media screen and (max-width: 1160px){
		#main{width: 71%;}
		#main .intro{width: 58%;}
		#main .contact{width: 35%;}
	}
	
	@media screen and (max-width: 1085px){
		#main{width: 69%;}
		#main .product .item .func a{padding: 6px 8px;}
		#support .banner{padding: 75px 15px 0 0;}
	}
	
	@media screen and (max-width: 1024px){
		#main{width: 68%;}
		#main .product .item .func a{padding: 6px 6px;}
	}
	
	@media screen and (max-width: 990px){
		.container{width: 100%;}
		#main{width: 65%;}
		#header *{display: none;}
		#header{height: 75px;}
		#fixed_responsive_menu{display: block;}
		#slider .panel{width: 88.2%;}
		#main .product .item{width: 45%;}
		#main .product .item .func a{padding: 8px 16px;}
	}
	
	@media screen and (max-width: 910px){
		#sidebar, #main, #support .slider, .contact{width: 100%; margin: 0;}
		#main{margin-top: 30px;}
		#support .banner, #sidebar .box .cont{display: none;}
		.box .heading .toggle{display: inline-block;}
		#support .cont{height: auto;}
		#sidebar .contact{margin-top: 15px;}
	}
	
	@media screen and (max-width: 600px){
		#main .intro, #support{display: none;}
		#main .contact, #contact .form, #contact .info{width: 100%;}
		#contact .info{margin: 15px 0;}
	}
	
	@media screen and (max-width: 560px){
		#main .product .cont{padding: 0 15px;}
		#main .product .item{width: 100%; margin: 15px 0 !important;}
		#main .productDetail .imagesSection, #main .productDetail .parameterSection{margin: 15px 0 0 0; width: 100%;}
	}
	
	@media screen and (max-width: 505px){
		#global .label{margin: 0; padding-top: 10px; width: 100%; height: 69px;}
		#news .item .summary .excerpt{display: none;}
	}
	
	@media screen and (max-width: 360px){
		#slider .panel .welcome{font-size: 14px;}
	}
	
	@media screen and (max-width: 310px){
		#main .product .item .func a{padding: 8px 6px;}
		#main .productDetail .parameterSection .td.param:after{float: right; content: ":";}
		#main .productDetail .description .desBox .tabBox a{padding: 11px 6px; font-size: 12px;}
	}