/* FONTS */
/* OVERALL ASPECT */
body{background-color: #f2f2f2; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; font-weight: 300; font-size: 16px; color: #555; -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch; margin-top: 70px;}
/* Titles */
h1, h2, h3, h4, h5, h6{font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; font-weight: 300; color: #333;}
/* Paragraph & Typographic */
p{line-height: 28px; margin-bottom: 25px;}
.centered{text-align: center;}
.mt{margin-top: 40px;}
/* Links */
a{color: #f85c37; word-wrap: break-word; -webkit-transition: color 0.1s ease-in, background 0.1s ease-in; -moz-transition: color 0.1s ease-in, background 0.1s ease-in; -ms-transition: color 0.1s ease-in, background 0.1s ease-in; -o-transition: color 0.1s ease-in, background 0.1s ease-in; transition: color 0.1s ease-in, background 0.1s ease-in;}
a:hover,
a:focus{color: #7b7b7b; text-decoration: none; outline: 0;}
a:before,
a:after{-webkit-transition: color 0.1s ease-in, background 0.1s ease-in; -moz-transition: color 0.1s ease-in, background 0.1s ease-in; -ms-transition: color 0.1s ease-in, background 0.1s ease-in; -o-transition: color 0.1s ease-in, background 0.1s ease-in; transition: color 0.1s ease-in, background 0.1s ease-in;}
/* Bootstrap Modifications */ hr{display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.navbar{font-weight: 800;font-size: 14px;padding-top: 15px;padding-bottom: 15px;background-color: #ffffff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color: #ffffff;background-color: #1A4393;font-size:16px;}
.navbar-brand{font-size: 60px;padding-top: 0px;padding-bottom: 0px;}
.logo{font-size:30px;line-height:50px;color:#333!important;}
.logo:hover{color:#000!important;}
.btn-theme{color: #fff;background-color: #1A4393;border-color: transparent;}
.btn-theme:hover{color: #fff;background-color: #085AD7;}
.btn{padding: 10px 30px;margin-bottom: 0;font-size: 18px;border: 5px solid transparent;border-radius: 0px;}
.lead{letter-spacing: 1px;}
/* WRAP SECTIONS */
/* hello */
#hello{width:100%;max-height:550px;padding:0;overflow:hidden;position:relative;}
#hello img{display:block;margin:0 auto;padding:0;max-width:100%;/* height:900px; */}
#hello h1{font-size: 90px;font-weight: 700;letter-spacing: 3px;color: #1A4393;}
#hello h2{color: #c0c0c0;font-weight: 400;}
/* Green */
#green{background-color: #E8E8E8;padding-top: 50px;margin-bottom: 0px;}
#green img{box-shadow:0 -6px 20px rgba(0,0,0,0.2);}
#green h3{color: #333;font-weight: 400;margin-bottom: 35px;text-shadow:1px 1px 1px rgba(255,255,255,1);}
#green p{color: #333;font-weight: 400;font-size: 20px;text-shadow:1px 1px 1px rgba(255,255,255,1);}
#green .ft01 p{color:#333;font-size:17px;line-height:28px;text-align:justify;}
/* Skills */
#skills{background-color: #4e4e4e;padding-top: 30px;padding-bottom: 50px;margin-top: 10px;}
#skills h3{color: #FFF;margin-bottom:30px;}
#skills p{color: #FFF;font-weight: 400;}
/* Social Links */
#social{width: 100%;padding:0px;}
#social i{font-size: 50px;color: #1A4393;}
#social i:hover{color:#085AD7;}
#social .col-md-3:hover{background-color: #f5f5f5;}
#social .col-md-3{padding:30px;}
/* Footer */
#f{padding-top: 20px;background-color: #1A4393;}
#f p{color: white;text-align: center;font-weight: 400;}
/* Image Opacity */
.grid img{opacity: .7;}
.grid img:hover{opacity: 1;}
#contact .qrcode{max-width:200px;display:block;margin:0 auto;}

.table02 tbody tr td:nth-child(odd){text-align:right;font-weight:400;color:#1A4393;}
.table02 tbody tr td:nth-child(even){text-align:left;}
.red{color:#1A4393;}

#skills .client{display:block;margin:0 auto;padding:0;width:100%;height:450px;background:url(../../assets/img/map.jpg) no-repeat;background-size:1200px;overflow:hidden;text-align:center;}
#skills .client irfame{display:block;margin:0 auto;padding:0;width:100%;height:450px;}

@media screen and (max-width: 768px) {
	#skills {display:none;}
	.logo{font-size:24px;line-height:50px;color:#333!important;}
}