@charset "utf-8";
@import url(font-awesome/css/font-awesome.min.css);
@import url(font-awesome/css/font-awesome-ie7.min.css);
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Noto+Serif+TC&display=swap);
@import url(ElegantIcons/style.css);
@import url(animate-custom.css);

/*============reset===============*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td, iframe, figure, figcaption { margin: 0; padding: 0; font-size: 100%; }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
section{height: 100%;}
table, table td { border-collapse: collapse; border-spacing: 0; border: none; }
fieldset, img { border: 0; vertical-align: bottom; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
a, del, ins { text-decoration: none; }
ol, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
abbr, acronym { border: 0; font-variant: normal; }
sup, sub { vertical-align: baseline; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0; border: 0; }
/*============clear===============*/
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*============animate===============*/
a, .visible, .header-tel, a i, .icon-box, .img-box img, .img-over-box img, a:before, #fp-nav,form input,a .icon-box .img-caption,a:hover .icon-box .img-caption { -webkit-transition: all 250ms ease-in; -o-transition: all 250ms ease-in; -moz-transition: all 250ms ease-in; transition: all 250ms ease-in; }
/* .button-icon a:hover{-ms-transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} */
.hidden { opacity: 0; }
.visible { opacity: 1; }
.fade { display: none; }
.delay-1 { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; animation-delay: .3s; }
.delay-2 { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; animation-delay: .5s; }
.delay-3 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }
.delay-4 { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; }
.delay-list li { opacity: 0;opacity:1\9\0;/*IE9hack*/ -webkit-animation: fadeInUp 0.9s 1;  animation: fadeInUp 0.9s 1;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}
.delay-list li:nth-child(10n+1) {-webkit-animation-delay: 0.2s;  animation-delay: 0.2s;}
.delay-list li:nth-child(10n+2) {-webkit-animation-delay: 0.4s;  animation-delay: 0.4s;}
.delay-list li:nth-child(10n+3) {-webkit-animation-delay: 0.6s;  animation-delay: 0.6s;}
.delay-list li:nth-child(10n+4) {-webkit-animation-delay: 0.8s;  animation-delay: 0.8s;}
.delay-list li:nth-child(10n+5) {-webkit-animation-delay: 1.0s;  animation-delay: 1.0s;}
.delay-list li:nth-child(10n+6) {-webkit-animation-delay: 1.2s;  animation-delay: 1.2s;}
.delay-list li:nth-child(10n+7) {-webkit-animation-delay: 1.4s;  animation-delay: 1.4s;}
.delay-list li:nth-child(10n+8) {-webkit-animation-delay: 1.6s;  animation-delay: 1.6s;}
.delay-list li:nth-child(10n+9) {-webkit-animation-delay: 1.8s;  animation-delay: 1.8s;}
.delay-list li:nth-child(10n+10) {-webkit-animation-delay: 2.0s;  animation-delay: 2.0s;}
.canvas-animation { position: absolute; width: 100%; height: 0; overflow: hidden; }
.canvas-animation canvas { display: block; position: absolute; width: 100%; height: 100%; top: 0;}
.canvas-animation img{ width:100%;}

/*============grids===============*/
.grid-full, .grid-large, .grid-middle, .grid-small, .grid-max, .grid-min, .grid-content { width: 80%; margin: 0 auto; position: relative; }
.grid-full { max-width: 1920px; }
.grid-large { max-width: 1680px; }
.grid-middle { max-width:950px; }
.grid-small { max-width: 400px; }
.grid-1-12, .grid-2-12, .grid-3-12, .grid-4-12, .grid-5-12, .grid-6-12, .grid-7-12, .grid-8-12, .grid-9-12, .grid-10-12, .grid-11-12, .grid-3-8, .grid-5-8, .grid-1-2 { float: left; display: block; position: relative; }
.grid-1-12 { width: 8.3%; }
.grid-2-12 { width: 16.6%; }
.grid-3-12 { width: 25%; }
.grid-4-12 { width: 33.3%; }
.grid-5-12 { width: 41.6%; }
.grid-6-12 { width: 50%; }
.grid-7-12 { width: 58.3%; }
.grid-8-12 { width: 66.6%; }
.grid-9-12 { width: 75%; }
.grid-10-12 { width: 83.3%; }
.grid-11-12 { width: 91.6%; }
.grid-3-8 { width: 38%; }
.grid-5-8 { width: 62%; }
.grid-1-2 { width: 47%; }
.grid-1-8{width: 12.5%;}
.grid-2-8{width: 25%;}
.grid-3-8{width: 37.5%;}
.grid-4-8{width: 50%;}
.grid-5-8{width:62.5%;}

/*============style===============*/
body { font-family: "Noto Sans TC", Times, "Times New Roman", "儷宋 Pro", "LiSong Pro Light", "宋体", SimSun, serif; font-size: 1em; color: #333; word-wrap: break-word; background: #e9e8e8; }
.font-en, #header small, .text-en, .load-box,.img-caption{font-family: "Lato", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", "儷黑 Pro", "LiHei Pro", sans-serif;}
p { font-size: 17px; line-height: 30px; letter-spacing: 2px; }
p span, .br, h1 span, h2 span { display: inline-block; }
::selection { background: #e9e8e8; color: #e9e8e8; }
a { color: #fff;}
a .icon-box { filter: alpha(opacity=100); opacity: 1; }
a .icon-box .img-caption,.performance-img a .img-caption{background-color: rgb(65, 65, 65);}
/* a:hover .icon-box .img-caption{background-color: #ab0c0c;color: #fff;} */
a:hover .icon-box { filter: alpha(opacity=100); opacity: 1; top: 40px; font-size: 2em;}
a:hover .icon-box, .button-in .img-over-box:hover .icon-box {background-position: right top;}
a.button-line:before, .footer-info a:before{ position: absolute; content: ''; display: block; background-color: #D9E476; bottom:0; left:50%; width: 0px; height: 2px;}
a.button-line:hover:before, .footer-info a:hover:before{ width: 100%; left:0;}
strong { font-weight: bold; }
em, i { font-style: normal; }
big { font-size: 1.1em; }
small { font-size: 0.85em; }
h1 { text-align: center; font-size: 38px;line-height:85px; font-weight:500;position: relative;}
h2 { font-size: 16px; letter-spacing: 30px;margin-top: 3px;}
h3 { font-size: 26px;}
h4, h5, h6 { font-size: 1em; }
.text-en{font-size: 12px; line-height: 16px;letter-spacing: 1px;}
.nowrap{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.offscreen{position: absolute;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);padding: 0;border: 0;height: 1px;width: 1px;overflow: hidden;}
.button{ font-family: 'Noto Sans TC', sans-serif; font-size: 20px;position: absolute; bottom: -70px; left: 0; right: 0;  text-align: center;}
.button a{border: 1px solid #fff;padding: 8px 16px;}
.button a:hover{background-color: rgb(230, 33, 33);}
/*============base===============*/
body, html { height: 100%; }

/*============header===============*/
#header { position: fixed; display: block; top: 12%; left:1%; z-index: 101;}
.button-icon a{position: relative; display: block; width: 50px; height: 50px; overflow: hidden; color: #fff; background-color: #333; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; filter: alpha(opacity=50); opacity: 0.5; margin-bottom: 5px;}
.button-icon i{ display: block;font-size: 20px; line-height: 50px;}
.button-icon small{ display: block; font-size: 13px; line-height: 16px; margin-top: 10px;}
.button-icon a:hover{ background: #d60606;filter: alpha(opacity=100); opacity: 1;}
.button-icon a:hover i{ margin-top: -50px;}
/*============load===============*/
.load-box{background-image: url('../images/logo-2.png'); background-color: rgba(0,0,0,0.72); background-position: center center; background-repeat: no-repeat; }
.load-box:before{ content: 'loading...'; position: absolute;top:40%; left: 0; width: 100%; font-size: 16px; text-align: center; color: #fff;}
.load-box.active{ height: 0px;top: -2px;}
.load-box{ position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 101; overflow: hidden; font-size: 0; line-height: 0; -webkit-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; transition: all 500ms ease-in;}
.load-box.active{ height: 0px;top: -2px;}
.loader{position: absolute;top:40%; left: 50%; width: 80px;margin-left: -40px; font-size: 12px; padding-top: 50px; text-align: center; color: #fff;}
.loader .dot {width: 10px; height: 10px;background: #fff; border-radius: 50%; position: absolute; top: calc(50% - 5px);}
.loader .dot1 {left: 15px;-webkit-animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;animation: dot-jump 0.5s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;}
.loader .dot2 { left: 35px;-webkit-animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;animation: dot-jump 0.5s 0.2s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;}
.loader .dot3 { left: 55px;-webkit-animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;animation: dot-jump 0.5s 0.4s cubic-bezier(0.77, 0.47, 0.64, 0.28) alternate infinite;}
@-webkit-keyframes dot-jump {
0% {-webkit-transform: translateY(0);transform: translateY(0);}
100% { -webkit-transform: translateY(-15px); transform: translateY(-15px);}
}
/*============main===============*/
.bg-red { background:#e50000;}
.mobile-hide{display: block;}
.pc-hide,.company-mobile{display: none!important;}

/*============lightBox-img===============*/
.img-slide{display: block; width: 100%;}
.lightBox-img a{position: relative;}
.img-container { position: relative; overflow: hidden; }
.img-container img { width: 100%; height: auto; }
.img-caption { position: absolute; display: block; bottom: 0; right:0px; padding:5px 15px; font-size: 18px; letter-spacing:1px; color: rgb(255, 255, 255); min-height: 35px; font-weight:900;text-shadow: 0px 0px 0.3em black,0px 0px 0.3em black; z-index: 1;}
.img-caption i{ margin-right: 3px;}
.img-box, .img-over-box { position: relative; display: block; text-align: center; overflow: hidden;}
.img-box img, .img-over-box img { width: 100%; }
.icon-box span { position: absolute; display: block; top: 0px; right: 0; bottom: 0; left: 0; margin: auto; width: 60px; height: 60px; background: #e15492; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.icon-box span:after { content: ''; display: block; text-align: center; font-size: 0.7em; }


/*============section1===============*/
#section1 {background: url(../images/index_img1.jpg) no-repeat top center/contain;}
/*==============section2==================*/
#section2{background:url(../images/traffic_map.jpg) no-repeat top center/cover;}
#section2 .text-box,#section3 .text-box{width: 100%; position: absolute; top: 5%;} 
#section2 .title,#section3 .title{width:100%;max-width: 536px;display: block; margin: auto;}
#section2 .lightBox-img a,#section4 .lightBox-img a{float: none;}
/*==============section3==================*/
#section3{background:url(../images/life_img.jpg) no-repeat top center/cover;}


/*==============section4==================*/
#section4{background-color: #ac0c0c;}
#section4 .text-box{background: url(../images/build_bg.jpg) no-repeat top center/cover; padding: 10% 5%; box-sizing: border-box; height: 100%;}
.build{height: 100%; max-width:1140px; overflow: hidden; background: url(../images/building.jpg) no-repeat center/cover; float: right;}
#section4 .title{max-width:540px; width: 100%; display: block; margin: auto; }

/*==============section5==================*/
#section5,#section7{background-color: #333333;}
.public-img { overflow-y: hidden; position:relative;}
.public-img a{display: block; float: none; margin: auto;}
#section5 .img-caption{text-align: right;text-shadow: inherit;font-weight: 500;padding: 15px;right: 0;bottom: 120px;background-color: #ab0c0c;}
.img-caption span{font-size: 40px; font-weight: bolder;}

/*==============section6==================*/
#section6 {background: url(../images/material_img.jpg) no-repeat center/contain;background-color: #919191;}

/*==============section7==================*/
#section7 .text-box{padding: 15% 5%;box-sizing: border-box;}
.performance-img{font-size: 0;}

.per-img1,.per-img2,.per-img3,.per-img4,.per-img5{display: inline-block;}
#section7 .title{ width: 100%; max-width: 484px; display: block; margin: auto;}
.big-img{float: left;}
.per-img1{/*max-width: 540px;*/width: 56.25%;}
.per-img2{/*max-width: 422px;*/width: 43.75%;}
.per-img3{/*max-width: 456px;*/width: 47.5%;}
.per-img4,.per-img5{/*max-width: 505px;*/width: 52.5%;float: right;}

.performance-img a .img-caption{font-size: 16px;width: 90px; height:35px; line-height: 30px; position: absolute;top: 0;left: 0;display: inline-block;text-align: left;padding: 5px 10px 0; box-sizing: content-box; text-shadow: none;filter: alpha(opacity=95);}
.performance-img a:hover .img-caption{background-color: #ab0c0c;}
/*============info===============*/

#info .text-box{background: url(../images/final_page-new.jpg) no-repeat center/cover;}
#info .text-box, .iframe-googlemap{height: 100%;}
.tel-button{width: 100%; height: 100%; display: block;}
.iframe-googlemap{position:relative;display: block;overflow: hidden;}
.iframe-googlemap iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*============pswp===============*/
.pswp__bg { opacity: 0.85 !important; }
.pswp__caption__center { font-size: 15px !important; }
/*============owl===============*/

.owl-prev, .owl-next{ position:absolute; display:block; bottom: 225px; height:50px; width:50px; margin-top:-25px; z-index:1; text-align:center;font-size:16px; color:#fff;filter: alpha(opacity=100); opacity:1; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.owl-prev .fa, .owl-next .fa{line-height: 50px;}
.owl-prev:hover, .owl-next:hover, #portfolio-list .owl-prev:hover, #portfolio-list .owl-next:hover{filter: alpha(opacity=100); opacity: 1; color: #fff;}
.owl-prev{right: 50px;}
.owl-next{right:0px;}
.owl-prev i, .owl-next i{font-size: 40px;}
/*.owl-carousel.off {display: block;}*/
.owl-prev.disabled, .owl-next.disabled{filter: alpha(opacity=0); opacity: 0;}
.owl-button{position: absolute; left:10px; bottom:40px; z-index:3;}
.owl-button a{ display:block; width: 50px; padding-top:8px; height: 42px; overflow: hidden; font-size:14px; text-align:center;color: #fff;}
.owl-button i{ font-size:10px; width:16px; height:16px; line-height:16px; border: solid 2px #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.owl-stage {display: -webkit-box;display: -moz-box;display: -ms-box;display: box;}
.owl-carousel.off {display: block;}
.owl-prev.disabled, .owl-next.disabled{filter: alpha(opacity=0); opacity: 0;}
.owl-dots { text-align: center; -webkit-tap-highlight-color: transparent;position: absolute; bottom:0; width: 100%;}
.owl-dots .owl-dot {display: inline-block; zoom: 1; *display: inline; }
.owl-dots .owl-dot span { width: 5px; height: 5px; margin: 10px 5px; background: transparent; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border: solid 2px #fff;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background: #FFF; width: 5px; height: 5px; margin: 10px 5px;}
/*============jquery.fullPage===============*/
.fp-section{overflow: hidden;}
.fp-tableCell{ position: relative;overflow: hidden; }
.full-height .fp-tableCell{ display:block; }
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background: #ffffff;}
.fp-controlArrow{width: 40px; height: 40px; border-radius:50%; color: #fff; text-align: center; line-height: 40px;}
.fp-controlArrow.fp-next, .fp-controlArrow.fp-prev{border-width:2px;border-color:#fff;width: 40px;}
/*============ie===============*/
.ie { position: fixed; display: block; top: 0; left: 0; z-index: 200; height: 100%; width: 100%; background:#333; }
.ie-content { position: relative; display: block; margin: 0 auto; margin-top: 3%; width: 90%; max-width: 600px; height: 300px; background-color: #fff; padding: 3%; border: solid 1px #ddd;}
.ie h1,.ie p { margin-bottom: 10px; }
.ie-close { position: absolute; display: block; width: 50px; height: 35px; right: 0; top: 0; text-align: center; padding-top: 15px; }
.ie , .ie a{color:#000;}
.ie a:hover{text-decoration: underline;}
.lightbox-bg{ position: fixed; display: block; top: 0; left: 0; height: 100%; width: 100%;}

/*==============form==================*/
#nav-form{padding: 0; background: #fff;}
form { position: relative; display: block; width:100%; margin: 0 auto; padding-bottom:30px;}
form .input-column,form .input-row { position: relative; display: block; line-height:0; margin:0 0.8% 8px 0.8%; width:48%; color:#333; float:left; border: solid 1px #ddd; min-height: 46px;}
form .input-button{ position: relative; display: block; margin:0 0.8% 8px 0.8%; width:98%; text-align:center; float:left;}
form .input-row{ width:98%; clear:both;}
form label { position: absolute; width: 100px; height: 46px; line-height: 46px; display: block;}
form input[type="text"], form input[type="password"], form select, form textarea, .input-box{ line-height: 20px; padding-top: 13px; padding-bottom: 13px; height: 46px; width: 100%; padding-left: 105px; *padding:13px 0 13px 30%; *height: 20px; *width: 70%; background-color:transparent; border: solid 1px transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form textarea { height: 214px; line-height: 24px; padding-top: 8px;}
form select {  width: 80%; float: right; line-height: 46px; padding:0;}
.input-box{line-height: 24px; padding-top: 8px;height: inherit; min-height:50px;}
form small { font-size: 16px; width: 15px; display: inline-block; color:#e96e30; font-weight:bold;text-align: center; padding-left: 5px;}
form input:focus, form textarea:focus, form select:focus { border: solid 1px #e96e30;}
form input.error, form textarea.error, form select.error { border: dotted 2px #e96e30; background-color:#ffece2; }
.rand-img { position: absolute; right: 1px; bottom:1px; width:110px; height:44px;cursor: pointer;}
.input-button input[type="submit"]{ width:100%; margin-top:15px;}
.input-button input[type="reset"]{filter: alpha(opacity=80); opacity: 0.8; width:48.5%; margin-right:1%;}
input[type="reset"], input[type="submit"],input[type="button"],input[type="file"]{ display: inline-block; min-height: 20px; line-height:20px; padding:13px 25px; cursor: pointer;background-color:#000;  min-width: 120px; letter-spacing: 0.2em; font-weight:bold; color:#fff;}
input[type="reset"]:hover, input[type="submit"]:hover, input[type="reset"]:focus, input[type="submit"]:focus,input[type="button"]:hover{ background-color:#cc1a1a;}
.form-title{ text-align: center; font-size: 36px; margin-bottom: 30px;}
#result{ text-align: center;}
/*================================*/

@media screen and (orientation:portrait) {

/*============main===============*/
}
@media screen and (orientation:landscape) {
}
@media screen and (max-width: 1700px){
	
	
}
@media screen and (min-width: 1000px)and (max-width: 1400px)and (max-height: 600px){
	

}
	
@media screen and (max-width: 1500px)and (max-height: 1100px){
	

}

@media screen and (max-width: 1200px), (max-height: 650px){
	
}
@media screen and (max-width:1100px) {
.mobile-hide{ display:none !important;}
.pc-hide{display: block!important;}
.grid-1-12, .grid-2-12, .grid-3-12, .grid-4-12, .grid-5-12, .grid-6-12, .grid-7-12, .grid-8-12, .grid-9-12, .grid-10-12, .grid-11-12, .grid-3-8, .grid-5-8, .grid-1-2{ float: none; width: 100%; }
/*============owl===============*/	
.owl-prev i, .owl-next i {font-size: 30px;position: absolute; top: 25%; bottom: 25%; left: 0; right: 0;}

/*============#section2===============*/	
#section2 {background: url(../images/mobile/traffic_map.jpg) no-repeat center/cover;}

/*============#section3===============*/	
#section3 {background: url(../images/mobile/life.jpg) no-repeat bottom center/cover;}

/*============#section4===============*/
#section4{background: url(../images/mobile/builid.jpg) no-repeat bottom center/cover;}
#section4 .text-box{ background-image: none; padding: 0;position: absolute;box-sizing: inherit;height: auto; top: 5%;}

/*============#section5===============*/

.public-img{ width: 100%; height: auto; overflow: auto; left: 0; right: 0;}
.public-img .img-box{width: 90%;margin: 2.5% auto;}
#section5 .img-caption{ font-size: 22px;/*line-height: 40px;*/width:120px;height: 50px;position: absolute;bottom: 0;left: 0;right: 0;text-align: left;padding: 10px; box-sizing: content-box; opacity: 0.95;filter:alpha(opacity=95);background-color: initial;}
#section5 .img-caption small{font-size: 16px;}
#section5 a .icon-box .img-caption{background-color: #686868;color: #fff;}
#section5 a:hover .icon-box .img-caption{background-color: #ab0c0c;color: #fff;}
/*============#section6===============*/
#section6 {background: url(../images/mobile/material_img1.jpg) no-repeat top center/contain; background-color: #919191;}

/*============#section7===============*/
#section7 .text-box{padding-top: 25%;}

/*============#info===============*/
#info2 .text-box{background: url(../images/mobile/final_page-new.jpg) no-repeat center/cover;}
#info2 {height: auto;}
}
@media screen and (max-width:1100px) and (orientation:landscape){
	.pc-hide{display: block;}
	.mobile-hide{display: none;}
#section2,#section3,#section4,#info2 .text-box {background-size: contain;}
#info2 .text-box{background-color: #E31011;}
#section2 .text-box, #section3 .text-box, #section4 .text-box{width: 35%;position: relative;top: -35%;margin: auto;}
#section2 .title, #section3 .title{padding-top: 20%;}
}
@media screen and (max-width: 650px){
	#section2 .title,#section3 .title,#section4 .title{width: 70%;}
	#section6{background-position: center;}
	form select{width: 65%;}
	.form-title{letter-spacing: 15px;}
}

@media screen and (max-width: 850px) and (orientation:landscape) {
	
	
}
@media screen and (max-width: 650px) and (orientation:landscape) {
	
}

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