/* CSS Document */
@media screen and (min-width: 1351px){
	.en-US .footer-nav-s{
	    padding-left: 30px;
	}
	.en-US .footer-nav-ul > li {max-width: 175px;}
	.index-one-topic { font-size: 80px; }
}
@media screen and (max-width:1350px){
	.w100 {
		width:960px
	}
	.logo {
		padding: 15px 40px 5px 0;
	}
	.nav-ul li {
		margin-right: 40px;
	}
	body.en-US .nav-ul > li {
		font-size: 15px;
	}
	body.en-US .nav-ul li {
		margin-right: 25px;
	}

	/* .index-one-img {
		width: 350px;
       	height: 350px;
       	border: #d0f073 solid 6px;
       	margin-right: 20px;
	} */
	/* .index-one-pic{
		width: 220px;
	    height: 220px;
	    overflow: hidden;
	    float: left;
	    border-radius: 50%;
	    border: #69bcff solid 6px;
	    margin-right: 0;
		right: 0;
	} */
	.index-one-topic { font-size: 75px; }
	.index-tow-title span.zi-big {
		font-size: 58px;
	    padding-top: 14px;
	}
	.index-tow-title {
		font-size: 36px;
	}
	.index-tow-img {
		width: 560px;
	}
	.index-tow-topic {font-size: 30px;}
	.index-four-left { width: 420px; }
	.index-four-right { width: 540px; }
	.index-four-day { font-size: 24px; }
	.index-four-detial { margin-left: 0; }
	.index-four-date { font-size: 24px; margin-left:32px;}
	.index-tow-form {margin-left: 50px;}
	/* .apply-btn {padding: 0 15px;} */
	.por-slide .bx-wrapper { width: 855px !important; max-width: auto !important;}
	.por-slide .bx-wrapper .bx-viewport .slide { width: 285px  !important; }
	#site-popup-main .por-slide .bx-wrapper .bx-viewport .slide{width:430px !important; }
	.index3-slider-title { font-size: 24px; }
	.index3-slider-word { font-size: 16px; }
	.product-list .index3-slider-word span.index3-sapn2 { font-size: 20px; }
	.product-list .index3-slider-word b { font-size: 28px; }
	.index3-slider-more a { font-size: 14px; }
	.product-list .quantity-selection { font-size: 16px; }
	.pay-btn .submit-btn { font-size: 20px; }
	.por-slide .bx-wrapper .bx-controls-direction a {width: 40px}
	.por-slide .bx-wrapper .bx-controls-direction a:before {
		width: 40px;
    	height: 40px;
	}
	.por-slide .bx-wrapper .bx-prev { left:-50px; }
	.por-slide .bx-wrapper .bx-next { right: -50px; }

	.apply-product-list .apply-item { width: 340px; }

	.en-US .footer-share li{margin-right: 5px;}
	.en-US .footer-nav-s{
	    padding-left: 15px;
	}
	.en-US .footer-nav-ul > li {max-width: 175px;}
	.en-US .footer-nav-s a{font-size: 13px;}
}

@media screen and (max-width: 1110px) {
	.index-one-pic {
	}
}

@media screen and (max-width:996px){
	.w100 {
		width:740px
	}
	.logo {
		padding: 10px 0 0 0;
	}
	.language {
		top: -32px !important;
	}
	.depot {
		border-radius: 0 0 10px 10px;
	}
	header.sticky .header .depot a,
	.depot a {
		font-size: 15px;
		padding: 17px 10px 17px 42px;
	}
	.depot a:before {
		top: 4px;
		left: 0;
		width: 45px;
		height: 45px;
		background-size: 45px;
	}
	.nav {
		float: right;
	}
	.nav-ul li {
		margin-left: 20px;
		margin-right: 0;
	}

	body.en-US .nav-ul > li {
		font-size: 13px;
	}
	body.en-US .nav-ul li {
		margin-right: 0;
	}

	/*index*/
	.index-one{padding:50px 15px 55px;box-sizing: border-box;}
	/* .index-one .index-one-img{display: none;} */
	/* .index-one .index-one-con{ padding-left: 15px;} */
	/* .index-one .index-one-pic{
		float: none;
		bottom: -7%;
	    width: 215px;
    	height: 215px;
	} */

	.index-tow .index-tow-title{float: none; margin: -45px 0px 45px;}
	.index-tow .index-tow-img{width: 610px; margin: 0 auto; float: none;}
	.index-tow .index-tow-form{margin: 150px auto 0px;}

	.index-four .index-four-left{width: 100%;}
	.index-four .index-four-left .index-four-img{max-height: 300px;}
	.index-four .index-four-right{width: 100%;
	    padding: 0px 10px 15px;
    	box-sizing: border-box;
	}
	/*end index*/
	/*會員中心*/
	.personal .menu-list li{
		padding: 8px 17px 8px;
	}
	/*end 會員中心*/
	/*footer*/
	.footer .footer-share li a{
	    width: 30px;
    	height: 30px;
	}
	.footer .footer-share li i{
		font-size: 16px;
    	line-height: 28px;
	}
	.footer .footer-tel{font-size: 16px;}
	.footer .footer-nav-s:first-child{
		padding-left: 0px;
	}
	.footer .footer-nav-s{
	    padding-left: 20px;
	}
	.footer .footer-nav-block {
	    padding-left: 20px;
	}
	.en-US .footer-share li{margin-right: 10px;}
	.en-US .footer-nav-ul > li {max-width: 142px}
	.footer-nav-s a { font-size: 14px; }
	.en-US .footer-nav-s a{font-size: 14px;}
	/*end footer*/

	.reserve-lis { width: 50%; }
	/* .apply-btn {padding: 0 12px; font-size: 14px;} */
	.title span {font-size: 32px;}
	/*.product-list .por-slide h2 {font-size:18px;}*/
	.por-slide .bx-wrapper { width: 600px !important; max-width: auto !important;}
	.por-slide .bx-wrapper .bx-viewport .slide { width: 300px  !important; }
	.index3-slider-title { font-size: 26px; }
	.index3-slider-word { font-size: 16px; }
	.product-list .index3-slider-word span.index3-sapn2 { font-size: 18px; }
	.product-list .index3-slider-word b { font-size: 28px; }
	.index3-slider-more a { font-size: 14px; }
	.product-list .quantity-selection { font-size: 16px; }
	.pay-btn .submit-btn { font-size: 18px; }
	.por-slide .bx-wrapper .bx-controls-direction a {width: 40px; height: 40px; z-index: 99;}
	.por-slide .bx-wrapper .bx-controls-direction a:before {
		width: 40px;
    	height: 40px;
			z-index: 99;
	}
	.por-slide .bx-wrapper .bx-prev { left:-60px; z-index: 99;}
	.por-slide .bx-wrapper .bx-next { right: -60px; z-index: 99;}
	.apply-product-list .apply-item { width: 48%  }

	#site-popup-main .por-slide .bx-wrapper .bx-viewport .slide {
	    width: 300px !important;
	}
	#site-popup-main .por-slide .bx-wrapper { width: 313px !important; max-width: auto !important;}
	.product-popup .pro-left{
		width: 50%;
	}
	.product-popup .pro-right{
		width: 49.99%;
	}
	.goods-title{font-size: 30px;}

	.product-popup.addition .pro-left{
		width: 55%;
	}
	.product-popup.addition .pro-right{
		width: 44.99%;
	}
	.reserve-success { padding: 44px 50px; }
	.pop-reserve .reserve-success-word{
		font-size: 18px;
		min-width: 280px;
	}
}

@media (max-width:1350px){
	.lastest .magazine-img img{
		display: block;
	}
	.footer .footer-nav{
		margin-top: 30px;
	}
}

@media screen and (min-width: 768px){
	.personal .meun-block .menu-bt{
		display: none;
	}

}
/*手機*/
@media screen and (max-width:767px){
	/*index*/
	.index-one{
		padding: 50px 0px 55px;
	  position: relative;
	}
	/* .index-one .index-one-img{
		display: block;
		width: 50%;
		height: 50%;
		min-width: 120px;
		min-height: 120px;
	}
	.index-one .index-one-con{
		width: 100%;
		padding-left: 0px;
		position: initial;
		float: none;
	} */
	.index-one .index-one-title{
		width: 100%;
		max-width: 300px;
	}
	/* .index-one .index-one-word{
		width: 100%;
		text-align: justify;
	} */
	/* .index-one .index-one-pic{
		display: none;
	} */
	body.en-US .index-one-topic {
		width: 250px;
	}

	.index-tow .index-tow-img{
		/*width: 82%;*/
		width: 95%;
		max-width: 610px;
	}

	.index-tow .index-tow-form{
		width: 82%; max-width: 635px;
	}
	.index-tow .iform-detail{
		width: 100%;
	}
	.index-tow .iform-set{
		display: block;
		margin-bottom: 15px;
	}
	.index-tow .iform-bor{
		display: block;
		margin-bottom: 15px;
	}

	.index-three{margin: 40px 0px;}
	.index-three .product-list-district-list { margin-top: 40px; }
	.index-three .index-three-title{
		float: none;
	    text-align: center;
	    padding: 0px;
	}

	.index-three .index-tow-title span.zi-big:before{
		text-align: left;
	}

	.index-three .index-one-more{
		position: relative;
		text-align: center;
	    top: 20px;
    	right: 0px;
	}
	.index-four .index-four-title span{
		font-size: 24px;
	}
	.index-four .index-four-nr{
		padding: 15px 20px;
	}
	.index-four .index-four-right .index-four-nr{
		padding: 15px 0px;
	}
	.index-four-ul .index-four-nr{
	margin: 0 15px;
	}
	.index-four .index-four-day{
		font-size: 20px;
	}
	.index-four .index-four-ul .index-four-date{
		margin-top: 0; padding-left: 0;
	}
	.index-four .index-four-detial{
		margin: 0px ;
		width: 100%;
	    box-sizing: border-box;
	}
	.index-four .index-four-topic{
		/* margin-bottom: 5px; */
	}
	.index-four .index-four-topic a{
		font-size: 28px;
	}
	.index-four .index-four-word{
		font-size: 17px;
		line-height: 23px;
	}
	.index-four .index-four-left .index-four-day{
			padding-left: 10px;
	}
	.index-four .index-four-left .index-four-date{
	    margin-top: 5px;
    	padding-left: 0;
	}
	.index-four .index-four-left .index-four-detial{
		padding: 0px 5px;
	}

	.index-tow-title span.zi-big {font-size: 48px;}
	.index-tow-title {font-size: 28px;}
	.index-tow-form:before {border-radius: 20px 40px 0 0;}


	/*end index*/
	/*內頁*/
	/*.page-banner .banner-wrap{
		height: 220px;
	}
	.page-banner .banner-wrap img{
		height: 100% !important;width: auto !important;
	}*/
	.banner-sep{height: 80px !important;}
	.word{
		padding: 15px;
	}
	.reserve-listbox .reserve-lis{
		width: 100%;
	}
	.reserve-listbox .reserve-lis-img img{
		width: 108%;height: auto;
	}
	/*problem*/
	.problem-list .problem-title{
		font-size: 18px;
		padding-left: 38px;
    	position: relative;
	}
	.problem-list .problem-title .faq-icon-q{
	    position: absolute;
	    left: 0;
	    top: -3px;
	}
	/*magazine*/
	.magazine .magazine-list{
		width: 100%;
	}
	.magazine .magazine-inner {
		margin-left: 10%;
	}
	.magazine .magazine-right{
		display: none;
	}
	.magazine .magazine-list .magazine-img{
		width: 100%;
	}
	.magazine .magazine-list .magazine-li{
		padding: 10px 0px 30px;
	}
	.magazine .magazine-list .magazine-li-con{
		width: 100%;
		padding-left: 0px;
	}

	.magazine .magazine-list .magazine-li-con .magazine-li-title{
		margin-top: 10px;
	}
	.magazine .magazine-list .magazine-li-con .magazine-time{
		margin-top: 20px;
	}
	.magazine .magazine-list .magazine-li-con .magazine-more{
		right:0px;
		bottom: 10px;
	}
	.magazine .magazine-inner .btn.prev {
		float: left;
		margin-bottom: 15px;
	}
	.lastest .magazine-li-con{
		margin-top: 0;
		position: relative;
	}
	.lastest .magazine-content{
		padding-left: 0px;
	}
	.lastest .magazine-img img{
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}


	/*end 內頁*/
	/*modal*/
	.pop-reserve .index-tow-form{
		width: 100%;
		max-width: 635px;
		margin: 40px 0px;
		padding: 0px 25px;
		box-sizing: border-box;
	}
	.pop-reserve .index-tow-form .iform-set{
	    margin-top: 15px;
	    width: 100%;
	}
	.pop-reserve .iform-row .iform-bor{

	    width: 100%;
	}
	.pop-reserve .iform-row .iform-bor:nth-child(2n){
		margin-top: 15px;
	}
	.reserve-success{
		/* width: 240px; */
	  /* padding: 30px; */
	}
	#site-popup-main .user-default-popup {
	    width: 100%;
	    padding: 30px;
	    box-sizing: border-box;
	    min-width: 300px;
	}
	#site-popup-main .user-default-popup label{
		text-align: left
	}
	#site-popup-main .user-default-popup .error{
		padding-left: 0px;
	}
	/*end modal*/
	/*會員中心*/
	.personal h2.title { font-weight: 400; }
	.personal .meun-block .menu-bt{
	    padding: 8px 20px 8px 54px;
	    background: none;
	    border: none;
	    background-color: #005daf;
	    width: 100%;
	    color: #fff;
	    text-align: left;
	    font-size: 18px;
	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
	    border-bottom: 5px solid #d0f073;
		position: relative;
	}
	.personal .meun-block .menu-bt:after{
		content: ""; position: absolute; z-index: 999; top: 8px; left: 44px; width: 2px; height: 24px; background-color: #fff; border-radius: 1px;
	}
	.personal .meun-block .menu-bt:before{
		content: ""; position: absolute; z-index: 999; top: 11px; left: 10px; color: #fff; width: 24px; height: 18px; background: url(../images/menu-bt-icon.png) no-repeat; background-size: auto 100%;
	}
	/*.personal .meun-block .menu-bt:before{
		content: "\e625"; font-family: "iconfont"!important; position: absolute; z-index: 999; top: 7px; left: 10px; font-size: 24px; color: #fff; line-height: 1em;
	}*/
	.personal .menu-list{
		display: none;
	}
	.personal .menu-list li{
		width: 100%;
		border-top-left-radius:unset;
		border-top-right-radius:unset;
	}
	.personal .order-record-list .order-item .info-wrap .order-actions span{
		width: 100%;
	}
	.personal .order-record-list .record-head .btn{
		margin: 0 0px 0px 10px;
		padding: 6px 10px;
	}
	.personal .order-record-list .order-item .btns .btn{
		display: inline-block;
		padding: 5px 10px;
		margin: 5px 3px 5px;
	}
	.personal .order-record-list .order-item .btns .btn.pink{
		padding: 5px 10px;
	}
	.personal .message-item{
		padding:10px 0px 30px;
	}
	.personal .message-item .cover-wrap{
		width: 100%;
	}
	.personal .message-item .message-body{
		width: 100%;
		padding-left: 0px;
	}
	.personal .message-item .item-date{
	 	margin-top: 10px;
	}
	.personal .message-item .item-title{
		margin-top: 10px;
	}
	.personal .message-item .item-more{
		bottom: 10px;
    	right: 0px;
	}
	.personal .order-record-list .order-item .info-wrap{
	    float: left;
		width: 100%;
		margin-top: 10px;
	}
	.personal .order-record-list .order-item .info-wrap .order-actions .btns{
		margin-top: 10px;
	}
	.personal .personal-block{
		padding: 30px 10px;
	}
	.personal .form-group label{width: 100%; text-align: left;
		max-width: 100%;
	}
	.personal .form-group .form-text{width: 100%; text-align: left;
		max-width: 100%;
	    display: block;
	}
	.user-default-index #reset-pass-btn{
		margin: 10px 0px;
	    margin-left: 0px !important;
	}
	.user-default-index .account-group .group-item .item-wrap{
	    padding: 10px 8px 20px !important;
	}

	.personal .user-message-index .message-top > a{
		font-size: 14px;
		padding: 6px 10px;
	}

	.reserve-lis{
		width: 100%;
	}

	/*footer*/
	.footer { padding: 20px 0 10px; }
	.footer-left { float: none; text-align: left; color: #4d4d4d; font-size: 16px; }
	.footer-share li { display: inline-block; vertical-align: top; margin: 0; float: none; }
	.footer .footer-tel span { font-family: '微軟正黑體', 'PingFang HK'; font-size: 28px; }
	.footer .footer-nav { /*display: none;*/ float: none; overflow: hidden; margin-top: 30px; }
	.footer .footer-nav .footer-nav-block { float: none; overflow: hidden; padding-left: 0; text-align: left; margin-bottom: 30px; }
	.footer .footer-nav .footer-nav-s { width: 50%; float: left; padding-left: 0; }
	.footer .footer-nav .footer-nav-s .footer-nav-ul { padding-top: 10px; }
	.footer .footer-nav-title > a { font-size: 16px; font-weight: bold; }
	.footer .footer-nav-ul li > a { font-size: 12px; }
	.footer .copyright { font-size: 10px; color: #666666; padding-top: 10px; }
	.en-US .footer-nav-ul > li{max-width:100%;}
	/*end footer*/

	.index-tow-topic {font-size: 24px}
	.index-three .index-one-more { margin-top: 5px; }
	.index-one-more a { font-size: 18px; }
	.index-four-day { font-size: 56px; }
	.index-four-date { font-size: 22px; margin-left: 30px;}
	/* .reserve-lis-img { border: #69bcff solid 3px;} */
	.reserve-lis-topic { font-size: 24px; }
	.reserve-top li {padding: 10px 20px;}
	.reserve-top li a { font-size: 14px; padding: 0 20px; height: 30px;
    line-height: 30px;}
    .title span { font-size: 24px; padding-bottom:10px;}
		.title span:before{width:100px;}
    .por-slide { padding-top: 30px }
    .por-slide .bx-wrapper { width: 460px !important; max-width: auto !important;}
	.por-slide .bx-wrapper .bx-viewport .slide { width: 230px  !important; }
	.goods-item { width: 110px; height: 110px; }
	.goods-item span { font-size: 13px; }
	.goods-title { font-size: 25px; }
	.product-popup .pro-left { padding-bottom: 0; }
	.pay-back-note { display: block; font-size: 16px; }
	#site-popup-main .shop-popup { width: 100%; min-height:70vh;}
	body.en-US .reserve-lis-topic { margin-right: 0; }
	.pay-item .form-group label { display: block; text-align: left; }
	body.en-US .pay-item .form-group label { display: block; text-align: left; }
	body.en-US .pay .note { display: block; }
}
@media screen and (max-width:700px){
.apply-product-list .apply-item { width:320px;  }

}
@media screen and (max-width:580px){
	.por-slide .bx-wrapper { width: 220px !important; max-width: auto !important;}
	.por-slide .bx-wrapper .bx-viewport .slide { width: 220px  !important; }
	#site-popup-main .por-slide .bx-wrapper { width: 220px !important; max-width: auto !important;}
	#site-popup-main .por-slide .bx-wrapper .bx-viewport .slide { width: 200px  !important; }
	.goods-item { width: 100px; height: 100px; }
	.goods-item span { font-size: 12px; line-height:15px;}
	body.en-US .index-one-topic { width: 200px; font-size: 50px; }
	.pop-con { width:90%; }
	.select-div.select-date { margin-top: 4px; }


}
@media screen and (max-width:480px){
	.index-one-img {margin-left:10px;}
	.index-one .index-one-topic { font-size: 65px; width:150px; }
	body.zh-TW .index-one .index-one-topic { right: 10px; top:20px;}
	.index-one .index-one-title { max-width: 240px; }
	/* .index-tow-title span.zi-big {font-size: 36px;} */
	/* .index-tow-title {font-size: 20px;} */
	.index-tow-topic { padding-left: 10px;  }
	.index-tow .index-tow-img { width: 82%; }
	.index-three .index-one-more { margin-top: 15px; margin-bottom: 25px; }
	.index-four-day { font-size: 36px; }
	.index-four-date { font-size: 20px; }
	.reserve-lis-topic { font-size:22px; margin-right: 0px;}
	.reserve-lis-now {float: right; position: static; margin-top: 10px;}
	.reserve-lis-con .reserve-lis-img { height: 150px; margin: 0;}
	.reserve-listbox .reserve-lis-img { height: 180px; margin: 0;}
	.reserve-top li {padding: 10px 5px;}
	.reserve-top li a { font-size: 12px; padding: 0 15px; }
	.pop-con { width:90%; }
	#site-popup-main .shop-popup { width: 100%; min-height:78vh;}
	/* .magazine .magazine-detail .magazine-inner { width: 90%; margin-left: 5%; } */
	.magazine .magazine-detail .magazine-inner { width: 100%; margin-left: 0; }
	.magazine-inner .magazine-time { font-size: 20px; }
	.magazine-inner .magazine-time span { font-size: 27px; }
	.magazine-detail .magazine-title { font-size: 22px; margin: 20px 0px 15px; }
	.goods-item { width: 100px; height: 100px; }
	.goods-title { font-size: 20px; }
	.goods-price, .goods-detial { padding-top: 12px; }
	#login-form .sign-submit { padding: 0; text-align: center; }
	#login-form .sign-row, #login-form .form-group { text-align: center; }
	#login-form .sign-row .sign-no { padding: 0; }
	#login-form .form-group label { max-width: 298px; text-align: left; display: block; margin: 0 auto; line-height: 2em!important; }
}
@media screen and (max-width: 446px) {
	.sign-code .field-loginform-verifycode label { display: block; }
	body.en-US .index-one .index-one-topic { width: 160px; font-size: 40px; }
	.pop-reserve .reserve-success-word{
		font-size: 18px;
		min-width: 100%;
	}
}
@media screen and (max-width: 425px) {
	.goods-item { top: 0; left: 4%; }
}
@media screen and (max-width: 375px) {
	body.zh-TW .index-one .index-one-topic{right:0;}
	.reserve-lis-img { height: 180px; margin: 0;}
	.reserve .reserve-lis-img img { width: 110%; height: auto; }
}
@media screen and (max-width:320px){
	body{
		width: 320px !important;
	}
	body.en-US .index-one .index-one-topic {
		font-size: 35px;
	}
	.index-one .index-one-topic { font-size: 45px; width:130px; }
	body.zh-TW .index-one .index-one-topic { right: 0; top:30px;}

}
