/*==========================================
Old Screen
==========================================*/

@media screen and (max-width: 1700px ) {
	
.body-nav{display:none;}
.body-background .wrap h1{text-align:center; padding-bottom:10px;}
.body-background .wrap .sub-nav-mobile{display:block; left:90%; top:-23px;}

.body-background {margin-top:0;}
	
}

@media screen and (max-width: 1280px ) and (min-width: 1000px) {
.wrap {width:100%; padding:0 20px;}
.header-wrap {width:100%; margin:0 auto; padding:0 20px;}
#nav ul > li > a{padding-left:20px;}

.body-nav-content ul > li {font-size:15px; padding: 0 5px;}

.wrap .fRight img{width:200px;}

#banner .swiper-slide p.chi{background:url('../images/banner-box.png') no-repeat; background-size:contain; width:31%; height:16%; font-size:45px; color:#fff; position:absolute; top:40%; left:68.75%; text-align:center; padding-top:20px;}

#banner .swiper-slide p.eng{background:url('../images/banner-box.png') no-repeat; background-size:contain; width:31%; height:16%; font-size:20px; color:#fff; position:absolute; top:40%; left:68.75%; text-align:center; padding-top:30px;}


.contact-us-list .title {font-size:22px;}
.contact-us-list img{width:120px;}
.contact-us-list{font-size:16px;}

.right-nav ul > a > li {width:280px; height:65px; padding-left:30px;}
.right-nav ul > a {font-size:15px;}

#footer p.eng{left:80%;}
}

/*==========================================
Tablet
==========================================*/

@media screen and (max-width: 1240px ) and (min-width: 1000px) {
#chart .chartBox{width:80%; margin:20px auto 0 auto;}
#chart .vLine {display:none;}
#chart .vLineMask {display:none;}
#chart .hLine {display:none;}

#chart #chartTitle .name{margin-bottom:20px;}

#chart .cboxDetail {height:auto;}
#chart .cboxDetailEng {height:auto;}
	
}


@media screen and (max-width: 1000px ) and (min-width: 768px) {
.wrap {width:100%; padding:0 20px;}
.header-wrap {width:100%; margin:0 auto; padding:0 20px;}

#nav ul > li > a{padding-left:10px;}
.mainLogo img{height:70px;}

.wrap .fRight img{width:200px;}

#banner .swiper-slide p.chi{background:url('../images/banner-box.png') no-repeat; background-size:contain; width:31%; height:16%; font-size:35px; color:#fff; position:absolute; top:40%; left:68.75%; text-align:center; padding-top:15px;}
#footer .innerContainer{width:95%;}

#banner .swiper-slide p.eng{background:url('../images/banner-box.png') no-repeat; background-size:contain; width:31%; height:16%; font-size:17px; color:#fff; position:absolute; top:40%; left:68.75%; text-align:center; padding-top:25px;}

.body-nav{display:none;}
.body-background .wrap h1{text-align:center; padding-bottom:10px;}
.body-background .wrap .sub-nav-mobile{display:block; left:0; top:-23px; float:right;}

.body-background {margin-top:0;}

.titleLeft{margin:0 auto;}

#chart .chartBox{width:80%; margin:20px auto 0 auto;}
#chart .vLine {display:none;}
#chart .vLineMask {display:none;}
#chart .hLine {display:none;}

#chart #chartTitle .name{margin-bottom:20px;}

#chart .cboxDetail {height:auto;}
#chart .cboxDetailEng {height:auto;}


.contact-us-list .title {font-size:22px;}
.contact-us-list img{width:120px;}
.contact-us-list{font-size:16px;}
.contact-us-list li {margin-right:90px;}
.contact-us-list ul{text-align:center;}

.about-us-banner {margin-bottom:-3px;}

.right-nav ul > a > li {width:100%; height:65px; padding-left:0;}

.right-nav{border:0; height:auto; width:100%; text-align:center;}
.withRightNav{width:100%;}

#footer p.eng{left:80%;}

.right-nav #floater2{height:35%;}
}

/*==========================================
Mobile
==========================================*/

@media screen and (max-width: 767px ) {
.wrap {width:94%}
.header-wrap {width:94%; margin:0 auto; padding:0 20px;}

.mobileIcon {display:block;}


.flexFloatL li {width:48%; margin-right:4%}
.flexFloatL li:nth-child(even) {margin-right:0}

.mainLogo img{height:70px; margin-bottom:15px;}
#langBar{display:none;}
#nav{display:none;}

.wrap .fRight img{display:none}
.about-us-content{width:100%;}
.team{width:100%}

#banner .swiper-slide p.chi{background:url('../images/banner-box.png') no-repeat; background-size:contain; width:31%; height:16%; font-size:25px; color:#fff; position:absolute; top:40%; left:68.75%; text-align:center; padding-top:10px;}

#banner .swiper-slide p.eng{background:url('../images/banner-box.png') no-repeat; background-size:contain; width:31%; height:16%; font-size:13px; color:#fff; position:absolute; top:40%; left:68.75%; text-align:center; padding-top:18px;}

#banner .swiper-pagination-bullet {width:10px; height:10px;}
#banner .swiper-pagination {bottom:15px;}

#footer .innerContainer{width:90%;}

.body-background {margin-top:0;}

.body-nav{display:none;}
.body-background .wrap h1{text-align:center; padding-bottom:10px; font-size:25px;}
.body-background .wrap .sub-nav-mobile{display:block; left:0; top:-23px; float:right;}
.sub-nav-tab{width:100%;}

.about-us-content p, .team h2, .team p{font-size:15px;}
.titleLeft{margin:0 auto;}


#chart .chartBox{width:80%; margin:20px auto 0 auto;}
#chart .vLine {display:none;}
#chart .vLineMask {display:none;}
#chart .hLine {display:none;}

#chart #chartTitle .name{margin-bottom:20px; font-size:25px;}
#chart .cboxTitle {font-size:20px;}
#chart .cboxMid {font-size:18px;}
#chart .cboxDetail ul li {font-size:16px;}

#chart .cboxDetail {height:auto;}
#chart .cboxDetailEng {height:auto;}


.contact-us-list .title {font-size:20px;}
.contact-us-list img{width:100px;}
.contact-us-list{font-size:15px;}
.contact-us-list li {margin-right:10px;}
.contact-us-list ul{text-align:center;}
.contact-us-list .detail{font-size:15px;}
.contact-us-list .time {font-size:14px;}

.about-us-banner {margin-bottom:-3px;}

#disclaimer-box{width:90%;}
#disclaimer-box #langBar{display:block;}

.right-nav ul > a > li {width:100%; height:65px; padding-left:0;}

.right-nav{border:0; height:auto; width:100%; text-align:center;}
.withRightNav{width:100%;}

#footer p.eng{left:75%;}
.right-nav #floater2{height:35%;}
}


@media screen and (max-width: 460px ) {
.flexFloatL li {width:100%; margin-right:0}

.wrap {width:94%}
.header-wrap {width:94%; margin:0 auto; padding:0 20px;}

.mobileIcon {display:block;}
#langBar{display:none;}
#nav{display:none;}

.about-us-content{width:100%;}

#banner .swiper-slide p.chi{background:url('../images/banner-box.png') no-repeat; background-size:contain; width:70%; height:16%; font-size:35px; color:#fff; position:absolute; top:30%; left:18%; text-align:center; padding-top:13px;}

#banner .swiper-slide p.eng{background:url('../images/banner-box.png') no-repeat; background-size:contain; width:70%; height:16%; font-size:15px; color:#fff; position:absolute; top:30%; left:18%; text-align:center; padding-top:20px;}

#banner .swiper-pagination-bullet {width:8px; height:8px;}
#banner .swiper-pagination {bottom:10px;}

#footer .innerContainer{width:77%;}


.body-nav{display:none;}
.body-background .wrap h1{text-align:center; padding-bottom:10px;}
.body-background .wrap .sub-nav-mobile{display:block; left:0; top:-23px; float:right;}
.sub-nav-tab{width:100%;}

.body-background .wrap h1{text-align:center; padding-bottom:10px; font-size:18px;}
.titleLeft{margin:0 auto;}

#chart .chartBox{width:100%}

#chart #chartTitle .name{margin-bottom:19px; font-size:22px;}
#chart #chartTitle .name2{margin-bottom:19px; font-size:15px;}
#chart .cboxTitle {font-size:17px;}
#chart .cboxMid {font-size:15px;}
#chart .cboxDetail ul li {font-size:14px;}

#chart .cboxDetail {height:auto;}
#chart .cboxDetailEng {height:auto;}

#chart #chartTitle {width:100%;}


.contact-us-list li {margin-right:0;}
.contact-us-list img{width:80px;}
#contact-us .body-background{height:1000px;}
.contact-us-list {padding-top:10px; padding-left:0;}

.about-us-banner {margin-bottom:-3px;}

#banner .swiper-slide img {width:1200px;}

#footer p.eng{left: 60%;}
.right-nav #floater2{height:35%;}
}