/*** start of fonts ***/


/*** end of fonts ***/
body {
  font-family:'Open Sans',"Microsoft JhengHei",'Arial'; 
  font-size:14px;
/*  min-height: 768px;*/
  color:#2C2C2C;
}

h1,h2,h3,h4,h5,h6{font-family:'Montserrat','Open Sans',"Microsoft JhengHei",'Arial'; font-weight:normal;}
h1{}
h2{font-size:40px;font-weight: bold;line-height: 53px;margin-bottom:5px;letter-spacing: -1px;}
h3{font-size:44px;font-weight: bold;line-height: 40px;margin-bottom: 5px;letter-spacing: -1px;}
h4{font-size:24px;font-weight: bold;margin-bottom: 5px;margin-bottom: 10px;}
h5{}
h6{}

a {transition:all 0.2s linear;color:inherit; outline: none;}
a:focus{outline: none;}
a:hover {opacity: 0.9}
p{font-size:15px;margin-bottom: 15px;line-height: 1.4em;}
hr{border:none;border-top:#2C2C2C 1px solid;clear:both;margin:5px 0;}
sup{font-size: 0.7em;position: relative;top: -0.6em;margin-left: 1px;}
strong{font-weight: bold;display:inline-block;}
p strong{display:inline;}
input[type="text"], input[type="password"], textarea {
  border:none;
  padding: 6px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none; }
input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
}


.content-wrap .mix{
  display: none;
}

.select-style{ position:relative;display:inline-block;vertical-align: top;}
.select-style select{border:none; position:relative;height: 36px;opacity:0; filter:alpha(opacity=0);box-sizing:border-box;-moz-box-sizing:border-box;padding-right:40px;font-size:14px;}
.select-style select option{padding:3px 0;padding-left:10px;}
.select-style p{height:36px;padding:5px 10px;padding-left: 0;padding-right:25px;border-bottom:1px solid #7F7F7F;color:#7F7F7F;position:absolute; top:0; left:0; margin-bottom:0;box-sizing:border-box;-moz-box-sizing:border-box;font-size:14px;}
.select-style p:before{content:'';border:4px solid transparent;border-top-color:#FFFFFF; position: absolute; top: 50%; margin-top:-3px;right: 16px;z-index: 1;}
.select-style p:after{content:'';border:5px solid transparent;border-top-color:#7F7F7F; position: absolute; top:50%; margin-top:-3px; right:15px;}

.input-holder{position: relative;overflow: hidden;padding-bottom:5px;padding-top:20px;margin-bottom: 20px;box-sizing: border-box;-moz-box-sizing: border-box;}
.input-holder input[type="text"],.input-holder input[type="password"]{font-size:16px;width:100%;padding-left:0;}
.input-holder label{position: absolute; width:100%;height:100%;box-sizing: border-box;-moz-box-sizing: border-box;left:0;top:0;}
.input-holder label:before{content:"";transition:all 0.2s linear;position: absolute; width:100%;height:100%;border-bottom:1px solid #FC4513;top:-2px;left:-100%;}
.input-holder label:after{content:'';transition:all 0.2s linear;position: absolute; width:100%;height:100%;border-bottom:1px solid #7F7F7F;top:-2px;left:0;}
.input-holder label span{transition:all 0.2s linear;font-size: 14px;color: #7F7F7F;padding: 5px 10px;padding-left: 0;display: inline-block;position: absolute;top:20px;white-space: nowrap; }
.input-holder.on label:before{left:0;}
.input-holder.on label:after{left:100%;}
.input-holder.on label span{top:-5px;color:#2C2C2C;font-size:12px;}

.wrapper{max-width:1280px; width:100%;box-sizing:border-box; -webkit-box-sizing:border-box;margin: 0 auto;padding:0 20px;position: relative;}
.wrapper p{width:100%;margin-left:auto;margin-right:auto;}
.wrapper p:last-child{margin-bottom: 0;}

.error,.error *{color:#F00 !important; }

.bg-img{position: relative;-webkit-backface-visibility: hidden;}
.banner-bg-img{position: relative;outline: 1px solid transparent;}
.btn{box-sizing:border-box;-moz-box-sizing:border-box;display:inline-block;padding:8px 40px;min-width:200px;border:2px solid #FFF;font-weight: bold;text-align: center;}
.btn:hover{background:#FFF;color:#fc6600;border:2px solid #fc6600;opacity: 1;}

.overflow-container{width:100%;height:auto;overflow: hidden;}

.banner{position: relative;}
.banner .text-holder {position: absolute;text-align: center;color:#FFF;width:80%;left:50%;margin-left:-40%;top:29%;}

.history .banner .text-holder {top:33%;}

.section-container #joinus {padding: 15% 0 7% 0;}
.section-container #joinus h1 {color: #FFF; font-size: 48px;}
.section-container #joinus h2 {color: #FFF; font-size: 32px;}
.section-container #joinus p {color: #FFF; font-size: 14px;}
.banner .text-holder h1{font-size:48px;font-weight: bold;position: relative;text-transform: uppercase;}
/*.banner .text-holder h1:before{content:'';width:150px;height:2px;background-color:#fa5908;position: absolute;bottom:0;left:50%;margin-left:-75px;}*/
.banner .text-holder h2{font-size:32px;font-weight: bold;}
.banner .text-holder p{text-align: center;font-size:17px;color:#FFF;width: 45%;margin: 0 auto;margin-top: 15px;}
.banner .text-holder span{text-align: center;font-size:16px;width: 60%;margin: 0 auto;margin-top: 25px;display:inline-block;}

.section-container{position: relative;}
.section-container .sharp{overflow: hidden;position: absolute;width:100%;top:0;-webkit-backface-visibility: hidden;}
.section-container .sharp .bg-holder{max-width:100%;margin-top: -12%;-webkit-backface-visibility: hidden;}
.section-container .sharp .bg-holder.solid-color{background: #FFF;box-sizing:border-box; -webkit-box-sizing:border-box;}

.section-container .sharp.left{transform: skewY(13deg);-webkit-transform: skewY(13deg);-ms-transform: skewY(13deg);}
.section-container .sharp.left .bg-holder{transform: skewY(-13deg);-webkit-transform: skewY(-13deg);-ms-transform: skewY(-13deg);}
.section-container .sharp.right{transform: skewY(-10deg);-webkit-transform: skewY(-10deg);-ms-transform: skewY(-10deg);}
.section-container .sharp.right .bg-holder{transform: skewY(13deg);-webkit-transform: skewY(13deg);-ms-transform: skewY(13deg);}

#home-page .section-container .sharp.left {transform: skewY(-13deg);-webkit-transform: skewY(-13deg);-ms-transform: skewY(-13deg);}
#home-page .section-container .sharp.left .bg-holder{transform: skewY(13deg);-webkit-transform: skewY(13deg);-ms-transform: skewY(13deg);}

#contact-us-page #joinus-wrap {text-align: center; padding: 7% 0;}
#contact-us-page .wrapper #joinus {width: 50%; text-align: left; display: inline-block;}
#contact-us-page .wrapper #joinus h1 {font-size: 24px; font-weight: bold; margin-bottom: 15px;}
#contact-us-page .wrapper #joinus .seperator {width: 300px; height: 1px; background: #FFF;}
#contact-us-page .wrapper #joinus h2 {font-size:50px;margin-top:15px; line-height: 65px;}
#contact-us-page .mission-img {display:inline-block;width:auto; height: 280px; box-sizing:border-box;-moz-box-sizing:border-box;border:5px solid #FFF;margin-top: 0px; margin-right: 20px;}

#contact-us-page #notice-wrap {text-align: left; left: 30px; padding: 7% 0;}

#contact-us-page .section-container #joinus {padding: 8% 0px 8% 0px; margin-top: -20px;}
#contact-us-page .contact .intro .sharp.right {transform: skewY(10deg);}
#contact-us-page #worldlink-contact {text-align: left;}


#contact-us-page .footer {background: none;}

.section-container .sharp.flat .bg-holder{margin-bottom:12%;}

.section-container .text-holder{position:relative;width:100%}
.section-container .text-holder .cn-name{font-size:24px; font-weight: bold;}
.section-container .text-holder h3{font-size:24px;position: relative;padding-top:35px;margin-bottom:15px;line-height: 35px;}
.section-container .text-holder h3:before{content:'';width:150px;height:8px;background-color:#FFF;position: absolute;top:0;left:0%;}
.section-container .text-holder p{line-height: 25px;}

.home {overflow: hidden;}
.home .banner{overflow: hidden;position: relative;z-index: 0;}
.home .banner .slide{position: relative;min-height:768px;overflow: hidden;}
.home .banner .active .slide{z-index: 1}
.home .banner .text-holder{position: absolute;width:90%; left:50%;margin-left:-45%;top:25%;text-align: center;color:#FFF; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); z-index: 999;}
.home .banner .text-holder h1{font-size:100px;margin:0;padding:0;font-weight: bold;line-height:100px;letter-spacing: -6px; font-family: 'Open Sans', sans-serif;}
.home .banner .text-holder h1:before{display:none;}
.home .banner .text-holder span{font-size:26px;font-weight: bold;margin-top:5px;}
.home .banner .owl-controls{width:100%;position: absolute; bottom:35%;left:0;}
.home .banner .owl-controls .owl-dots {font-size:0;text-align: center;}
.home .banner .owl-controls .owl-dots .owl-dot{display:inline-block;margin:0 10px;}
.home .banner .owl-controls .owl-dots .owl-dot span{background-image:url(../images/slide-dot.png);background-size:100% 100%;width:13px;height:13px;display: inline-block;}
.home .banner .owl-controls .owl-dots .owl-dot.active span{background-image:url(../images/slide-dot-on.png);}
.home .intro {margin-top: -8%;}
.home .intro .sharp.right{transform: skewY(7deg);-webkit-transform: skewY(7deg);-ms-transform: skewY(7deg);}
.home .intro .sharp.right .bg-holder{transform: skewY(7deg);-webkit-transform: skewY(7deg);-ms-transform: skewY(7deg);}
.home .intro .wrapper{font-size:0;top:0px;text-align: left;padding: 0px 20px 120px 0px;}
.home .intro .wrapper:before{content:'';height:100%;display:inline-block;vertical-align: middle;}
.home .intro .text-holder{padding-top:30px;font-size:18px;text-align: left;display:inline-block;vertical-align: middle;width:41%;/*margin-right: 40px;*/}
.home .intro .text-holder strong{display:inline;}
.home .intro .text-holder h3{position: relative;padding-bottom:20px;margin-bottom:20px;font-size:30px;}
.home .intro .text-holder h3:before{content:'';height:5px;width:200px;background:#fc6600;position: absolute;bottom:0;right:auto;left:0;top:auto;}
.home .intro-img{margin-top: -5%;}
.home .intro-detail-text{background:#fc6600;color:#FFF;padding:120px 0;padding-bottom: 250px;}
.home .intro-detail-text .line{margin:60px 0;margin-bottom: 45px;position: relative;font-size:0;}
/*.home .intro-detail-text .line:after{content:'';height:1px;width:50%;position:absolute;background:#fc6600;top:0;right:0;}
.home .intro-detail-text .line .wrapper{height:1px;position:relative;}
.home .intro-detail-text .line .wrapper:after{content:'';height:1px;position: absolute;width:80%;background:#fc6600;top:0;right:0; }*/

.home .intro-detail-text .line .white-line{display:inline-block;background:#FFF;height:1px;width:400px;}

.home .intro-detail-text .text-holder {}
.home .intro-detail-text .text-holder p{width: 500px;margin-left: 0;margin-bottom: 20px;}
.home .intro-detail-list{margin-top: -12%;}
.home .intro-detail-list .wrapper{padding:12% 20px;padding-bottom: 24%;}
.home .intro-detail-list .list{font-size:0;margin: 0px auto;width: 90%;}
.home .intro-detail-list .list .block{display:inline-block;width:33.33%;color:#FFF;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align: top;}
.home .intro-detail-list .list .block img{width:100%;margin-bottom: 20px;border:10px solid #FFF;box-sizing:border-box;-moz-box-sizing:border-box;}
.home .intro-detail-list .list .block h3{color:#fc6600; font-size: 40px;}
.home .intro-detail-list .list .block a{font-size:14px;}
.home .intro-detail-list .list .block p{padding-right:20px;box-sizing:border-box;-moz-box-sizing:border-box;}
.home .intro-detail-list-end {margin-top: -12%;}
.home .intro-detail-list-end .sharp .bg-holder.solid-color{background: #041c38;}
/*
#home-page .intro-img {height: 400px;}
#home-page .intro-img .bg-holder {position: relative;height:850px; background: url('../images/warehouse/warehouse-img-4.jpg') no-repeat;background-size: cover;background-attachment: fixed;}
#home-page .intro-detail-list .bg-holder {position: relative;width: 100%;background: url('../images/warehouse/warehouse-img-6.jpg') no-repeat;background-size: cover;background-attachment: fixed;}
*/
#home-page .intro-img .bg-img {
  position: relative; 
  -webkit-backface-visibility: hidden; 
  height: 700px; 
  background: #000; 
  left: auto !important; 
  background: url('../images/home/home-img-1.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: 0% 0px;
}
#home-page .intro-detail-list .bg-img {
  position: relative; 
  -webkit-backface-visibility: hidden; 
  height: 1100px; 
  background: #000; 
  left: auto !important; 
  background: url('../images/home/intro-img-1.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

#home-page #home-bg-img {display: none;}

#home-page .intro-detail-list .bg-img {z-index: -9!important;}


#aboutus-page .banner {
  position: relative;
  width: 100%;
  height: 850px;
  background: url('../images/about/about-banner.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
#aboutus-page .section-container .sharp.right {transform: skewY(-13deg);}
#aboutus-page .footer.section-container .sharp .solid-color {background: #FFF;}
#aboutus-page .bg-img {
  position: relative; 
  -webkit-backface-visibility: hidden; 
  height: 600px; 
  background: #000; 
  left: auto !important; 
  background: url('../images/about/mission-img-2.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: right -500px;
}
#aboutus-page .about .banner .btn-holder {font-size: 20px;}

.banner .btn-holder a {font-size: 16px;}
.banner .btn-holder a:hover, .banner .btn-holder a.on {opacity: 1; color: #FF5A00;}

.about .intro{margin-top:-12%;}
.about .intro .sharp .bg-holder.solid-color{background: #fa5908;}
.about .intro .wrapper{padding: 80px 0;}
.about .intro .text-holder{width:45%;color:#FFF;}
.about .intro .text-holder h3:before{background-color:#FFF;}
.about .intro-detail-text{background:#FA5908;padding-bottom:100px;}
.about .intro-detail-text .wrapper{padding: 150px 0 80px 0;}
.about .intro-detail-text .text-holder{text-align: center;width:65%;margin:0 auto; color: #FFF;}
.about .intro-detail-text .text-holder h4{font-size:22px;width: 85%;margin-left:auto;margin-right:auto;margin-bottom: 25px;}
.about .intro-detail-text .text-holder .img-holder{width:100%;font-size:0;margin-bottom: 25px;box-sizing:border-box;}
.about .intro-detail-text .text-holder .img-holder img{box-sizing:border-box;-moz-box-sizing:border-box;width:31%;padding:0; margin: 0 5px; border: 5px solid #FFF;}
.about .intro-detail-text .btn-holder{width:65.5%;font-size:0;text-align: center;margin:0 auto;margin-top:20px;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;}
.about .intro-detail-text .btn{border:1px solid #fc6600;background:#fc6600;font-size:16px;width: 24%;margin: 0px 0.5%;min-width: 0;margin-bottom:10px;padding-left:0;padding-right:0;color: #FFF;}
.about .intro-detail-text .btn:hover{background:#FFF;color:#fc6600;border:1px solid #fc6600;opacity: 1;}
.about .about-img{margin-bottom: -12%; background: #041c38;}

#aboutus-page .intro-detail-text .sharp {background: #041C38;}
#aboutus-page .section-container.intro-detail-text .sharp.flat .bg-holder {background: #041C38;}
#aboutus-page .banner .text-holder h1:before {display:none;}
#aboutus-page .about-seperator {margin: 15px auto 20px auto;}

/*#aboutus-page .about-img {height: 300px;}
#aboutus-page .about-img .bg-holder {height:700px; background: url('../images/about/structure-img-3.jpg') no-repeat; background-size: cover; background-attachment: fixed;}*/

#chairman-page .banner {
  position: relative;
  width: 100%;
  height: 850px;
  /*background: url('../images/about/chairman-img.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;*/
  background: url('../images/banner.jpg');
  background-size: cover;
  background-attachment: fixed;
}

.chairman{}
.chairman .intro{margin-top:-12%;}
.chairman .intro .sharp .bg-holder.solid-color{background: #FA5908;}
.chairman .intro .wrapper{padding-bottom: 6%;padding-top:3%;}
.chairman .intro .text-holder{width:45%;color:#FFF;}
.chairman .intro .text-holder h3:before{background-color:#FFF;}
.chairman .intro .chairman-img{position: absolute;bottom: 20%;right: 15%;}
.chairman .detail-text{margin-top: -4%;}
.chairman .detail-text .sharp .bg-holder.solid-color{background: #041c38;}
.chairman .detail-text .wrapper{padding-bottom: 8%;padding-top:8%;text-align: center;}
.chairman .detail-text .text-holder{text-align:left;width:65%;display:inline-block;position: relative; color: #FFF;}
.chairman .detail-text .text-holder:before{content: open-quote;font-size: 100px;font-family: Arial;line-height: 0;height: 0;position: absolute;left: -60px;top: 20px;font-weight: bold;color:#fc6600;}
.chairman .detail-text .text-holder:after{content: close-quote;font-size: 100px;font-family: Arial;line-height: 0;height: 0;position: absolute;right: -60px;bottom: -40px;font-weight: bold;color:#fc6600;}
.chairman .detail-text .text-holder h4{font-size:24px;}
.chairman .detail-text .text-holder .img-holder{width:100%;font-size:0;margin:0 -10px;}
.chairman .detail-text .text-holder .img-holder img{box-sizing:border-box;-moz-box-sizing:border-box;width:33.3%;padding:0 10px;}
.chairman .detail-text .text-holder strong{font-size:20px;}
.chairman .chairman-end {margin-top: 12%;margin-bottom: -12%;}
.chairman .chairman-end .sharp .bg-holder.solid-color{background: #fc6600;}
#chairman-page .seperator {width: 300px; height: 1px; background: #FFF; margin-bottom: 15px;}
#chairman-page .section-container .text-holder h3 {max-width: 520px; padding:0px;}
#chairman-page .section-container .text-holder h3:before{content:'';width:0;height:0;background-color:#FFF;position: absolute;top:0;left:0;}
#chairman-page .banner .text-holder h1:before {display: none;}

.about-seperator {width: 200px; height: 1px; background: #fa5908; margin: 15px auto 15px auto;}

#mission-page .banner {
  position: relative;
  width: 100%;
  height: 850px;
  background: url('../images/about/about-banner.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
#mission-page .bg-img {
  position: relative; 
  -webkit-backface-visibility: hidden; 
  height: 700px; 
  background: #000; 
  left: auto !important; 
  background: url('../images/about/mission-img-2.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.mission{}
.mission .intro{margin-top:-12%;}
.mission .intro .sharp .bg-holder.solid-color{background: #fa5908;}
.mission .intro .wrapper{padding-bottom: 200px;padding-top: 200px;font-size:0; text-align: center;}
.mission .intro .text-holder{width:60%; color:#FFF; display: inline-block; vertical-align: top;box-sizing:border-box;-moz-box-sizing:border-box; padding-right: 0; text-align: left;}
.mission .intro .text-holder h3:before{background-color:#FFF;}
.mission .intro .mission-img{display:inline-block;width:40%;vertical-align: top;box-sizing:border-box;-moz-box-sizing:border-box;border:5px solid #FFF;margin-top: 40px;}
.mission .mission-end{margin-bottom: -24%;}
.mission .banner .text-holder h1:before {display: none;}

.history{background:url('../images/about/history-bg.jpg') no-repeat; background-size:cover; background-attachment:fixed; color:#FFF;margin-bottom: -12%;}
.history .history-container {margin-top: -16%;}
.history .history-container .background-arrow{border:500px solid transparent;opacity: 0.02;position: absolute;top: 50%;border-right: 0;border-top-width: 460px;border-bottom-width: 460px;border-left-width: 1662px;}
.history .history-container .wrapper{padding-bottom: 20%;}
.history .history-container .history-holder{position: relative;text-align: center;margin-top: 80px;}
.history .history-container .history-holder:after{content:'';width:1px;height:100%;background:#FFF;position: absolute;top:0;left:50%;opacity: 0.3}
.history .history-container .history-holder .year{position: relative;width:50%;display:inline-block;text-align: left;left:25%;box-sizing:border-box;-moz-box-sizing:border-box;padding-left:40px;margin-bottom:20px;}
.history .history-container .history-holder .year:before{content:'';background-color:#fa6013;position: absolute; top:-7px;left:-7px;width:15px;height:15px;border-radius: 20px;z-index: 1;}
.history .history-container .history-holder .year:nth-child(2n){text-align: right;left: -25%;padding-right:40px;padding-left: 0;}
.history .history-container .history-holder .year:nth-child(2n):before{left:auto;right:-7px;}
.history .history-container .history-holder .year:nth-child(2n) ul li{width:auto;}
.history .history-container .history-holder .year h4{font-size:60px;margin-bottom: 0;}
.history .history-container .history-holder .year ul{padding:0;margin:0;list-style: none;}
.history .history-container .history-holder .year ul li{padding-left:20px;margin-bottom:5px;position: relative;font-size:18px;display: inline-block;line-height:35px;width: 100%;padding-right: 20px;box-sizing:border-box;-moz-box-sizing:border-box;}
.history .history-container .history-holder .year ul li:before{content:'.';font-size:40px;position: absolute;top: 4px;left: 3px;line-height:0;}
.history .banner .text-holder p {color: #FFF; margin-top: 30px;}
.history .banner .text-holder h1:before {display: none;}

#structure-page .banner {
  position: relative;
  width: 100%;
  height: 850px;
  background: url('../images/about/structure-bg.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}

#structure-page .banner .text-holder p {color:#FFF; margin-top: 30px;}

.structure .section-container .text-holder{width:50%;color:#FFF;display:inline-block;text-align: left;}
.structure .section-container .text-holder h3 {
    font-size:55px;
    margin-top:15px;
    padding-top:10px;
    line-height: 55px;
    
}
.structure .section-container .text-holder h3:before{background-color:#FFF;height:1px;width:300px;}



.structure .intro{margin-top:-12%;}
.structure .intro .sharp .bg-holder.solid-color{background: #fa5908;}
.structure .intro .wrapper{padding-bottom: 10%;padding-top:5%;text-align: right;}
.structure .intro-2{margin-top:-3%;}
.structure .intro-2 .sharp .bg-holder.solid-color{background: #FFF;}
.structure .intro-2 .wrapper{padding-bottom: 7%;padding-top:3%;text-align: left;}
.structure .intro-2 .text-holder{color:#fa5908;}
.structure .intro-2 .text-holder h3:before{background-color:#fa5908;}
.structure .intro-3{margin-top:-4%;}
.structure .intro-3 .wrapper{padding-bottom: 10%;padding-top:6%;text-align: right;}
.structure .intro-3 .text-holder h3 {color:#FFF;}
.structure .intro-4{margin-top:-4%;}
.structure .intro-4 .sharp.left{transform: skewY(6deg);}
.structure .intro-4 .sharp.left .bg-holder {transform: skewY(-6deg);}
.structure .intro-4 .sharp .bg-holder.solid-color{background: #041c38;}
.structure .intro-4 .wrapper{padding-bottom: 10%;padding-top:3%;text-align:left;}
/*.structure .intro-4 .text-holder{font-size:0;margin:0 -40px;color:#2C2C2C;width:100%;}
.structure .intro-4 .text-holder .block{width:50%;box-sizing:border-box;-moz-box-sizing:border-box;padding:0 40px;text-align: left;display:inline-block;vertical-align: top;}
.structure .intro-4 .text-holder .block h3{font-size:44px;color:#fa5908;line-height:45px;margin-top:0;padding-top:0;}
.structure .intro-4 .text-holder .block h3:before{display:none;}*/

.structure .intro-6{margin-top:-4%;}
.structure .intro-6 .sharp.right{transform: skewY(-6deg);}
.structure .intro-6 .sharp.right .bg-holder {transform: skewY(6deg);}
.structure .intro-6 .sharp .bg-holder.solid-color{background: #fa5908;}
.structure .intro-6 .wrapper{padding-bottom: 12%;padding-top:6%;text-align: right;}

.structure .intro-7{margin-top:-4%;}
.structure .intro-7 .text-holder h3::before{background-color:#FFF;}
.structure .intro-7 .sharp.left{transform: skewY(6deg);}
.structure .intro-7 .sharp.left .bg-holder {transform: skewY(-6deg);}
.structure .intro-7 .sharp .bg-holder.solid-color{background: #FA5908;}
.structure .intro-7 .wrapper{padding-bottom: 10%;padding-top:3%;text-align:left;}
.structure .intro-7 .text-holder{color:#fff;}

.structure .intro-5{margin-top:-4%;}
.structure .intro-5 .sharp.right{transform: skewY(-6deg);}
.structure .intro-5 .sharp.right .bg-holder {transform: skewY(6deg);}
.structure .intro-5 .sharp .bg-holder.solid-color{background: #041c38;}
.structure .intro-5 .wrapper{padding-bottom: 6%;padding-top:6%;text-align: right;color:#000;}

/* About page navigation */
.chairman .banner .text-holder .btn-holder,
.mission .banner .text-holder .btn-holder,
.history .banner .text-holder .btn-holder,
.structure .banner .text-holder .btn-holder {margin-bottom: 0px;}
.structure .banner .text-holder h1:before {display: none;}


#service-page .banner {
  position: relative;
  width: 100%;
  height: 750px;
  background:url('../images/banner.jpg');
  background-attachment: fixed;
  background-size: cover;
}
#service-page .transportation .bg-img {
  position: relative; 
  -webkit-backface-visibility: hidden; 
  height: 500px; 
  background: #000; 
  left: auto !important; 
  background: url('../images/service/service-img-2.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.service{}
.service .text-holder.block-holder{font-size:0;margin:0 -40px;color:#FFF;text-align: center;}
.service .text-holder .block{width:50%;box-sizing:border-box;-moz-box-sizing:border-box;padding:0 40px;text-align: left;display:inline-block;vertical-align: middle;}
.service .text-holder .block.title{text-align: right;}
.service .text-holder .block h3 {font-size:50px;margin-top:15px;padding-top:10px;line-height: 55px;color:#fa5908;}
.service .text-holder .block h3:before{background-color:#FFF;height:1px;width:300px;left:auto;right:0;}
.service .text-holder .block p{margin-bottom:35px;}
.service .intro{margin-top:-12%;}
.service .intro .sharp .bg-holder.solid-color{background: #fa5908;}
.service .intro .wrapper{padding-bottom: 6%;padding-top:3%;}
.service .intro .text-holder{width:65%;color:#FFF; padding: 50px 0;}
.service .intro .text-holder h3:before{background-color:#FFF;}
.service .warehousing-services{margin-top:-3%;}
.service .warehousing-services .wrapper{padding-bottom: 7%;padding-top:7%;text-align: left;}
.service .transportation{margin-top:-3%;}
.service .transportation .wrapper{padding-bottom: 14%;padding-top:14%;text-align: left;}
.service .packaging{margin-top:-3%;}
.service .packaging .wrapper{padding-bottom: 12%;padding-top:8%;text-align: left;}
.service .service-end{margin-top: 0%;margin-bottom: -6%;}
.service .service-end .sharp.right{transform: skewY(0deg);}
.service .service-end .sharp .bg-holder.solid-color{background: #041c38;}
.banner .text-holder h2 {margin: 0;}
#service-page .about-seperator {margin: 15px auto 20px auto;}

#warehouse-page .banner {
  position: relative;
  width: 100%;
  height: 750px;
  background: url('../images/warehouse/warehouse-banner.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: top;
}
/*.warehouse{background:url(../images/banner.jpg) repeat;color:#FFF;}*/
.warehouse .text-holder.block-holder{font-size:0;margin:0 -40px;color:#FFF;text-align: center;}
.warehouse .text-holder .block{width:50%;box-sizing:border-box;-moz-box-sizing:border-box;padding:0 40px;text-align: left;display:inline-block;vertical-align: middle;}
.warehouse .text-holder .block.title{text-align: right;}
.warehouse .text-holder .block h3 {font-size:50px;margin-top:15px;padding-top:10px;line-height: 55px;color:#fa5908;margin-bottom:15px;}
.warehouse .text-holder .block h3:before{background-color:#FFF;height:1px;width:300px;left:auto;right:0;}

.warehouse .text-holder .block p{margin-bottom:35px;}
.warehouse .text-holder .block .img-border{box-sizing:border-box;-moz-box-sizing:border-box;border:5px solid #FFF;max-width:100%;}
.warehouse .intro{margin-top:-12%;}
.warehouse .intro .wrapper{padding-bottom:7%;padding-top:7%;text-align: left;}
.warehouse .intro .wrapper .text-holder{width:50%;color:#FFF;}
.warehouse .intro .sharp .bg-holder.solid-color{background: #FA5908;}
.warehouse .wine-warehouse{margin-top:0%;}
.warehouse .wine-warehouse .wrapper{padding-bottom: 14%;padding-top:14%;text-align: left;}
.warehouse .cosmetics{margin-top:-3%;}
.warehouse .cosmetics .wrapper{padding-bottom: 14%;padding-top:14%;text-align: left;}

.warehouse .rice {margin-top:-3%;}
.warehouse .rice .wrapper{padding-bottom: 14%;padding-top:14%;text-align: left;}

.warehouse .aircon {margin-top:-3%;}
.warehouse .aircon .wrapper{padding-bottom: 14%;padding-top:14%;text-align: left;}

.warehouse .dangerous{margin-top:-3%;}
.warehouse .dangerous .wrapper{padding-bottom: 14%;padding-top:14%;text-align: left;}
.warehouse .warehouse-end{margin-top: 0%;margin-bottom: -6%;}
.warehouse .warehouse-end .sharp.right{transform: skewY(0deg);}
.warehouse .warehouse-end .sharp .bg-holder.solid-color{background: #ff5a00;}
#warehouse-page .wine-warehouse .bg-holder {position: relative;width: 100%;background: url('../images/warehouse/warehouse-img-4.jpg') no-repeat;background-size: cover;background-attachment: fixed;}
#warehouse-page .cosmetics .bg-holder {position: relative;width: 100%;background: url('../images/warehouse/warehouse-img-5.jpg') no-repeat;background-size: cover;background-attachment: fixed;}
#warehouse-page .dangerous .bg-holder {position: relative;width: 100%;background:#041c38;}
#warehouse-page .rice .bg-holder {position: relative;width: 100%;background:#041c38;}
#warehouse-page .aircon .bg-holder {position: relative;width: 100%;background: url('../images/warehouse/warehouse-img-9.jpg') no-repeat;background-size: cover;background-attachment: fixed;}
#warehouse-page .about-seperator {margin: 15px auto 20px auto;}




.case {background:url('../images/banner.jpg');}
.case .case-1{margin-top:-7%;}
.case .case-1 .wrapper{padding-bottom: 14%;padding-top:7%;text-align:left;}
.case .case-1 .text-holder{width:50%;text-align: left;color:#FFF;box-sizing:border-box;-moz-box-sizing:border-box;padding-right:101px;}
.case .case-1 .text-holder h3{padding-top:0;padding-bottom:15px;}
.case .case-1 .text-holder h3:before{left:0;top:auto;bottom:0;height:1px;width:75%;background:#FFF;}
.case .case-2{margin-top:-7%;}
.case .case-2 .wrapper{padding-bottom: 7%;padding-top:7%;text-align: center;}
.case .case-2 .text-holder.block-holder{font-size:0;margin:0 -40px;color:#000;text-align: center;}
.case .case-2 .text-holder .block{width:50%;box-sizing:border-box;-moz-box-sizing:border-box;padding:0 40px;text-align: left;display:inline-block;vertical-align: middle;}
.case .case-2 .text-holder .block.title{text-align: right;}
.case .case-2 .text-holder .block h3 {font-size:30px;margin-bottom:15px;padding-bottom:15px;color:#fa5908;}
.case .case-2 .text-holder .block h3:before{background-color:#fa5908;;height:1px;width:300px;top:auto;bottom:0;}
.case .case-2 .text-holder .block p{margin-bottom:35px; color: #FFF;}
.case .case-2 .text-holder .block .img-border{box-sizing:border-box;-moz-box-sizing:border-box;border:10px solid #e9e9e9;max-width:100%;}

#case-study-page .banner {position: relative;width: 100%;height: 750px;background:url('../images/banner.jpg'); background-attachment: fixed; background-size: cover;}
#case-study-page .case-2 .bg-holder {
  position: relative;
  width: 100%;
  background: url('../images/case/case-img-1.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
  }

  #case-study-page .about-seperator {margin: 12px auto 20px auto;}


.testimonials {background:url('../images/about/history-bg.jpg') no-repeat; background-position: right center; background-size:cover; background-attachment:fixed; color:#FFF;margin-bottom: -12%;}
.testimonials .testimonials-container {margin-top: -16%;}
.testimonials .testimonials-container .background-arrow{border:500px solid transparent;opacity: 0.02;position: absolute;top: 35%;border-right: 0;border-top-width: 460px;border-bottom-width: 460px;border-left-width: 1662px;}
.testimonials .testimonials-container .wrapper{padding-bottom: 290px;}
.testimonials .testimonials-container .testimonials-holder{position: relative;text-align: center;margin-top: 80px;}
.testimonials .testimonials-container .testimonials-holder .text-holder{width:50%;margin-bottom:100px;display:inline-block;}
.testimonials .testimonials-container .testimonials-holder .text-holder img{margin-bottom: 5px;}
.testimonials .testimonials-container .testimonials-holder .text-holder h3{padding-top:0;color:#fa5908;margin-bottom: 10px;}
.testimonials .testimonials-container .testimonials-holder .text-holder h3:before{display:none;}
.testimonials .testimonials-container .testimonials-holder .text-holder p{font-size:16px;position: relative; line-height: 26px;}
.testimonials .testimonials-container .testimonials-holder .text-holder p:before{content: open-quote;font-size: 100px;font-family: Arial;line-height: 0;height: 0;position: absolute;left: -100px;top: 20px;font-weight: bold;color:#183a95;}
.testimonials .testimonials-container .testimonials-holder .text-holder p:after{content: close-quote;font-size: 100px;font-family: Arial;line-height: 0;height: 0;position: absolute;right: -100px;top: 20px;font-weight: bold;color:#183a95;}

.testimonials .testimonials-container .awards{font-size:0;text-align: center;}
.testimonials .testimonials-container .awards h1{font-size:48px;font-weight: bold;position: relative;padding-bottom: 8px;margin-bottom: 8px;text-transform: uppercase;}
.testimonials .testimonials-container .awards h1:before{content:'';width:150px;height:2px;background-color:#fa5908;position: absolute;bottom:0;left:50%;margin-left:-75px;}
.testimonials .testimonials-container .awards h2{font-size:32px;font-weight: bold;}
.testimonials .testimonials-container .awards div{text-align: center;box-sizing:border-box;-moz-box-sizing:border-box;display:inline-block;margin:15px;vertical-align: top;width:165px;}
.testimonials .testimonials-container .awards div.border:before{content:'';display:inline-block;vertical-align: middle;}
.testimonials .testimonials-container .awards div.border{height:165px;background:#CCC;margin:0;vertical-align: middle;display:block;width:auto;}
.testimonials .testimonials-container .awards div img{width:100%; border: 5px solid #FFF; box-sizing: border-box;}
.testimonials .testimonials-container .awards div span{font-size:13px;color:#FFF;display:inline-block;margin-top:10px;}
.testimonials .testimonials-container .awards div.break{display:block;width:0;height:0;margin:0;}

.testimonials .about-seperator {margin: 15px auto 20px auto;}


.news{background:url(../images/banner.jpg) repeat;color:#FFF;}
.news .news-block{margin-top: -16%;padding-bottom:16%;}
.news .news-block .text-holder{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #FFF;}
.news .news-block .text-holder h3{padding-top:0;}
.news .news-block .text-holder h3:before{display:none;}
.news .news-end{margin-bottom: -2%;margin-top: 2%;}
.news .news-end .sharp .bg-holder.solid-color{background:#fa5908;}

.contact{}
.contact .contact-start{margin-top:-12%;}
.contact .contact-start .sharp .bg-holder.solid-color{background: #FA5908;}
.contact .intro{color:#FFF; background: #FA5908;}
.contact .intro .sharp.right{transform: skewY(0deg);}
.contact .intro .sharp.right .bg-holder {transform: skewY(0deg);}
.contact .intro .sharp .bg-holder.solid-color{background:#041c38;}
.contact .intro .wrapper{padding-bottom:7%;padding-top:7%;text-align:left;}
.contact .intro img{margin-bottom:20px;width: 250px;}
.contact .intro .block-holder{font-size:0;}
.contact .intro .block-holder .block{display:inline-block;width:33.33%;box-sizing:border-box;-moz-box-sizing:border-box;padding:0 10px;}

.contact .map{min-height: 400px;}
.contact .map .sharp.left{transform: skewY(0deg);}
.contact .map .sharp.left .bg-holder {transform: skewY(0deg);min-height: 400px;}
.contact .map .sharp .bg-holder.solid-color .map-holder{width:100%;padding-top: 63%;position: absolute;top:0;min-height: 530px;box-sizing:border-box;-moz-box-sizing:border-box;}
.contact .contact-end{margin-bottom: -16%;margin-top: 16%;}
.contact .contact-end .sharp .bg-holder.solid-color{background: none;}
#contact-us-page .banner .text-holder h1:before {display: none;}
#contact-us-page .banner img {width: 100%; height: 80%;}


.footer .copyright-footer-span {margin-right: 5px;}

/* Investor page
---------------------------------------------*/
#ir-page .wrapper p {line-height: 22px;}
#ir-page .ir-section .bg-image {background: none; height: 800px;}
.ir-index .footer {background: none!important;}
#ir-page .section-container .sharp.right {transform: skewY(-7deg);}
#ir-page .section-container .sharp.left {transform: skewY(7deg);}
.ir-page .intro{margin-top:-12%;}
.ir-page .intro .wrapper{padding-bottom:7%;padding-top:7%;text-align: left;}
.ir-page .intro .wrapper .text-holder{width:50%;color:#FFF;}
.ir-page .intro .sharp .bg-holder.solid-color{background: #FA5908;}

.ir-page .ir-section {margin-top:-15%; background: none;}

.ir-page .warehouse-end{margin-top: 0%;margin-bottom: -6%;}
.ir-page .warehouse-end .sharp.right{transform: skewY(0deg);}
.ir-page .warehouse-end .sharp .bg-holder.solid-color{background: #041C38;}
#ir-page .dangerous .bg-holder {position: relative;width: 100%;background:#041c38;}
#ir-page .rice .bg-holder {position: relative;width: 100%;background:#041c38;}
#ir-page .ir-section .bg-holder {position: relative;width: 100%;background: url('../images/investors/img-1.jpg') no-repeat;background-size: cover;}
#ir-page .about-seperator {margin: 25px auto 20px auto;}

#ir-page .footer {background: #041C38;}

/* Announcements */
#ir-page .ir-announcements .ir-section .bg-holder {position: relative;width: 100%; background: #041C38;}
#ir-page .ir-announcements .ir-section .wrapper{padding-bottom: 18%;padding-top:10%; text-align: left; height: auto;}

#ir-page .ir-announcements .ir-section .content-wrap {display: block; margin: 0 auto; max-width: 900px; color: #FFF;}
#ir-page .ir-section .content-wrap .years {display: block; font-size: 0px; margin: 0 auto; text-align: center; margin-bottom: 50px;}
#ir-page .ir-section .content-wrap .years span {display: inline-block; font-size: 24px; margin: 0 20px; cursor: pointer;}

#ir-page .ir-section .content-wrap .row {display: block; font-size: 0; border-bottom: 1px solid rgba(255,255,255,0.3); padding: 20px 0; min-height: 82px; box-sizing: border-box;}
#ir-page .ir-section .content-wrap .row .date {display: inline-block; font-size: 16px; float: left; margin-right: 20px;}
#ir-page .ir-section .content-wrap .row .context {display: inline-block; font-size: 14px;padding-right: 20px; box-sizing: border-box; max-width: 650px;}
#ir-page .ir-section .content-wrap .row .pdf-btn {display: inline-block; font-size: 12px; float: right; box-sizing: border-box; border: 1px solid #FFF; padding: 5px 10px; min-width: 137px;}
#ir-page .ir-section .content-wrap .row .pdf-btn a {transition: none;}
#ir-page .ir-section .pdf-btn a {transition: none;}
#ir-page .ir-section .content-wrap .row .pdf-btn:hover {border: 1px solid #FA5908; color: #FA5908;}
#ir-page .ir-section .pdf-btn:hover {border: 1px solid #FA5908; color: #FA5908;}

#ir-page .financial-data .title {color: #fa5908; font-size: 24px; display: block; text-align: center; margin-bottom: 10px;}

#ir-page .hov {color: #fa5908;}

#ir-page .prospectus .wrapper {font-size: 0;}
#ir-page .prospectus .wrapper .block {width: 100%; display: inline-block; box-sizing: border-box; text-align: center; padding: 20px 0;}
/*#ir-page .prospectus .wrapper .block:nth-child(1) {border-right: 3px solid #fa5908;}*/
#ir-page .prospectus .wrapper .block-title {font-size: 24px; margin-bottom: 10px;}
#ir-page .ir-section .pdf-btn {display: inline-block; font-size: 12px;box-sizing: border-box; border: 1px solid #FFF; padding: 5px 10px;}

#ir-page .governance .wrapper .row {text-align: center; border: none; margin-bottom: 10px;}
#ir-page .governance .wrapper .general-title h2 {line-height: normal; margin-bottom: 0;}
#ir-page .governance .wrapper .general-info {text-align: center;}
#ir-page .governance .wrapper .general-info .context-wrap {display: inline-block; width: calc(100% - 40px);}
#ir-page .governance .wrapper .general-info .number {font-size:14px;display:inline-block;vertical-align:top;margin-right:10px;}
#ir-page .governance .wrapper .general-info span {display: block;}
#ir-page .governance .wrapper .btn-group {display: block;}
#ir-page .governance .wrapper .general-info .pdf-btn {margin: 10px 10px 0 0;}
#ir-page .governance .wrapper .row .orange-line {max-width: 500px; height: 1px; display: block; margin: 0 auto; background: #fa5908; margin-top: 30px;}
#ir-page .governance h1 {font-size: 24px; color: #fa5908; margin-bottom: 10px;}
#ir-page .governance h2 {font-size: 24px; color: #FFF; margin-bottom: 10px;}
#ir-page .governance .wrapper .row:nth-last-child(1) .orange-line {display: none;}
#ir-page .governance .wrapper .orange-line {height: 1px; width: 100%; background: #FA5908; margin: 50px 0;}
#ir-page .governance .wrapper .pdf-btn {display: inline-block; font-size: 12px;box-sizing: border-box; border: 1px solid #FFF; padding: 5px 10px; float: none!important; margin: 0 5px;}

#ir-page .contacts .wrapper .content-wrap {text-align: center;}
#ir-page .contacts .wrapper .title1 {display: block; font-size: 22px; color: #fa5908; text-align: center; margin-bottom: 20px;}
#ir-page .contacts .wrapper .title2 {display: block; font-size: 22px; color: #FFF; text-align: center; margin-bottom: 20px;}
#ir-page .contacts .wrapper .contact-box {display: inline-block; text-align: left;}
#ir-page .contacts .wrapper .contact-box .info {display: block; font-size: 16px; margin-bottom: 10px;}
#ir-page .contacts .wrapper .contact-box .info img {margin-right: 10px;}
#ir-page .contacts .wrapper .contact-box .info span {vertical-align: top;}
/*Coming Soon styles*/
#ir-page .ir-section .content-wrap .coming-soon {text-align: center;}
#ir-page .ir-section .content-wrap .coming-soon h1 {font-size: 24px; color: #FFF;}
#ir-page .ir-section .content-wrap .coming-soon span {font-size: 18px; color: #FFF;}








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

@media screen and (max-width: 1280px){
  .wrapper{padding-left:20px;padding-right:20px;}

  .banner .text-holder p{width:80%;}
  .banner .text-holder span{width:80%;}

  .home .intro .wrapper{padding-left:20px;padding-right:20px;}

  .service .text-holder .block h3{font-size:50px;line-height:60px;}

  .warehouse .text-holder .block h3 {font-size:50px;line-height: 60px;}

  .warehouse .intro .wrapper .text-holder {width: 70%; padding: 20px 0;}

  #home-page .intro-img .bg-img {
  position: relative; 
  -webkit-backface-visibility: hidden; 
  height: 700px; 
  background: #000; 
  left: auto !important; 
  background: url('../images/home/home-img-1.jpg') no-repeat;
  background-size: 160%;
  background-position-x: 40% !important;
/*  background-size: cover;
  background-position: 0% 0px;*/
  background-attachment: scroll;
  }
#home-page .intro-detail-list .bg-img {
  position: relative; 
  -webkit-backface-visibility: hidden; 
  height: 1100px; 
  background: #000; 
  left: auto !important; 
  background: url('../images/home/intro-img-1.jpg') no-repeat;
  background-size: cover;
  background-attachment: scroll;
  }

  /* About page */
  .about .intro .wrapper {padding: 100px 20px;}
  .about .intro-detail-text .wrapper {padding: 100px 0;}

  /* Mission page */ 
  #mission-page .banner {height: 700px;}
  .mission .intro .wrapper {padding: 150px 0;}

  /* Structure page */ 
  #structure-page .banner {height: 700px;}

  /* Casestudy page */
  .case .case-1 .text-holder {width: 60%; padding-right: 0;}



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

  h2{font-size:40px;line-height: 43px;}
  h3{font-size:30px;line-height: 30px;}
  h4 {font-size: 23px;}
  p {font-size: 16px;}

  .section-container .text-holder h3 {font-size:24px;line-height: 35px;}

  .banner .text-holder p{width:90%;}
  .banner .text-holder span{width:90%;}

  .home .banner .slide .text-holder h1 {font-size:80px;line-height: 75px;}
  .home .banner .slide .text-holder span{width:90%;}


  .about .intro{margin-top:-17%;}
  .about .intro-detail-text .text-holder{width:80%;}
  .about .intro-detail-text .btn-holder{width:80.5%;}


  .chairman .intro .text-holder {width: 100%;padding-right:250px;box-sizing:border-box;-moz-box-sizing:border-box;}
  .chairman .intro .chairman-img {width: 230px;right:-10px;bottom: 70px;}
  .chairman .detail-text .wrapper {padding-top:14%;}
  .chairman .detail-text .text-holder{width:80%;}
  .chairman .detail-text .text-holder:before{left: 0px;top: 0px;}
  .chairman .detail-text .text-holder:after{right: 0px;bottom: -50px;}

  .service .text-holder.block-holder{margin:0;}
  .service .text-holder .block{width:100%;}
  .service .text-holder .block.title{text-align: left;}
  .service .text-holder .block h3 {font-size: 50px;line-height: 55px;margin-top: 10px;}
  .service .text-holder .block h3::before{right:auto;left:0;}

  .service .warehousing-services .wrapper{padding-top:15%;padding-bottom:15%;}

  .warehouse .text-holder.block-holder{margin:0;}
  .warehouse .text-holder .block{padding:0 20px;}
  .warehouse .text-holder .block h3 {font-size: 50px;line-height: 55px;margin-top: 10px;}

  .testimonials .testimonials-container .awards div.break{display:none;}
  .testimonials .testimonials-container .awards h2{font-size:40px;line-height: 43px;}

  /* About page */
  .about .intro .text-holder {width: 70%;}

  /* Mission page */
  .mission .intro .text-holder {width: 80%;}
  #mission-page .mission-end {height: 400px!important;}

  /* Service page */
  .service .packaging .wrapper {padding-top: 12%; padding-bottom: 17%;}

  /* Home page */
  #home-page .bg-img {display: none;}
  #home-page #home-bg-img {display: inline; left: 50%!important;}
  .home .intro-detail-list .list .block h3 {font-size: 30px;}
  .home .intro-detail-list .list .block h4 {font-size: 18px;}

  /* Investors */
  #ir-page .ir-section .bg-image {height: 500px;}

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

  .banner .text-holder h1{font-size: 45px;padding-bottom: 0px;margin-bottom: 0px;}
  .banner .text-holder h2 { font-size: 27px;}

  .banner{max-height: 600px;}

  .home .banner{max-height: 600px;height:600px;}

  .home .intro-img{max-height:300px;}
  .home .intro-img .bg-img{top: -185px;}
  .home .intro .text-holder{width:80%;}
  .home .intro-detail-text{padding-bottom:18%;padding-top: 90px;}
  .home .intro-detail-list .list {text-align: center;}
  .home .intro-detail-list .list .block{width:50%;text-align: left;margin-bottom:30px;}

  .about .intro .text-holder{width:100%;}
  .about .intro-detail-text .text-holder{width:90%;}
  .about .about-img{max-height:400px;}
  .about .about-img .bg-holder .bg-img{top: -110px;}
  .about .intro-detail-text .btn-holder{width:90.5%;}

  .chairman .intro .text-holder {padding-right:160px;}
  .chairman .intro .chairman-img{right: -60px;bottom: 45px;}


  .structure .section-container .text-holder{width:85%;}
  .structure .section-container .text-holder h3 {font-size: 55px;line-height: 55px;margin-top: 10px;}

  .structure .intro .wrapper {padding-bottom: 13%;padding-top: 9%;}
  .structure .intro-2 .wrapper {padding-bottom: 13%;padding-top: 9%;}
  .structure .intro-3 .wrapper {padding-bottom: 13%;padding-top: 9%;}
  .structure .intro-4 .text-holder {margin:0;}
  .structure .intro-4 .text-holder .block{width:100%;margin-bottom:40px;padding: 0;}
  .structure .intro-4 .text-holder .block h3 {font-size: 40px;line-height:40px;}
  .structure .intro-5 .wrapper {padding-bottom: 13%;padding-top: 9%;}

  .service .intro .wrapper {padding-bottom: 13%;padding-top: 9%;}
  .service .intro .text-holder {width:100%; padding: 50px 0;}
  .service .text-holder .block{padding:0;}

  .warehouse .text-holder .block {width:100%;}
  .warehouse .text-holder .block h3 {font-size: 33px;line-height: 38px;}
  .warehouse .text-holder .block h3::before {width: 100%;}
  .warehouse .text-holder .block .img-border{width:100%}
  .warehouse .text-holder .block.title{text-align: left;}

  .case .case-1 .text-holder{width:85%;padding:50px 101px 50px 0;}
  .case .case-2 .text-holder.block-holder{margin:0;}
  .case .case-2 .text-holder .block.title{text-align: left;}
  .case .case-2 .text-holder .block{padding:0 20px;width: 100%;}

  .testimonials .testimonials-container .testimonials-holder .text-holder {width: 70%;}
  .testimonials .testimonials-container .awards h1{font-size: 45px;padding-bottom: 15px;margin-bottom: 20px;}
  .testimonials .testimonials-container .awards h2{ font-size: 27px;}

  .contact .intro .wrapper {padding-bottom: 10%;padding-top: 10%;}

  /* About page */
  .about .intro .text-holder .cn-name {font-size: 18px;}

  /* Structure page */
  #structure-page .banner {max-height: 600px;}
  .structure .section-container .text-holder h3 {font-size: 40px;}
  .structure .intro .wrapper {padding-top: 10%; padding-bottom: 16%;}
  .structure .intro-2 .wrapper {padding-top: 5%; padding-bottom: 13%;}
  .structure .intro-4 .wrapper {padding-top: 7%; padding-bottom: 15%;}
  .structure .intro-6 .wrapper {padding-top: 10%; padding-bottom: 16%;}
  .structure .intro-7 .wrapper {padding-top: 5; padding-bottom: 12%;}

  /* Service page */
  #service-page .section-container .text-holder .cn-name {font-size: 18px;}

  /* Warehouse page */
  .warehouse .aircon .wrapper {padding-top: 14%; padding-bottom: 20%;}

  /* Testimonials page */
  .testimonials .testimonials-container .wrapper {padding-bottom: 180px;}

  /* Investors */
  #ir-page .contacts .wrapper .title1 {font-size: 18px;}
  #ir-page .contacts .wrapper .title2 {font-size: 18px;}
  #ir-page .ir-announcements .ir-section .wrapper {padding-top: 15%;}

}
@media screen and (max-width: 640px){
  .home .intro-detail-text .text-holder p{width:100%;}

  .mission .intro .text-holder{width:100%;}
  .mission .intro .mission-img{width:100%;}

  .warehouse .intro .wrapper .text-holder {width: 100%; padding: 50px 0;}


  .service .text-holder .block h3 {font-size: 40px;line-height: 45px;}

  .case .case-1 .text-holder {padding: 50px 0px 50px 0px;}

  /* Mission page */
  #mission-page .cn-name {font-size: 18px;}
  .mission .intro .wrapper {padding: 100px 20px;}
  #mission-page .mission-end {height: 300px!important;}

  /* Warehouse page */
  .section-container .text-holder .cn-name {font-size: 18px;}

  /* Contact page */
  #contact-us-page .mission-img {margin-top: 50px; margin-right: 0;}
  #contact-us-page .section-container #joinus {padding: 20px 20px 12% 20px; width: 100%; box-sizing: border-box;}
  .contact .intro .wrapper {padding-top: 12%; padding-bottom: 12%;}
  #contact-us-page .section-container .text-holder .cn-name {font-size: 16px;}
  #contact-us-page #worldlink-contact .text-holder p {font-size: 14px; line-height: 20px;}

  /* Investors */
  #ir-page .ir-section .bg-image {height: 300px;}
  #ir-page .ir-section .content-wrap .years {margin: 0px auto 20px;}

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

  h2 {font-size: 33px;line-height: 35px;}
  h4 {font-size: 20px;}
  h3 {letter-spacing: 0px;}

  .banner {max-height: 470px;}
  .banner .text-holder h1 {font-size: 29px;}
  .banner .text-holder p {font-size: 16px;}

  .section-container .text-holder h3 {font-size:23px;line-height: 30px;}

  .home .intro .wrapper {padding: 70px 20px 120px 20px;}
  .home .intro .text-holder{width:100%;text-align: left;}
  .home .intro .text-holder::before{left:0;right:auto;}
  .home .intro-detail-text{padding-bottom:30%;}
  .home .banner .slide .text-holder h1 {font-size:60px;line-height: 60px;}
  .home .banner .slide .text-holder span {font-size: 22px;}
  .home .intro-detail-list .list .block{width:100%;}

  .about .intro .text-holder {width: 100%;}
  .about .intro-detail-text .text-holder {width: 100%;}
  .about .intro-detail-text .text-holder .img-holder{margin:0;}
  .about .intro-detail-text .text-holder .img-holder img{width:100%;margin:0;margin-bottom:10px;}
  .about .intro-detail-text .btn-holder {width: 100.5%;}
  .about .intro-detail-text .btn{width:100%;}

  .chairman .intro .text-holder {padding-right: 140px;}
  .chairman .intro .chairman-img {right: -75px;bottom: 20px;}
  .chairman .detail-text .wrapper {padding-top:30%;padding-bottom:30%}
  .chairman .detail-text .text-holder {width: 100%;}

  .history{background:url('../images/about/history-bg.jpg') repeat; background-size: 180%; background-attachment:fixed; color:#FFF;margin-bottom: -12%;}
  .history .history-container .history-holder:after{left:0px;}
  .history .history-container .history-holder .year{width:100%;left:0%;padding-left:20px;}
  .history .history-container .history-holder .year:before{top:-7px;left:-7px;}
  .history .history-container .history-holder .year:nth-child(2n){left:0%;padding-right:0px;padding-left:20px;text-align: left;}
  .history .history-container .history-holder .year:nth-child(2n):before{left:-7px;}
  .history .history-container .history-holder .year h4{font-size:40px;margin-bottom: 0;}


  .structure .section-container .text-holder{width:100%;}
  .structure .section-container .text-holder h3 {font-size: 40px;line-height: 40px;}
  .structure .intro .wrapper {padding-bottom: 16%;padding-top: 12%;}
  .structure .intro-2 .wrapper {padding-bottom: 16%;padding-top: 12%;}
  .structure .intro-3 .wrapper {padding-bottom: 16%;padding-top: 12%;}
  .structure .intro-5 .wrapper {padding-bottom: 16%;padding-top: 12%;}

  .service .text-holder .block h3 {font-size: 33px;line-height: 38px;}
  .service .text-holder .block h3::before {width: 100%;}

  .warehouse .intro .wrapper {}
  .warehouse .intro .wrapper .text-holder {width:100%;}

  .warehouse .text-holder .block{padding:0;}

  .case .case-1 .text-holder{width:100%;padding-right:0px;text-align: left;}
  .case .case-1 .text-holder h3::before{left:0;right:auto;}
  #case-study-page .section-container .text-holder h3 {font-size: 21px;}
  .case .case-2 .text-holder .block{padding:0;}
  .case .case-2 .text-holder .block h3::before { width: 100%;}
  .case .case-2 .text-holder .block.title{width:100%;}

  .testimonials{background:url('../images/about/history-bg.jpg') repeat; background-size: 180%; background-attachment:fixed; color:#FFF;margin-bottom: -12%;}
  .testimonials .testimonials-container .testimonials-holder .text-holder {width:100%;}
  .testimonials .testimonials-container .awards h1{font-size: 29px;}

  /* About page */
  #aboutus-page .section-container .text-holder p {padding: 0 0; box-sizing: border-box;}
  #aboutus-page .about .intro-detail-text .wrapper {padding: 100px 0 20px 0;}

  /* Chairman */
  .chairman .intro .chairman-img {display: none;}
  .chairman .intro .text-holder {padding: 50px 0px;}
  .section-container .text-holder h3,
  .chairman .detail-text .text-holder h4 {font-size: 18px;}

  /* Home page */
  #home-page .banner .text-holder h1 {font-size: 50px; line-height: 50px; letter-spacing: 0px;}

  /* Case Studies page */
  #case-study-page .case-2 .bg-holder {
  position: relative;
  width: 100%;
  background: url('../images/case/case-img-1.jpg') no-repeat;
  background-size: cover;
  background-attachment: scroll;
  }

  .footer .copyright-footer-span {display: block; margin: 0;}
  .footer .worldlink-footer-span {display: block;}

  #warehouse-page .banner {
    position: relative;
    width: 100%;
    height: 750px;
    background: url('../images/warehouse/warehouse-banner.jpg') no-repeat;
    background-size: 300%;
    background-attachment: fixed;
    background-position: top;
  }
  /* Contact page */
  #contact-us-page .banner {max-height: 400px;}
  #contact-us-page .banner .text-holder {top: 150px;}
  #contact-us-page .mission-img {height: 250px;}

  /* Investors */
#ir-page .ir-announcements .ir-section .wrapper {padding-bottom: 30%; padding-top: 15%;}
#ir-page .ir-section .content-wrap .years span {margin: 0 15px; font-size: 20px;}
#ir-page .ir-section .content-wrap .row .date {display:block; font-size: 16px; float: none; margin-right: 20px; margin-bottom: 10px}
#ir-page .ir-section .content-wrap .row .context {display:block; font-size: 14px;padding-right: 0; box-sizing: border-box; max-width: 650px; margin-bottom: 15px;}
#ir-page .ir-section .content-wrap .row .pdf-btn {display: inline-block; font-size: 12px; float: none; box-sizing: border-box; border: 1px solid #FFF; padding: 5px 10px;}

#ir-page .prospectus .wrapper .block-title {font-size: 18px;}
#ir-page .prospectus .wrapper .block:nth-child(1) {border-right: 1px solid #FA5908;}

#ir-page .governance h1 {font-size: 20px;}
#ir-page .wrapper p {font-size: 14px;}



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



@media screen and (orientation:landscape) and (max-width: 480px),screen and (orientation:landscape) and (max-width: 640px){
}


/**** for retina ****/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio:2) {

      

}