/* CSS Document */

@media screen and (max-width: 997px){
.logo img { width:70px;}
}

@media screen and (max-width: 767px){
	.w100 { width:94%}
	.top {
		font-size: 14px;
		/*text-align: left;*/
	}

	.top i > img {
	    padding: 0 5px;
	    left: 0;
	    top: 4px;
	    height: 15px;
	}

	.language {
		top: 60px !important;
		right: 40px;
	}
	.language a {
		width: 26px;
		height: 26px;
		line-height: 26px;
		font-size: 12px;
	}
	.logo { }
	.logo img { width:70px;}
	.nav-img { display:block; position:relative; z-index:1;}
	.nav-img:before {
		content: "\e625";
		font-family:"iconfont" !important;
		position:absolute;
		z-index:999;
		top:-10px;
		right:0;
		font-size:32px;
		line-height:1em;
	}

	.nav-s {
		position:fixed;
		z-index:9999;
		width:100%;
		height:100%;
		background:rgba(0,0,0,.7);
		top:0;
		left:0;
		display:none;
		overflow:auto;}
	.nav-ul { width:320px; background:rgb(255, 255, 255); height:100%;}
	.nav-ul > li { float:none; padding-bottom:30px; padding-left: 0;}
	.nav-ul > li:first-child { padding-top:35px;}
	.nav-ul > li > a {font-size:18px; height:auto; line-height: 0.2em; padding:5px 5px 12px 5px; margin-left: 20px;}
	.nav-ul > li .nav-som { opacity: 1; visibility: visible; position: relative; top: 0; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; }
	.nav-ul > li:hover .nav-som { top: 0; }
	.nav-ul > li .nav-som .nav-som-ul { background-color: rgb(242, 242, 242); margin: 0; padding-bottom: 10px; border-radius: 0; border-top: 1px solid rgb(218, 218, 218);}
	.nav-ul > li .nav-som .nav-som-ul > li > a { padding: 15px 0 0 30px; font-size: 18px; word-break: break-all; word-wrap: break-word; white-space: normal; }
	.nav-ul > li .nav-som .nav-som-ul > li > a::before { content: '';  background-image: url('../uploads/index-section-new/icon-arrow.svg'); background-repeat: no-repeat; width: 10px; height: 10px; position: relative; display: inline-block;}
	.nav-ul > li .nav-som .nav-som-ul > li > a:hover { background: transparent; }
	.nav-close { display:block; position:fixed; z-index:999; top:10px; right:15px;}
	.nav-close:before { content: "\e612";font-family:"iconfont" !important; position:absolute; z-index:999; top:8px; right:0; font-size:24px; color:#fff; line-height:1em;}

	.index-four{
		padding: 50px 0 70px 0;
	}
	.index-four .index-four-right{
		padding: 0px 10px 50px;
	}
	.index-four-right .index-one-more{
		left: -7px;
	}
	.col-xs-6{
		width: 100%;
	}
	.contact .row{
		margin-left: 0px;
		margin-right: 0px;
	}
	.contact .page-content{
		margin-bottom:20px;
	}
	.contact .contact-form-div{
		margin: 0px 0px 50px;
	}
	.contact .contact-submit > input[type="submit"]{
		min-width: auto;
		width: 100%;
	}

	.product-popup .pro-left,.product-popup.addition .pro-left {
        float: none;
        width: 100%;
    }
    .product-popup .pro-right,.product-popup.addition .pro-right {
        float: none;
        width: 100%;
        margin-top: 65px;
    }
    .product-popup .goods-detial{
    	padding-bottom: 0px;
    }
}

@media screen and (max-width:580px){
	.index3-slider-con {
			border-right: none;
	}
	.product-list .index3-slider-con .product-content-1{border-right: none;}
}

@media screen and (max-width: 480px){
	.por-slide { padding-top: 35px; }
	.product-popup .pro-right, .product-popup.addition .pro-right { margin-top: 35px; }

	/*立即訂購*/
	.product-list-district-list ul li { padding: 0 15px; }
	.product-list-district-list .por-slide > h2 { margin-bottom: 16px; }

	/*租用信息*/
	.pay .apply-quantity-selection > span:first-child{width: 100%;display: inline-block;}
}

@media screen and (max-width: 375px) {
	.index-three .product-list-district-list ul li, .product-list-district-list ul li { padding: 0 8px; }
	#site-popup-main .por-slide .bx-wrapper { width: 190px !important; }
	#site-popup-main .por-slide .bx-wrapper .bx-viewport .slide { width: 170px !important; }
}

@media screen and (max-width: 320px){
	body { width:320px !important;}
	#site-popup-main .por-slide .bx-wrapper { width: 180px !important; }
	#site-popup-main .por-slide .bx-wrapper .bx-viewport .slide { width: 165px !important; }
	.top {font-size: 12px;}
	.nav-ul { width:265px;}
}



@media(max-width:767px){
	.nav-ul li {
		margin-left: 0;
		margin-right: 0;
	}
}