Line 1: | Line 1: | ||
+ | body{font-family: Calibri, serif;padding-top: 50px;} | ||
+ | p{line-height:36px;text-align: justify;font-size:18px;} | ||
+ | h1{border:0;font-weight:bold;font-size:28px;font-family:Arial} | ||
+ | h2{border:0;font-weight:bold;font-size:26px;font-family:Arial} | ||
+ | h3{border:0;font-weight:bold;font-size:24px;font-family:Arial} | ||
+ | h4{border:0;font-weight:bold;font-size:22px;font-family:Arial} | ||
+ | h3 img{display:none;} | ||
+ | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/*TOP*/ | /*TOP*/ | ||
#oucNav .active a{background-color:#63b5d7;} | #oucNav .active a{background-color:#63b5d7;} | ||
Line 11: | Line 13: | ||
#oucNav li a{color:white;} | #oucNav li a{color:white;} | ||
#oucNav li a:hover{background-color:#63b5d7;} | #oucNav li a:hover{background-color:#63b5d7;} | ||
− | /*Footer*/ | + | .oucBanner{height:240px;margin-top:-20px;} |
− | + | .oucNav{margin-top:16px;border:0;} | |
+ | .oucBrand{width:200px;height:50px;} | ||
+ | /*Footer*/ | ||
.oucInformation{background:#EFF2F6;width:100%;margin:0;} | .oucInformation{background:#EFF2F6;width:100%;margin:0;} | ||
.oucInformation b{display:block;font-size:18px;padding-top:50px} | .oucInformation b{display:block;font-size:18px;padding-top:50px} | ||
.oucInformation p:last-child{padding-bottom:50px} | .oucInformation p:last-child{padding-bottom:50px} | ||
.oucBottom{width:100%;height:60px;background-color:#152640;} | .oucBottom{width:100%;height:60px;background-color:#152640;} | ||
+ | /*hpMain*/ | ||
+ | .hpMain{max-width:80%;margin:0 auto;} | ||
+ | .hpMain p{font-size:18px;} | ||
+ | .hpMain img{padding-top:30px;padding-bottom:30px;margin:0 auto;} | ||
+ | |||
+ | |||
.oucBanner h3{color:white;padding-top:90px;font-size:32px;} | .oucBanner h3{color:white;padding-top:90px;font-size:32px;} | ||
+ | .img_banner{margin-top:-17px;} | ||
+ | #myScrollspy{display:none;} | ||
@media (min-width:768px) { | @media (min-width:768px) { | ||
− | .oucBanner h3{color:white;padding-top:93px;font-size:40px;} | + | .oucBanner h3{color:white;padding-top:93px;font-size:40px;} |
+ | .img_banner{margin-top:75px;} | ||
Line 26: | Line 39: | ||
@media (min-width: 992px) { | @media (min-width: 992px) { | ||
.oucBanner h3{color:white;padding-top:93px;font-size:48px;} | .oucBanner h3{color:white;padding-top:93px;font-size:48px;} | ||
− | + | #myScrollspy{display:block;} | |
+ | h3 img{display:inline-block;} | ||
+ | .hpMain{max-width:90%;margin:0 auto;} | ||
+ | .img_banner{margin-top:45px;} | ||
} | } | ||
− | @media (min-width: 1200px) { .oucBanner h3{color:white;padding-top:93px;font-size:54px;} } | + | @media (min-width: 1200px) { |
+ | .oucBanner h3{color:white;padding-top:93px;font-size:54px;} | ||
+ | .img_banner{margin-top:-5px;} | ||
+ | |||
+ | } |
Revision as of 11:30, 15 October 2016
body{font-family: Calibri, serif;padding-top: 50px;} p{line-height:36px;text-align: justify;font-size:18px;} h1{border:0;font-weight:bold;font-size:28px;font-family:Arial} h2{border:0;font-weight:bold;font-size:26px;font-family:Arial} h3{border:0;font-weight:bold;font-size:24px;font-family:Arial} h4{border:0;font-weight:bold;font-size:22px;font-family:Arial} h3 img{display:none;}
/*TOP*/
#oucNav .active a{background-color:#63b5d7;}
#oucNav li{font-size:1em;}
#oucNav li a{color:white;}
#oucNav li a:hover{background-color:#63b5d7;}
.oucBanner{height:240px;margin-top:-20px;}
.oucNav{margin-top:16px;border:0;}
.oucBrand{width:200px;height:50px;}
/*Footer*/
.oucInformation{background:#EFF2F6;width:100%;margin:0;}
.oucInformation b{display:block;font-size:18px;padding-top:50px}
.oucInformation p:last-child{padding-bottom:50px}
.oucBottom{width:100%;height:60px;background-color:#152640;}
/*hpMain*/
.hpMain{max-width:80%;margin:0 auto;}
.hpMain p{font-size:18px;}
.hpMain img{padding-top:30px;padding-bottom:30px;margin:0 auto;}
.oucBanner h3{color:white;padding-top:90px;font-size:32px;} .img_banner{margin-top:-17px;} #myScrollspy{display:none;} @media (min-width:768px) { .oucBanner h3{color:white;padding-top:93px;font-size:40px;} .img_banner{margin-top:75px;}
}
@media (min-width: 992px) {
.oucBanner h3{color:white;padding-top:93px;font-size:48px;}
#myScrollspy{display:block;}
h3 img{display:inline-block;}
.hpMain{max-width:90%;margin:0 auto;}
.img_banner{margin-top:45px;}
} @media (min-width: 1200px) { .oucBanner h3{color:white;padding-top:93px;font-size:54px;} .img_banner{margin-top:-5px;}
}