.intro{width:900px;margin:0 auto}
.mn-mobile{display:none !important}
.box-menu-mobile{display:none}
.modal-dialog.box-lang{width:33% !important;}
.box-vdo{width:50% !important;}
ul.lang-list{margin:20px 0 0 0;padding:0;text-align:center}
ul.lang-list li{font-size:14px;margin:0 10px 10px 10px;padding:0;list-style:none;text-align:center;display:inline-block}
ul.lang-list li img{width:60px;margin:0 auto 10px auto}
ul.lang-list li a{color:#000;}
ul.lang-list li a:hover{color:#ec0000;text-decoration:none}
.select-lang{color:#ec0000;text-decoration:none}
#nav-mobile-304{display:none}
.txt-invest{float:left;width:87%;margin:0 15px}
.banner-mobile{display:none;}
.banner-pc{display:block;}
#show-mobile{display:none;}
.hide-m{display:block}
.img-a{position:absolute;left:0;top:0;}
.img-b{position:absolute;left:85px;top:0}
.img-c{position:absolute;left:189px;top:0;}
.img-d{position:absolute;left:0;top:30px}
.img-a-ip2{position:absolute;left:270px;top:10px;}
.img-b-ip2{position:absolute;left:100px;top:-70px;}
#nav-mobile-zone-304{display:none;}
.mn-careers{padding: 22px 16px!important; color: #ec0000;font-family: 'HelveticaNeueLTStd-BdCn';text-decoration: none;font-size: 16px;}

@media only screen and (max-width: 1600px) {
.mobile-number {width: 60%;}
ul.lang-list li {margin: 0 5px 10px 5px;}
.consent p {margin-bottom: 20px !important;}
}

@media only screen and (max-width: 1536px) {
.icon-circle {width: 35px;height: 35px;}
.icon-yt img {width: 18px;}
.icon-we img {width: 22px;}
.icon-wei img {width: 22px;}
.icon-phone img {width: 18px;}
}

@media only screen and (max-width: 1440px) {
.mobile-number {width: 75%;}
}

@media only screen and (max-width: 1366px) {
    .factory-col .content h4{font-size:16px}
    .factory-col .content a,.factory-col .content h4 span{font-size:13px}
}

@media only screen and (max-width:1280px){
#ARTICLES {height: auto; padding: 80px 0 120px 0;}
#myModal-language .modal-dialog {width: 33% !important;}
.modal-header .close img {width: 40px;height: auto;}
}

@media only screen and (max-width:1180px){}
@media screen and (max-width:1112px){
	ul.menu {margin: 0 0 0 -15px;}
	ul.menu li { margin: 0 30px 0 0;}
#owl-demo {display: block;}
}
@media only screen and (max-width:1098px){
.mn-careers{display: none !important}	
ul.menu {margin: 0px 0 0 5px;}
.content-index, .content{width:96%;margin:0 auto}
ul.box-sub-ip li {padding: 0 20px;}
}

@media only screen and (max-width: 1080px) {
.mobile-number {width: 100%;}
ul.btn-map li {width: 45%;margin-bottom: 8px;}
ul.btn-map li:last-child {margin-bottom: 0;}
.mobile-number {width: 100%;}
.box-address{margin-right: 15px !important;}
.contact-left {width:65%;}
.contact-right {width: 35%;}
#myModal-language .modal-dialog {width: 40% !important;}
.factory-col{width:50%}
}


@media only screen and (max-width:1028px){.hidden{display:block !important}
.banner-mobile{display:block;}
.banner-pc{display:none;}
#HOME{height:auto;}
.nav-living > .nav-tabs > li > a{padding:10px 30px}
#main-banner-living-inner, .living-gallery{width:100%;}
.fancybox-close{top:0 !important;right:10px !important}
#nav-mobile-zone-304{display:block;margin-bottom:25px}
.select-style select{width:100%;-webkit-appearance:none;-moz-appearance:none;padding:10px 1%;border:none;color:#fff;background:url(../images/i-nav-select.png) no-repeat right #3b5a9a}
.box-app-zone{display:none}
.hide-m{display:none}
ul.box-sub-ip li{padding:0 20px;}
ul.menu li{margin-left:14px;}
ul.btn-map li{width:42%;}
#box-investment{width:90%}
.box-304IP ul.box-about li .box-img-bg, .box-img-bg{width:100px;}
ul.box-about li h3{font-size:22px;line-height:20px;}
ul.box-about li .box-icon{height:280px;}
ul.box-about li span.number{font-size:120px;}
.slider-pro h4.sp-layer,.slider-pro h4.sp-layer span.txtb{font-size:30px !important}
.modal-dialog{width:80% !important}
.box-tel-top h2{font-size:42px;}
.sp-text{width:96%!important}
.sp-selected-button{margin-bottom:0!important;}
.col-right{width:653px;}
#WHY304{height:110vh}
.txt-invest{width:85%;margin:0 0 0 15px;}
#ABOUT{background:url(../images/about/bg-about.jpg) no-repeat bottom center}
#WHY304{background:url(../images/why304IP/bg-why304ip.jpg) no-repeat bottom center}
#IP{background:url(../images/304-IP/bg-304park.jpg) no-repeat bottom center}
#INVESTMENT{background:url(../images/Investment/bg-investment.jpg) no-repeat bottom center}
#NEWS{background:url(../images/news/bg-news.jpg) no-repeat bottom center}
.img-a{position:absolute;left:-93px;top:-110px;}
.img-b{position:absolute;left:8px;top:-56px;}
.img-c{position:absolute;left:180px;top:-82px;}
.img-d{position:absolute;left:120px;top:61px;}
.img-a-ip2{position:absolute;left:184px;top:-60px;}
.img-b-ip2{position:absolute;left:-51px;top:-165px;}
ul.menu li { margin: 0 22px 0 0;}
.main-txt-index {padding: 15px 3% 20px 3%;}
ul.box-sub-ip li {padding: 0 12px;}
}
@media only screen and (max-width:988px){.caption-living{position:relative;width:100%;top:0;left:0;background:none;color:#111;padding:20px 0;}

.intro{width:100%;margin:0 auto}
#head-menu{display:none !important}
.slidepage{position:static !important}
#HOME{height:auto;width:100%;}
#ABOUT{height:auto;width:100%;padding:80px 0 240px 0;background:url(../images/about/bg-about.jpg) no-repeat bottom center;}
#WHY304{height:auto;width:100%;padding:80px 0 80px 0;}
#IP{height:auto;width:100%;padding:80px 0 80px 0;}
#LIVING{height:auto;width:100%;padding-top:0;background:url(../images/304IP-living/bg-living.jpg) no-repeat top center;}
#INVESTMENT{height:auto;width:100%;padding:80px 0 120px 0;background:url(../images/Investment/bg-investment.jpg) no-repeat bottom center;}
#RELATED-LINK{height:auto;width:100%;padding:80px 0 120px 0;background:url(../images/link/bg-link.jpg) no-repeat bottom center #c7e0f4;}
#NEWS{height:auto;width:100%;padding:80px 0 80px 0;background:url(../images/news/bg-news.jpg) no-repeat bottom center fixed;background-size:cover}
#CONTACT{height:auto;width:100%;padding:0 0 80px 0;}
.mn-mobile{display:block!important;font-size:20px;font-family:'HelveticaNeueLTStd-BdCn'}
.mn-mobile a{color:#ec0000 !important}
.mn-mobile a:hover{color:#3b5a9a !important;text-decoration:none}
.box-menu-mobile{display:block !important;z-index:9999;background:#fff;position:fixed;height:100vh;overflow:auto;width:280px;right:-281px;border-left:1px solid #ccc;top:0}
.boxclose{cursor:pointer;color:#ec0000;font-size:31px;font-family:'HelveticaNeueLTStd-BdCn';line-height:30px;font-weight:normal;padding-right:30px;padding-top:15px;float:right;}
.boxclose:before{content:"×";}
.boxclose span{font-size:20px;font-family:'HelveticaNeueLTStd-BdCn'}
.boxclose:hover{text-decoration:none;color:#000}
ul.menu-mobile{margin:10px 0;padding:0;font-family:'MS-Mincho';font-size:15px;font-weight: bold;}
ul.menu-mobile li{list-style:none;display:block;padding:0 0 0 0;border-bottom:1px solid #ccc}
ul.menu-mobile li a{display:block;padding:10px 0 10px 10px;}
#dim{background:rgba(0,0,0,0.7);top:0;width:100%;height:100%;position:fixed;z-index:9999;}
ul.menu-mobile li a:hover{text-decoration:none}
ul.menu-mobile li span{display:block;float:right;background:#ec0000;padding:10px 20px;margin-top:-40px}
ul.menu-mobile li span i{color:#fff;font-size:18px;}
ul.menu-mobile li a span i{color:#fff;}
ul.submenu-mobile{margin:0;background:#f5f5f5}
ul.submenu-mobile li{font-size:14px!important;padding:0;}
ul.submenu-mobile li a{padding:10px 0 10px 10px !important;}
ul.submenu-mobile li a i{font-size:9px;border:2px solid #ec0000;color:#ec0000;padding:0 3px;margin:2px 5px 0 0;display:block;float:left}
ul.submenu-mobile li:last-child{border-bottom:0}
.col-left{display:none}
.col-right{width:100%;float:none;}
.box-content-all h1{font-size:24px}
.box-content-all h2{font-size:22px}
.box-content-all h3{font-size:18px;}
.txt-30size{font-size:28px !important;line-height:normal}
.txt-18size{font-size:16px !important;line-height:normal}
.txt-size30{font-size:28px;line-height:normal;color:#23aae1;margin:20px 0;}
.txt-24size{font-size:18px !important;line-height:normal}
.txt-14size{font-size:14px !important;line-height:normal}
.box-sub-ip{display:none}
#nav-304{display:none}
#nav-mobile-304{display:block;margin-bottom:20px;}
#nav-mobile-304 h1{font-family:'HelveticaNeueLTStd-BdCn';font-size:24px;color:#3b5a9a}
.select-style select{width:100%;-webkit-appearance:none;-moz-appearance:none;padding:10px 1%;border:none;color:#fff;background:url(../images/i-nav-select.png) no-repeat right #3b5a9a}
.col-width{margin-top:30px}
.invest-inner-box{display:none}
.nav-living{display:none}
.box-tooltip-zone1, .box-tooltip-zone-a, .box-tooltip-zone2, .box-tooltip-zone3{display:none !important}
.hide-mobile {display: none;}
#WHY304 .col-md-5, .why304-inner .col-md-5 {width: 100%;}
ul.list-style-smallbox li {min-height: unset;}
ul.list-style-smallbox {border-left: none;padding: 0}
}

@media only screen and (max-width: 980px) {
.mobile-number {width: 100%;}
.mobile-number .boxL, .mobile-number .boxR  {width: 100%;}
.mobile-number .boxL {margin-bottom: 5px;}
.mobile-number .boxR {text-align: start;margin-bottom: 20px;}
.factory-details .col:nth-child(1){width:36%}
#main-banner {margin-top: 18px;}
}

@media only screen and (max-width: 960px) {
#myModal-language .modal-dialog {width: 50% !important;}
}

@media only screen and (max-width: 820px) {
.contact-left {width: 100%;float: none;}
.contact-right {width: 100%;}
.factory-details .col:nth-child(1){width:40%}
.factory-details .col:nth-child(2){width:26%}
.factory-details .col:nth-child(3){width:20%}
}

@media only screen and (max-width:800px){.table-living{width:55%;margin:20px 0 0 10px;font-size:16px;font-family:arial;}
.about-left{float:none;text-align:center;width:100%;padding-right:0}
.about-right{width:100%;margin:0 auto;float:none;}
ul.box-about li{width:33%;margin:0;}
ul.box-about li a{display:block;margin:0 5px;}
.box-304IP ul.box-about li{margin:0;width:20%;}
.box-304IP ul.box-about li .box-img-bg, .box-img-bg{width:90px;}
.box-304IP ul.box-about li h3{height:20px;}
ul.box-about li .box-icon{height:240px;}
ul.box-about li span.number{font-size:90px;}
ul.box-about li h3{margin-bottom:20px;}
.list-dev{width:100%;min-height:1px;padding:20px !important;}
.txt-24size img{display:none}
.txt-invest{float:none;width:100%;margin:0}
ul.box-link li{width:33%}
.caption-living{width:100%}
.col-logo{width:25%}
#box-investment{width:100%}
ul.box-investment li{margin:0 2%;width:28%;}
#hide-map{display:none;}
#CONTACT{background:#fff}
#show-mobile{display:block;}
ul.btn-map{margin-top:30px;text-align:left}
ul.list-plan li .box-num-left{float:none;margin:0 auto;}
ul.list-plan li{text-align:center}
ul.list-plan li .box-text{width:100%;font-size:22px}
ul.box-news li{padding:3px;}
.img-responsive{margin:0 auto}
#ABOUT, #IP, #INVESTMENT, #RELATED-LINK{padding-top:60px;}
#NEWS{padding:2px;}
ul.btn-map li {width: 45%;}
}

@media only screen and (max-width: 768px) {
.head-right {width: 460px;}
#myModal-footer .modal-dialog {width: 45% !important;}
.modal-header .close img {width: 30px;}
}

@media only screen and (max-width:736px){.row{margin-right:0 !important}
.col-form{width:100%;float:none;padding-right: 0;}
.modal-dialog{margin:40px auto !important;}
.modal-header .close{margin-top:0 !important;margin-right:0 !important;}
.fancybox-close{right:0 !important;top:-65px !important}
.box-address{margin-right:0 !important}
.box-content-all h2{margin-bottom:19px!important}
#CONTACT{padding-top:30px}
.box-vdo{width:70% !important;}
ul.project-index li {width: 100%;}
ul.box-news li, .box-articles li {width: 50%;}
#myModal-language .row {margin-right: -15px !important;}
#myModal-language .modal-dialog {width: 70% !important;}
.factory-col .img{width:45%}
.factory-col .content{width:55%}
.factory-details .col:nth-child(1),.factory-details .col:nth-child(3){width:60%}
.factory-details .col:nth-child(2),.factory-details .col:nth-child(4){width:40%}
}

@media only screen and (max-width:668px){ul.box-investment li{width:31%;margin:0 1%}
#box-investment{width:100%}
ul.box-investment li h3{font-size:16px;}
.box-304IP ul.box-about li{width:33%;margin-bottom:10px;}
.box-tel-top h2{font-size:32px;}
.box-tel-top h3{font-size:20px;}
.box-tel-top td:first-child{display:none}
ul.box-news li{width:48%;}
.box-content-all h1{font-size:18px;line-height:normal;}
ul.property-index li {width: 100%;padding: 15px 0 0 0;}
}

@media only screen and (max-width: 640px) {
#myModal-mobileNum .modal-dialog {width: 40% !important;}
#myModal-language .modal-dialog {width: 80% !important;}
.logo {float: none;margin-bottom: 10px;margin-left: 2%;}
.head-right {width: 100%;float: none;border-top: 3px solid #ec0000;}
ul.icon-top li:nth-child(1) a {padding-bottom: 18px;}
.box-sales .boxL, .box-sales .boxR {width: 100%;}
#header-top .content {width: 100%;}
.factory-col{width:100%}
.factory-col .img{width:50%}
.factory-col .content{width:100%}
#main-banner {margin-top: 140px;}
}

@media only screen and (max-width:580px){.head-right{width:100%;float:none;border-top:3px solid #ec0000}
.logo{float:none;margin-bottom:10px;margin-left:2%}
#header-top .content{width:100%;}
.txt-30size{font-size:26px !important;line-height:normal}
.txt-size30{font-size:26px;line-height:normal;color:#23aae1;margin:20px 0;}
.table-key{width:100%;overflow:auto}
ul.box-news li{width:50%;}
ul.btn-map li{width:100%;margin-bottom:10px}
#ABOUT{height:auto;width:100%;padding:45px 0 240px 0;}
#WHY304{height:auto;width:100%;padding:45px 0 80px 0;}
#IP, #OP{height:auto;width:100%;padding:45px 0 80px 0;}
#LIVING{height:auto;width:100%;padding-top:40px;background-image:none;}
#INVESTMENT{height:auto;width:100%;padding:45px 0 120px 0;}
#RELATED-LINK{height:auto;width:100%;padding:45px 0 120px 0;}
#NEWS, #ARTICLES{height:auto;width:100%;padding:45px 0 80px 0;}
#CONTACT{height:auto;width:100%;padding:45px 0 80px 0;}
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,.col-md-10, .col-md-11, .col-md-12{padding-right:0 !important}
.footer-contact {width: 100%; padding-bottom: 20px;}
.footer-menu {padding: 0 0 10px 0;width: 100%;}
.display-social {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.box-social {margin-left: 20px;}
}


@media only screen and (max-width:480px){.table-living{width:100%;font-size:13px;}
.caption-about, p.txt-q{width:100%;float:none;}
.caption-about{font-size:20px;line-height:normal}
ul.box-link li{width:50%}
.col-logo{width:33%}
.box-304IP ul.box-about li{width:50%;margin-bottom:10px}
ul.box-investment li{width:48%;margin-bottom:10px;}
.btn-news li{width:50% !important}
.caption-living h2{font-size:20px;}
ul.box-investment li span.number{padding:10px!important;}
ul.box-investment li h3{margin-left:10px!important;}
ul.box-news li{width:100%}
#CONTACT{padding-top:50px}
.col-width{margin-top:20px;}
#myModal-mobileNum .modal-dialog {width: 60% !important;}
#myModal-footer .modal-dialog {width: 60% !important;}
.box-social {margin-left: 0;margin-bottom: 0;}
.display-social {display: block;}
.policy h2 {line-height: 30px;}
.text-right {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 15px;}
.box-footer .content{display:block;text-align:center}
.factory-col .img{width:100%}
.factory-details .col:nth-child(1),.factory-details .col:nth-child(2),.factory-details .col:nth-child(3),.factory-details .col:nth-child(4){width:100%}
.factory-info .img{width:100%}
.factory-details .mt-0{margin-top:0}
.factory-info-row{margin-left:0;margin-right:0}
.factory-info .img{padding-left:0;padding-right:0}
.factory-info .details{padding-left:0;padding-right:0}
.factory-col .content{padding-right:0}
}

@media only screen and (max-width:418px){.box-vdo{width:90% !important;}
.modal-dialog.box-lang{width:80% !important;}
ul.box-investment li{width:100%;margin:0 0 10px 0}
ul.box-investment li .box-inves-inner{min-height:1px}
ul.box-investment li h3{margin-top:10px}
.select-style select{width:100%;-webkit-appearance:none;-moz-appearance:none;padding:10px 1%;border:none;color:#fff;background:url(../images/i-nav-select.png) no-repeat right #3b5a9a}
.select-style select{width:99%;}
.nav-tabs > li > a{padding-left:16px!important;padding-right:16px!important;}
ul.box-about li{width:100%;margin-bottom:10px;}
#WHY304{height:auto;width:100%;}
#LIVING{padding-top:127px;}
#nav-mobile-zone-304{margin-bottom:70px;}
ul.box-news li, .box-articles li {width: 100%;}
.box-articles li {padding: 8px 0 0 0;}
.form-check .form-check-label a {display:block;}
}


@media only screen and (max-width: 425px) {
.mn-mobile {font-size: 16px;}
ul.icon-top li a {padding: 16px 5px 16px 5px;}
#myModal-language .modal-dialog {width: 70% !important;}
ul.lang-list {display: inline-block;}
ul.lang-list li {vertical-align: top;}
}

@media only screen and (max-width: 414px) {
#myModal-mobileNum .modal-dialog {width: 65% !important;}
#myModal-footer .modal-dialog {width: 65% !important;}
}

@media only screen and (max-width: 390px) {
.hide390 {display: none;}
.show390 {display: block;}
ul.icon-top li.icon {display: none;}
ul.icon-top li a {padding: 16px 10px 16px 10px;}
ul.show390 li {border-left: none;}
ul.show390 li a {padding:15px 0 !important}
.box-social-390 {display: flex;justify-content: center;}
}

@media only screen and (max-width:379px){.box-304IP ul.box-about li{width:100%;margin-bottom:10px}
ul.box-about li span.number{display:none}
ul.box-about li .box-icon{height:auto}
ul.box-news li{width:100%;}
.box-content-all h1{font-size:18px}
.box-content-all h2{font-size:16px}
.box-content-all h3{font-size:16px;}
#nav-mobile-304 h1{font-size:22px;color:#3b5a9a}
.txt-30size{font-size:24px !important;line-height:normal}
.txt-size30{font-size:24px;line-height:normal;color:#23aae1;margin:20px 0;}
.txt-24size{font-size:16px !important;line-height:normal}
.col-logo{width:50%}
#RELATED-LINK{padding-bottom:80px}
.nav-tabs > li > a{padding:9px !important}
.modal-dialog{width:90% !important}
.fancybox-next span{top:95px !important;right:12px !important}
.fancybox-prev span{top:95px !important;left:12px !important}
.btn-back{margin:80px 0 20px 0}
ul.list-plan li{width:33.33%}
}

@media only screen and (max-width: 375px) {
.display-social {display: block;}
.box-social {margin-left: 0; margin-bottom: 0;}
.icon-circle {margin-right: 10px;}
.box-sales {display: block;}
.factory-col .content a,.factory-col .content h4 span{font-size:12px}
}

@media only screen and (max-width: 360px) {
br.show360 {display: block;}
#myModal-language .modal-dialog {width: 80% !important;}
}

@media only screen and (max-width:330px){}