@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: arimo;
    src:url('fonts/Arimo-Regular.ttf');
}
@font-face {
    font-family: arimo-bold;
    src:url('fonts/Arimo-Bold.ttf');
}
html { -webkit-text-size-adjust: none; }
body { background: #eff8fc; }
html, body{font-family:arimo; font-size: 16px; line-height: 26px;}
*{image-rendering: -webkit-optimize-contrast;}
p{font-size:16px; line-height: 26px; margin-bottom: 30px;}
.lead{text-transform:uppercase; color:#007ac0;}
.bold{font-weight:bold;}
.normal{font-weight: normal;}
.italic{font-style:italic;}
.uppercase{text-transform:uppercase;}
.remark{font-size:12px; line-height: 16px;}
sup{font-size: 10px; vertical-align: super;}
ul.remark{font-size:14px; position: relative; line-height: 16px;}
ul.remark span{display: block; position: absolute; left: 0;}
ul.remark li {padding:0 0 0 20px; margin-bottom: 10px;}
ul.listDot { position: relative; margin: 5px 0 0 0; margin-bottom: 30px;}
ul.listDot li:before{content:"■"; color:#007ac0; position: absolute; left: 0;}
ul.listDot li{padding:0 0 0 20px; line-height: 28px;}
ul.listNum { counter-reset: number; margin-bottom: 30px; }
ul.listNum > li { position: relative; padding-left: 35px; margin-bottom: 10px; line-height: 28px; }
ul.listNum > li:before { content: counter(number) ". " ; counter-increment: number; display: inline-block; width: 35px; position: absolute; left: 0; }
ul.listNum2lv { counter-reset: number2lv; }
ul.listNum2lv > li { position: relative; padding-left: 45px; margin-bottom: 10px; line-height: 28px; }
ul.listNum2lv > li:before { content: counter(number) "." counter(number2lv) ; counter-increment: number2lv; display: inline-block; width: 45px; position: absolute; left: 0; }
ul.listLetter { counter-reset: letter;  margin-bottom: 30px }
ul.listLetter > li { position: relative; padding-left: 30px; margin-bottom: 0px; line-height: 28px; }
ul.listLetter > li:before { content: counter(letter, lower-alpha) ") " ; counter-increment: letter; display: inline-block; width: 30px; position: absolute; left: 0; }
ul li > ul.subList { padding-top: 10px; margin-bottom: 0; }
/*ul li > ul li:last-child { margin-bottom: 30px; }*/
ul li > ul li > ul li:last-child { margin-bottom: 10px; }
.header{padding:0 20px; height: 40px; position: relative; background: #ffffff; display: none;}
.header .chi-btn{font-family:Microsoft JhengHei, LiHei Pro Medium, Helvetica, Arial, sans-serif; font-size: 12px; position: absolute; top: 12px;}
.centerText{text-align:center !important;}
.wrapper{max-width:1200px; margin: 0 auto; background: #fff; }
.container{position:relative;}
.hidden-xs{display:none;}
.text-wrap { display: inline-block; }
#map{max-width:480px; height: 300px; margin: 0 auto 30px auto;}
.img-responsive { width: 100%; }
a.btn-grey {background:#989a9c; padding: 5px 10px; color:#ffffff !important; margin-top: 10px; display: inline-block; font-size: 0.8em; margin-right: 25px; }

.table-row { margin-bottom: 30px; line-height: 28px; }
.table-row .right > .table-row { margin-bottom: 0; }
.table-row .left, .table-row .right { float: left; }
.table-row .left { width: 27%; padding-right: 10px; }
.table-row .right { width: 73%; padding-right: 10px; }	
.table-row .right > .table-row .left, .table-row .right > .table-row .right { float: none; }


.tab-nav li.active a { color: #007ac0; }
.tab-content > div { display: none; }
.tab-content > div.active { display: block; }


.w-100 { width: 100%; }



/* Chinese */
#tc {font-family:Microsoft JhengHei, LiHei Pro Medium, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px;}
#tc .content-wrapper h1{ font-family:Microsoft JhengHei, LiHei Pro Medium, Helvetica, Arial, sans-serif;}
#tc .leftNav li a, #tc .leftNav li{font-size:15px;}
#tc .tcreport .leftNav{float:none; display: block; vertical-align: top;}
#tc .tcreport .reports{display:block; vertical-align: top;}



/* mobile header */
.mobile-header {position:fixed; width: 100%; z-index: 500; padding: 15px;}
.mobile-header .logo{width:93px; height: 93px; float:left; transition: 0.5s;}
.mobile-header.shrink .logo{width:60px; height:60px;}
.mobile-header .logo .chi-logo {display: none;}
#tc .mobile-header .logo .en-logo {display: none;}
#tc .mobile-header .logo .chi-logo {display: block;}
.mobile-header .chi-btn { font-family:Microsoft JhengHei, LiHei Pro Medium, Helvetica, Arial, sans-serif; position: absolute; right: 60px; top: 18px; z-index: 600;}
.mobile-header .chi-btn a{ color:#ffffff;}
.mobile-header.shrink .chi-btn a, body.fixed .mobile-header .chi-btn a, .wrapper.ir .mobile-header .chi-btn a{ color:#007abf;}
.mobile-header.shrink{background:#ffffff;}
.hamburger{display: block; float: right; padding: 15px 0 15px 0; position: absolute; top:0; right: 15px; z-index: 500;}
.hamburger-box{width:25px;}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{width:25px; background:#ffffff;}
.mobile-header.shrink .hamburger-inner, .mobile-header.shrink .hamburger-inner:after, .mobile-header.shrink .hamburger-inner:before,
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after,  .hamburger.is-active .hamburger-inner:before
{background:#007abf;}
.wrapper.ir .hamburger-inner, .wrapper.ir .hamburger-inner:after, .wrapper.ir .hamburger-inner:before{background:#007abf;}

.mobile-nav{width:100%; height: 100vh;  position: absolute; left: 100%; z-index: 400; transition: 0.5s; background:#ffffff; top: 0; padding: 40px; overflow-y: auto; }
.mobile-nav.show{left:0; transition: 0.5s;}
.mobile-nav li{border-bottom:1px solid #6d6e71; position: relative; padding: 0 0 0 15px;}
.mobile-nav li a{padding:3px 0; display: block; text-transform: uppercase;}
.mobile-nav li a:before{content:">"; position: absolute; left: 0px; top: 2px;}
.mobile-nav li.act a{color:#007abf;}
.mobile-nav li.act a:before{transform: rotate(90deg);}
.mobile-nav li.act ul.subNav {display: block; }
.mobile-nav ul.subNav{position:relative; display: none; width: 100%; visibility: inherit; top: 0; margin:0 0 15px -45px; }
.mobile-nav ul.subNav li{border:0; }
.mobile-nav ul.subNav li a{ color: #007abf !important; text-transform: inherit;}
.mobile-nav ul.subNav li a:before{content:"";}
.mobile-search{  margin: 20px 0 0 0;}
.mobile-search input{background:#d1d1d1;width:86%;padding:7px}
.mobile-search span{background:none; float:right; border:0; color: #6d6e71; margin-right:5px;margin-top:10px;cursor:pointer;}

/* desktop nav */
.nav{position:relative;}
ul.desktop-nav{font-size:12px; position: absolute; z-index: 100; right: 0;}
ul.desktop-nav > li{display:table-cell; vertical-align: middle; position: relative;}
ul.desktop-nav li a{padding:0 10px; display: block; line-height: 40px;}
ul.desktop-nav li a:hover{ color: #007ac0;}
ul.desktop-nav li a.act{color: #007ac0;}
ul.desktop-nav .searchbtn{width:15px; height: 14px; display: block;}
ul.subNav{position:absolute; background: #ffffff; width: 170px; top: 40px; visibility: hidden; overflow: hidden;}
ul.desktop-nav li:hover ul.subNav {visibility: visible;}
ul.subNav li a{display:block; padding: 5px 15px; line-height:inherit;}

/* Home */
.cookies{background:#007abf; padding: 20px 30px; color: #ffffff; position:fixed; bottom: 0; max-width: 1200px; z-index: 1000;}
.cookies p{color:#ffffff; font-size: 14px; margin: 0;}
.cookies a{color:#ffffff; text-decoration: underline; }
.cookies span{background:#ffffff; padding:0px 15px;cursor: pointer; display: inline-block; margin:5px 0 0; color: #007abf; margin: 10px 10px 0 0;}
.cookies span#acceptcookie{font-family: arimo-bold;}
#eucookielaw { display:none }
.homeBanner{position: relative; height: 455px; overflow: hidden; background: #fff;}
.homeBanner .logo{width:70px; height: 70px; position: absolute; top: 20px; left: 20px; display: none; z-index: 400;}
.homeBanner .slogan img{width:287px; height: auto; position: absolute; top: 90px;; left: 5px;z-index:999}
.alert-txt{font-size:12px;padding-left:30px;padding-right:30px;margin-top:-60px;}

.videoDiv{ width: 100%;   margin-top:-90px;}
.homeStock{background:#007ac0; text-align: center; /*padding: 50px 0;*/ position: relative; }
.quickLinks{padding: 30px; text-align: center; background: #ffffff; position: relative; }
.quickLinks h1{color:#007ac0; text-transform: uppercase; font-size: 32px; margin: 20px; font-weight: bold;letter-spacing: 2px;}
.industry, .brand{background:url(../images/home/grass.jpg) no-repeat; background-size: cover; padding: 60px 20px; background-attachment: fixed; position: relative;}
.industry h1, .brand h1, .home-events h1{color:#ffffff; font-size: 26px; text-transform: uppercase; text-align: center; margin-bottom: 30px; font-weight: bold; letter-spacing: 2px}
.industry .box{position: relative; width: 144px; height:144px; display: inline-block; margin: 10px; }
.industry .box a {position:absolute; width: 100%; height: 100%; z-index: 400;}
.industry .box.overlay { position: relative;}
.industry .box.overlay:after {position: absolute; content:""; top:0; left:0; width:100%; height:100%; opacity:0.8; background:#007ac0; transition:0.5s;}
.industry .box.overlay:hover:after {opacity: 0; transition: 0.5s;}
.industry .box .title{text-transform: uppercase; position: absolute; color: #ffffff; z-index: 400; width: 100%;  top: calc(50% - 15px); text-align: center; font-size: 12px; font-weight: bold; line-height: 18px; letter-spacing: 2px;}
.industry .box.food{background:url(../images/home/industry01.jpg) no-repeat; background-size: cover;}
.industry .box.sturcture{background:url(../images/home/industry02.jpg) no-repeat; background-size: cover;}
.industry .box.natural{background:url(../images/home/industry03.jpg) no-repeat; background-size: cover;}
.industry .box.telecom{background:url(../images/home/industry04.jpg) no-repeat; background-size: cover;}
.industry .flex-center{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.homeInvestment{/*background:#ffffff; padding: 60px 0px;*/ background:url(../images/home/grass.jpg) no-repeat; background-size: cover; padding: 60px 0px 0; background-attachment: fixed;  position: relative; }
.homeInvestment h1{text-align:center; /*color:#6d6e71;*/ color: #fff; font-size: 26px; text-transform: uppercase; /*margin-bottom: 30px;*/ margin-bottom: 50px; font-weight: bold; letter-spacing: 2px;}
.home-logo{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.home-logo img{margin:15px; transition: 0.4s; width:80px; height: auto;}
.home-logo img:hover{box-shadow: 0px 0px 20px #ffffff; transition: 0.4s;}
.homeInvestment-slide{background:#ffffff; }
.homeInvestment-slide > .photo{display:block;}
.homeInvestment-slide img{display:block;}
.homeInvestment-slide > .info{display:block; vertical-align: top; padding: 40px; width: 100%; background: #fff; min-height: 320px; }
.homeInvestment-slide > .info .heading{color:#0080a2; font-size: 26px; text-transform: uppercase; font-weight: bold; margin-bottom: 30px;letter-spacing: 2px;}
.homeInvestment-slide > .info p{font-size:12px; color:#6d6e71; line-height: 16px;}
.homeInvestment-slide .info .read-more{font-size:12px; color:#007ac0;}
.homeInvestment .homeInvest-pager{ position: absolute; right: 0px; bottom: 40px; width: 100%; z-index: 400; text-align: center; color: #6d6e71;}
.homeInvestment .homeInvest-no{font-size:12px;  text-align: center;   display: inline-block; vertical-align: middle;}
.homeInvestment .homeInvest-prev, .homeInvestment .homeInvest-next{display:inline-block; cursor: pointer; font-size: 30px; padding: 0 15px; vertical-align: middle;}
.home-events{background:#007abf; padding: 60px 20px; position: relative;}
.home-events .events .item{ position: relative; padding: 20px; margin: 20px 0 0 0; }
.home-events .events .item .pic{position:absolute; top: 0; z-index: 100; width: 98px; height: 98px; }
.home-events .events .item .pic img{border-radius: 1000%; width: 98px; height: 98px;}
.home-events .events .item .info{border-left:5px solid #ffffff; padding: 80px 0px 40px 25px; margin: 0 0 0 45px; position: relative; min-height: 510px;}
.home-events .events .item .year{ color:#ffffff; font-size: 32px; margin-bottom: 5px; line-height: 40px;}
.home-events .events .item p{color:#ffffff; font-size: 12px; line-height: 20px; margin-bottom: 0; padding-left: 20px;}
.home-events .events .item p:before{ content: '\25A0'; color: #ffffff; position: absolute; left: 25px;}
.home-events .event-pager{position:relative;  border-top: 5px solid #ffffff; margin: -1px 20px 0 20px;}
.home-events .event-prev{ position: absolute; left: -10px; content: ''; border-bottom: 20px solid transparent; border-top: 20px solid transparent; border-right: 25px solid #ffffff; font-size: 30px; top:-22px; cursor: pointer;}
.home-events .event-next{ position: absolute; right: -10px; content: ''; border-bottom: 20px solid transparent; border-top: 20px solid transparent; border-left: 25px solid #ffffff; font-size: 30px; top:-22px; cursor: pointer;}
/*.home-events .slick-track { display: table; height: 100%; }
.home-events .events .item { display: table-cell !important; height: 100% !important; }*/
.home-events .events .item .info { /*height: 100% !important;*/ padding-bottom: 500em!important;; margin-bottom: -500em!important;}
.homeStock iframe { height: 110px; }

.bg-grass { position: fixed; width: 100%; max-width: 1200px; height: 100vh; background: url(../images/home/grass.jpg); background-size: cover; }
.homeInvestment, .brand {background: transparent; }


/* Content */
.sub-banner{background-repeat:no-repeat; background-size: cover; background-position: center; position: relative; height:455px;}
.sub-banner .logo{width:70px; height: 70px; position: absolute; top: 20px; left: 20px; display: none;}
.sub-business{background-image:url(../images/subBanner/sub-business.jpg);}
.sub-about{background-image:url(../images/subBanner/sub-about.jpg);}
.sub-investments{background-image:url(../images/subBanner/sub-investments.jpg);}
.sub-investments.pldt { background-image:url(../images/subBanner/banner-pldt.jpg); }
.sub-investments.mpic { background-image: url(../images/subBanner/banner-mpic.jpg); }
.sub-investments.goodman { background-image: url(../images/subBanner/banner-goodman.jpg); }
.sub-investments.philex { background-image: url(../images/subBanner/banner-philex.jpg); }
.sub-investments.fpm { background-image: url(../images/subBanner/banner-fpm.jpg); }
.sub-investments.fp { background-image: url(../images/subBanner/banner-fp.jpg); }
.sub-products{background-image:url(../images/subBanner/t2.jpg);}
.content-wrapper{padding:90px 20px 40px 20px; }
.content-wrapper a{color:#007ac0;}
.width820{max-width:860px; margin: 0 auto; }
.width1000{max-width:1000px; margin: 0 auto;}
.img-responsive{max-width: 100%; height: auto;}
.content-wrapper h1{font-size:32px; color:#007ac0; text-transform: uppercase; font-family: arimo; margin-bottom: 36px; text-align: center; line-height: 30px; letter-spacing: 2px; font-weight: bold;}
.content-wrapper h2{text-transform: uppercase;}
.content-wrapper h3{font-weight:bold; margin-bottom: 30px;}
.content-wrapper h1 span{font-size:20px; text-transform: uppercase;  text-align: center; display: block;}
.content-wrapper.investment h1{text-align: center; }
.content-wrapper .fright-img{float:none; margin: 0 auto 20px auto; max-width: 200px; height: auto; display: block;}
.content-wrapper .fleft-img{float:none; margin:0 auto 20px auto; max-width: 200px; height: auto; display: block;}

/* About */
.management{display:table; border-bottom: 1px solid #231f20; padding: 40px 0 0 0;}
.management .profile{ display: block; padding: 0 0 0 10px; vertical-align: top;}
.management img{display:block; margin: 0 auto 20px auto; max-width: 200px;}
.management .name{text-transform:uppercase; color: #007ac0;}

.events .item{}
.events .item .events-year{font-size:20px;}


/* Investment */
.investment .logo{max-width:300px; height: auto; margin: 0 auto; margin-bottom: 80px;}



/* ir */
.ir .sub-banner{height:150px;}
.ir h1{text-align: left;}
.irContent{max-width:1000px; margin: 0 auto;}
.irContent .table .heading{font-size:16px; text-transform: uppercase; color:#007ac0; padding-bottom: 5px;}
.irContent .table{overflow-x: auto; font-size: 14px; margin-bottom: 40px; }
.irContent .table .dataTable {border-top:2px solid #231f20;}
.irContent .table .dataTable thead td{border-bottom:1px solid #231f20; color: #007ac0; padding:5px; text-align: right;}
.irContent .table .dataTable tbody td{border-bottom:1px solid #231f20; padding:5px; text-align: right;}
.irContent .table .dataTable tbody td:first-child, .irContent .table .dataTable thead td:first-child{text-align: left;}
.irContent .table .resetLeft tbody td, .irContent .table .resetLeft thead td{text-align:left;}

/* ir */
.reports .item{width:50%; float: left; padding: 0 20px; margin:0 0 50px 0;height:440px}
.reports .year{font-size:18px;}
.reports .cover{margin:15px 0 5px 0;}
.reports .cover img {border: 1px solid #ddd; }
.reports .link{font-size:12px;}
.press .link{font-size:12px;}
.press .link a{color:#007ac0!important;}
.latest{float:none;}
.latest img{width:100%; height: auto;}

.findiary .table-row { margin-bottom: 10px; }
.findiary .table-row .left { width: 33%; }
.findiary .table-row .right { width: 67%; }

.dissemination div{margin-bottom: 20px;}
.general_content .remark, .dissemination .remark{font-style: italic;}

@media only screen and (max-width: 500px) {
  .reports .item{height:100%;width:100%;}
}
/* Press */
.leftNav {width:100%; float: none; padding:0 20px 40px 0;}
.leftNav ul li{ position:relative; margin: 0 0 5px 20px;}
.leftNav ul li a:before{content:">"; position: absolute; left: -20px; top: 2px;}
.leftNav ul li a{font-size: 14px; color:#6d6e71;}
.content-wrapper .year{float:none; font-size: 14px; margin: 0 0 25px 0;}
.content-wrapper .year .select{border:1px solid #7B7B7B; padding: 10px 40px 10px 15px; position: relative; display: block;}
.content-wrapper .year .select:after {content:'\25bc'; color:#6d6e71; right: 13px; position: absolute; top: 8px;}
.content-wrapper .year ul {padding:20px 0 0 0; background:#ffffff; display: none;}
.content-wrapper .year ul.act{display:block;}
.content-wrapper .year ul li{margin:0 0 5px 0;}
.content-wrapper .year a{color:#6d6e71;}
.pdfItem{ float:none; max-width: 100%;}
.pdfItem a{color:#6d6e71;}
.pdfItem .item{margin:0 0 25px 0;}
.pdfItem .date{font-size:20px; color: #007ac0; margin: 0 0 5px 0;}
.pdfItem .pdf a{font-size:14px; display: block;}
.pdfItem .size{font-size:12px;}

.contactInfo{ width: 100%; display: table; } 
.contactInfo .col{display: block; width: 100%;text-align:center;}
.contactInfo .name{color: #007ac0;}

.press-option >li.active span{
	color:#007ac0;
	font-size:14px;
}
#tc .press-option >li.active span{
	font-size:15px;
}

.press-option >li.active span::before {
	color:#007ac0;

    content: ">";
    position: absolute;
    left: -20px;
    top: 2px;
}
/* Products */
.products-list .item{border-top:1px solid #231f20; padding:20px;}
.products-list .item:last-child {border-bottom:1px solid #231f20; }
.products-list h2{margin-bottom:30px;}
.products-list .info .title{color:#007ac0; font-size:20px; padding-bottom: 5px; display: block;}
.products-list .item .products-logo{display: block; width: 100%; vertical-align: middle; text-align: center; padding: 10px 0;}
.products-list .item .products-logo img{max-width: 195px; height: auto; margin: 0 auto; }
.products-list .item .info{display:block; text-align: center; vertical-align: middle; padding:0 20px;}
.products-list .item p{margin-bottom:0;} 
.products-list .item .read-more{display:block; color: #6d6e71;}
.products-list .item .read-more a{color: #6d6e71;}

.page-nav .link li{ display: inline-block; padding: 0 5px; font-size: 12px; }
.page-nav .link li a { color: #6d6e71; }

/* CG */
.cg-info div{ float:left; margin:0 40px 30px 0; min-width: 350px;}
.cg-info div div{ width: 400px;clear:both;margin-bottom:10px;margin-left:0px;}

/* footer */
.footer-wrapper{background:#6d6e71; position: relative;}
.sitemap{font-size: 12px; width: 100%; padding:30px 20px; color:#acaeaf; display: none;}
.sitemap .item{width:16.666%; display: table-cell; vertical-align: top; color:#acaeaf; padding:0 10px 0 0;}
.sitemap .item ul{margin:5px 0 0 0;}
.sitemap a{color:#acaeaf; padding:4px 0; display: block;}
.sitemap a:hover, .footer-contact .contact .item{color:#ffffff;}
.footer-contact{padding:0px 20px; }
.footer-contact .contact{ font-size: 14px;  display: table; width:100%; border-top:1px solid #a3a4a6; padding:30px 0;}
.footer-contact .contact .item{/*float: left;*/ padding:0 100px 20px 0; line-height: 18px;}
.footer-contact .contact .item:last-child {padding:0; max-width: 142px;}
.footer-contact .contact .item a {color: #fff;}
.footer-contact .contact .item span { display: inline-block; color: #fff; }
.footer-contact .ealertBtn{background:#989a9c; padding: 5px 10px; color:#ffffff; margin-top: 10px; display: block;}
.footer{ font-size: 14px; background: #fff; position: relative; }
.footer .copyright{ float: right; padding:5px 20px !important;}
.footer .terms{float:none; padding:15px 20px 5px 20px;}

/* Form */
.form-control{border:1px solid #cccccc; border-radius: 5px; padding: 6px 12px; height: 35px;}
.form-group{width:700px; margin: 0 auto; padding: 8px 0;}
.form-group label, .form-group .rightInput{ float: left; } 
.form-group .rightInput{width:60%;}
.form-group .rightInput input, .form-group .rightInput select, .form-group .rightInput textarea{width:100%;}
.form-group .rightInput textarea{height:150px;}
.form-group label{ width:40%; font-weight: bold; text-align: left; padding:12px 10px;}
.form-group .formBtn{ background:#007abf; padding: 10px 15px; display: inline-block; color: #ffffff; width: auto; cursor: pointer; margin-right: 10px;}
.form-group input.formBtn{width: auto;}
.warning{color:#FF0000;}

.general_content{font-size: 20px;line-height: 28px;margin-bottom: 30px;}
.general_content div{
	padding-bottom: 28px;
}

/* Policy */
.policy-content.content-wrapper { line-height: 28px; }
.policy-content ul.listDot, .policy-content ul.listLetter { margin-bottom: 5px; }
.policy-content ul.listDot li:last-child, .policy-content ul.listLetter li:last-child { margin-bottom: 5px; }

.searchBox
{
	display:none;
	position:absolute;
	right:-40px;
	width:248px;
}

.nav .search {
	height: 32px;
	border-radius: 15px 0 0 15px;
	padding-left:10px;
	width: 180px;
	float: left;
	margin-right: -3px;
	margin-top: -21px;
	border: 1px solid #a4a4a4;
}


.nav .searchSubmit
{
	float:left;
	width:32px;
	height:32px;
	background:#ddd;
	border: 1px solid #a4a4a4;
	border-radius:0 15px 15px 0;
	color:#333333;
	line-height:32px;
	margin-right:15px;
	margin-top: -21px;	
	padding:0px;
	padding-left:5px;
	cursor:pointer;
}

.video-link{min-height:328px;}
.news-outer-wrapper{width:75%;float:left}

.contact-qrcode{ max-width:70px;}


@media (max-width: 1200px) {
.homeBanner .slogan img{z-index:100}

}


@media (max-width: 800px) {
#homeVideo{ 
width:180% !important;
right: 299px !important;
position: relative;
top: -70px;
}

.alert-txt{
	line-height:19px;
}
}
@media (min-width: 768px) {
.homeBanner{height:995px;}

}

@media (max-width: 500px) {
#homeVideo{ 
width:280% !important;
right: 299px !important;
position: relative;
top: -100px;

}


}