/*
* @description: 主題響應式CSS
*/

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 1024px) {
		.Item-Product .list{width:100%}
		#page-content.Cart #orders .body .item + .row > div:nth-child(1){width:860px;height:68px}
		#page-content.Cart #orders .footer .row > div:nth-child(1){width:860px;}
		#page-content.Cart #orders .header > div:nth-child(3),
		#page-content.Cart #orders .body .item > div:nth-child(3){width:600px;}
	}
	@media only screen and (max-width: 959px) {
		.Item-Product .list{width:100%;}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.Item-Product .list{width:90%;padding-left:9%}
		.Item-Product .list .list-item{
			width:300px;margin-right:15px;
		}

		.Item-Detail .ItemMain{width:100%;height:425px;}
		.Item-Detail .ItemMain .ItemInfo{width:350px;height:245px;top:80px;left:40%;}
		.Item-Detail .ItemMain .ItemName{font-size:35px;}
		.Item-Detail .ItemMain .ItemDescription{font-size:12px;line-height:20px;margin-top:15px;max-height:60px;}
		.Item-Detail .ItemContact{width:100%;height:425px;}
		.Item-Detail .ItemQRCode{width:200px;height:200px;margin-right:0;margin-left:50px;padding:30px;right:0;left:0;top:-150px}
		.Item-Detail .QRCode{width:100%;height:200px;}

		.Item-Detail .ItemContact .ContactInfo{width:350px;min-height:300px;padding:30px;left:40%;top:-50px}
		.Item-Detail .ItemContact .ContactInfo li{height:40px;margin:5px;}

		.Item-Detail .ItemAddress{width:100%;height:380px;}
		.Item-Detail .ItemAddress .Address{width:200px;height:200px;margin-right:0;margin-left:50px;padding:30px;right:0%;left:0;top:-150px;}
		.Item-Detail .ItemAddress .Map{height:380px;width:100%;margin:0px auto;position:relative}

		.Item-Detail .list .list-item{min-width:230px;height:230px}
		.Item-Detail .list .list-image{width:220px;height:160px;}
		.Item-Detail .list .list-title{top:175px}
		.Item-Detail .list .list-item:first-child{margin-left:2%;}
		.Item-Detail .list .list-item:last-child{margin-right:2%;}

		#page-content.Cart #orders .body .item + .row > div:nth-child(1){width:660px;height:68px}
		#page-content.Cart #orders .footer .row > div:nth-child(1){width:660px;}
		#page-content.Cart #orders .header > div:nth-child(3),
		#page-content.Cart #orders .body .item > div:nth-child(3){width:400px;}

		#Page-Item-Product #Cate{display:none}
		#Page-Item-Product .category{display:block}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		/*-- Item Category Mobile Start--*/
		.category {display: block;position: relative;top: 68px;height: 50px;padding: 10px;}
		.category .SelectBox {width: 100%;margin: 0;}
		.category div.SelectBox.Closed {
			background: #f7f7f7 url('/images/default/select-sprite.png') no-repeat right;
			background-position-y: -17px;
		}

		.category div.SelectBox.Opened {
			background: #f7f7f7 url('/images/default/select-sprite.png') no-repeat right;
			background-position-y: 7px;
		}

		.category div.SelectBox span {height: 30px;line-height: 30px;}
		.category div.SelectBox.Opened span, div.SelectBox.Closed span {color:#717074;}
		.category .SelectBox:nth-child(1){float: left;}
		.category .SelectBox:nth-child(2){float: right;display: none;margin-top: 10px;}
		.category div.SelectBox ul {top: 30px;}
		.category div.SelectBox ul li {height: 30px;line-height: 30px;}
		.category div.SelectBox ul li:hover {background-color: #54BDD5;}
		#subCategory {display: none;}
		.Cate .OfferCate, .Cate .ProductCate {display: none;}
		/*-- Item Category Mobile End--*/

		[class*='col-']:last-of-type {
			padding-right: 20px;
		}
		#header-item{position:fixed;}
		#header-item div.nav{display:none;}
		#header-item div.title{width:100%;padding-right:50px;margin:0}
		#header-item .mobile-nav,.header .mobile-nav{
			display:block;
			position:absolute;
			right:20px;top:10px;
			width:50px;height:50px;
		}
		#header-item .mobile-nav i,#header-item .mobile-nav select,
		.header .mobile-nav i,.header .mobile-nav select{position:absolute;left:10px;top:10px}
		#header-item .mobile-nav i,
		.header .mobile-nav i{font-size:30px;display:block}
		#header-item .mobile-nav select,
		.header .mobile-nav select{opacity:0;width:40px;height:40px;font-size:40px;top:15px;left:5px}
		.Item-Detail .list .list-item:first-child,.Item-Detail .list .list-item:last-child{
			margin-left:0;
			margin:0 auto;
			margin-bottom:15px;
		}
		.Item-Detail .list .list-item{
			float:none;
			margin:0 auto;
			margin-bottom:15px;
		}
		.Item-Offer .list .list-item{
			width:100%;
		}

		.Item-Product .list{width:100%;}
		.Item-Product .list .list-item{
			width:300px;float:none;margin:0 auto;
		}
		.Item-Product .list .list-image{
			height:200px;width:100%;
		}

		.Item-Detail .ItemMain{width:100%;height:425px;}
		.Item-Detail .ItemMain .ItemInfo{width:100%;padding:15px;height:245px;top:80px;left:0;}
		.Item-Detail .ItemMain .ItemName{font-size:35px;}
		.Item-Detail .ItemMain .ItemDescription{font-size:12px;line-height:20px;margin-top:15px;max-height:60px;}
		.Item-Detail .ItemContact{width:100%;height:auto;min-height:335px;padding:10px;padding-bottom:60px}
		.Item-Detail .ItemQRCode{width:150px;height:150px;margin-right:0;padding:30px;right:15px;top:-100px}
		.Item-Detail .QRCode{width:100%;height:150px;}

		.Item-Detail .ItemContact .ContactInfo{min-height:300px;padding:30px;position:relative;left:0;right:0;top:0;background:transparent;color:#fff;}
		.Item-Detail .ItemContact .ContactInfo li{height:40px;margin:5px;font-size:12px}
		.Item-Detail .ItemContact .ContactInfo li span{border-color:#fff}
		.Item-Detail .ItemContact .ContactInfo li a{max-width:190px;}

		.Item-Detail .ItemAddress{width:100%;height:380px;}
		.Item-Detail .ItemAddress .Address{width:150px;height:150px;margin-right:0;margin-left:30px;padding:15px;right:0%;left:0;top:-100px;}
		.Item-Detail .ItemAddress .Map{height:380px;width:100%;margin:0px auto;}
		.Item-Detail .ItemAddress .Mask{display:block}
		.Item-Detail .ItemAddress .MaskButtonShow,.Item-Detail .ItemAddress .MaskButtonHide{display:block}

		.Item-Detail .ItemComment{width:100%;height:350px;}
		.Item-Detail .ItemComment > div{width:960px;height:220px}
		.Item-Detail .ItemComment h1{font-size:45px;font-weight:bold;}

		.Item-Detail .list .list-image{width:100%}

		#page-content.Cart #orders .header{display:none}
		#page-content.Cart #orders .body .row .mobile{display:block;width:100%}

		#page-content.Cart #orders .body .item >div:nth-child(4),
		#page-content.Cart #orders .body .item >div:nth-child(5),
		#page-content.Cart #orders .body .item >div:nth-child(6){display:none}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {


		.Item-NewsDetail .col-3-12,.Item-OfferDetail .col-3-12{
			width:100%;
		}
		.list-content iframe, .list-content *{max-width:400px}
		.Item-Detail .ItemContact .ContactInfo{max-width:100%}

		#footer-hipage{line-height:30px;height:auto;min-height:65px;}
		#footer-hipage ul{display:inline-block;height:auto;float:none;margin:0 auto;}
		#footer-hipage ul li{height:30px;}

	}
	@media only screen and (max-width: 320px) {
		.list-content iframe, .list-content *{max-width:250px}
		.Item-News .list-content *{max-width:300px}

	}