/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
font-family:Arial, Helvetica, sans-serif;
max-width: 1920px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
margin: 0 auto;
background-image: url("../images/office.jpg");
background-size: 100%;
}
a:focus,
input:focus,
p:focus,
div:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
/*-webkit-user-modify:read-write-plaintext-only; */
}
.wrap{
width:80%;
margin:0 auto;
-moz-transition:all .2s linear;
-webkit-transition:all .2s linear;
-o-transition:all .2s linear;
-ms-transition:all .2s linear;
}
.total{
border-radius: 25px 0 0 0;
padding:0 3%;
background: url(../images/gradient.png) 0 bottom repeat-x;
}
.header-bg{
background:#FA8D03;
}
.logo h1 a{
font-family: 'Montserrat Alternates', sans-serif;
font-size:4em;
color:#FA8D03;
}
.header_top{
background:#333;
-webkit-border-radius: 0 0 15px 0;
-moz-border-radius: 0 0 15px 0;
border-radius: 0 0 15px 0;
}
#google_translate_element{
padding-top: 2em;
padding-right: 4em;
float: right;
}
.total-box{
padding-top:4%;
}
/*--menu--*/
.menu{
float: left;
}
.menu li {
float: left;
border-right: 2px ridge #555;
}
.menu li a {
font-family: 'Montserrat Alternates', sans-serif;
font-size: 0.823em;
text-transform: uppercase;
color: #FFF;
display: block;
padding: 16px 20px;
-webkit-transition: all .9s;
-moz-transition: all .9s;
-o-transition: all .9s;
-ms-transition: all .9s;
transition: all .9s;
}
.menu li a:hover, .menu li.active a {
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FA9915), color-stop(100%, #D87E04));
background: -webkit-linear-gradient(to top, #FA9915, #D87E04);
background: -moz-linear-gradient(to top, #fa9915, #d87e04);
background: -o-linear-gradient(to top, #fa9915, #d87e04);
background: linear-gradient(to top, #fa9915, #d87e04);
background-color: #F18D05;
border-color: #BF7004;
color: #FFF;
-webkit-transition: none .9s;
-moz-transition: none .9s;
-o-transition: none .9s;
-ms-transition: none .9s;
transition: none .9s;
-webkit-box-shadow:rgba(90, 52, 139, 0.16) 0 1px 0, inset #E98303 0 1px 0;
-moz-box-shadow:rgba(90, 52, 139, 0.16) 0 1px 0, inset #E98303 0 1px 0;
box-shadow: rgba(90, 52, 139, 0.16) 0 1px 0, inset #E98303 0 1px 0;
}
.menu li:nth-child(7){
border-right:none;
}
.follow_icon {
list-style: none;
float: right;
margin: 11px 15px 0;
}
.follow_icon li {
float: left;
margin-left:3px;
margin-right:1px;
}
.follow_icon li :hover {
opacity: 0.7;
}
.follow_icon li a img {
vertical-align: middle;
}
.header-bottom{
padding: 2% 0;
}
.logo{
float:left;
}
.search {
float:right;
width:28%;
padding-top:1.8%;
padding-right: 4%;
}
.search input[type="text"] {
outline: none;
padding: 9px 16px;
outline: none;
color: #202020;
background: #FFF;
border: none;
width: 78.33%;
line-height: 1.5em;
border: 1px solid #F1E1AD;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.search input[type="submit"] {
background:#FFA30C url('../images/search.png') no-repeat 11px 13px;
padding: 10px 20px;
border: none;
cursor: pointer;
width: 2.33%;
position: absolute;
line-height: 1.5em;
border-radius: 0px 20px 20px 0px;
-webkit-border-radius: 0px 20px 20px 0px;
-moz-border-radius: 0px 20px 20px 0px;
-o-border-radius: 0px 20px 20px 0px;
}
.search input[type="submit"]:hover {
background:#333 url('../images/search.png') no-repeat 11px 13px;
}
.banner-box{
background:#FDF4E8;
/* max-width: 1980px; */
}
.main{
padding:3%;
}
.main-top{
background: url(../images/1.png) repeat-x;
background-size: auto 100%;
}
/* GRID OF THREE ============================================================================= */
.col_1_of_3{
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col_1_of_3:first-child { margin-left: 0; }
.span_1_of_3 {
width: 32.2%;
}
.span_1_of_3 h3{
color:#FA8D03;
margin-bottom:0.5em;
font-size:1.7em;
line-height: 1.2;
font-family: 'Montserrat Alternates', sans-serif;
margin-top: 0px;
letter-spacing: -1px;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
.wrap{
width:95%;
}
}
/* GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
.wrap{
width:95%;
}
.col_1_of_3{
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:94%;
padding:3%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.wrap{
width:95%;
}
.col_1_of_3{
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:92%;
padding:4%;
}
}
.title-img{
background-color: #E91546;
padding: 5px 0 2px 13px;
margin-bottom: 24px;
-webkit-border-radius: 0 0 15px 0;
-moz-border-radius: 0 0 15px 0;
border-radius: 0 0 15px 0;
}
.title {
color: #FFF;
width: 20%;
margin: 0;
overflow: hidden;
float:left;
}
.title-desc{
float:left;
}
.title-desc p {
color: #FFF;
font-size: 1.5em;
padding-top: 10px;
font-family: 'Montserrat Alternates', sans-serif;
}
p.title-desc{
color:#fff;
}
.title-img1{
background-color: #FC6F22;
padding: 5px 0 2px 13px;
margin-bottom: 24px;
-webkit-border-radius: 0 0 15px 0;
-moz-border-radius: 0 0 15px 0;
border-radius: 0 0 15px 0;
}
.title-img2{
background-color: #71B908;
padding: 5px 0 2px 13px;
margin-bottom: 24px;
-webkit-border-radius: 0 0 15px 0;
-moz-border-radius: 0 0 15px 0;
border-radius: 0 0 15px 0;
}
.desc{
color: #E91546;
font-size:15px;
line-height:1.5em;
margin-bottom:10px;
}
.desc1{
color: #555;
font-size: 13px;
line-height: 1.7em;
margin-bottom: 20px;
}
.btn.btn-primary {
box-shadow: none;
background: none;
position: relative;
text-decoration: none;
display: inline-block;
padding: 11px 10px 9px 10px;
font-family: 'Montserrat Alternates', sans-serif;
color: #FFF;
border: none;
letter-spacing: 0;
text-shadow: none;
text-decoration: none!important;
background: #155be9;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 0 0 15px 0;
-moz-border-radius: 0 0 15px 0;
border-radius: 0 0 15px 0;
}
.btn.btn-primary1 {
box-shadow: none;
background: none;
position: relative;
text-decoration: none;
display: inline-block;
padding: 11px 10px 9px 10px;
font-family: 'Montserrat Alternates', sans-serif;
color: #FFF;
border: none;
letter-spacing: 0;
text-shadow: none;
text-decoration: none!important;
background: #FC6F22;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 0 0 15px 0;
-moz-border-radius: 0 0 15px 0;
border-radius: 0 0 15px 0;
}
.btn.btn-primary2 {
box-shadow: none;
background: none;
position: relative;
text-decoration: none;
display: inline-block;
padding: 11px 10px 9px 10px;
font-family: 'Montserrat Alternates', sans-serif;
color: #FFF;
border: none;
letter-spacing: 0;
text-shadow: none;
text-decoration: none!important;
background: #71B908;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 0 0 15px 0;
-moz-border-radius: 0 0 15px 0;
border-radius: 0 0 15px 0;
}
.btn.btn-primary img, .btn.btn-primary1 img, .btn.btn-primary2 img {
vertical-align: middle;
}
.btn.btn-primary>span, .btn.btn-primary1>span, .btn.btn-primary2>span{
float: left;
margin-right: 9px;
}
.btn.btn-primary:hover, .btn.btn-primary1:hover, .btn.btn-primary2:hover {
background: none;
color: #FFF;
background:#333;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.desc-middle{
color: #FC6F22;
font-size:15px;
line-height:1.5em;
margin-bottom:10px;
}
.last{
color: #71B908;
font-size:15px;
line-height:1.5em;
margin-bottom:10px;
}
.content-bottom{
/*background: url(../images/2.png) repeat-x;*/
/*background-size: auto 100%;*/
padding: 3%;
margin-top: -5px;
background-color: #fffdf8;
}
ul.dishes_list li{
border-bottom: 1px solid #E0E8ED;
padding: 6px 0;
}
ul.dishes_list li.last{
border-bottom:none;
}
ul.dishes_list li a {
color: #555;
font-size:13px;
display: block;
padding: 5px 0 5px 20px;
background: url(../images/marker.png) no-repeat 0;
}
ul.dishes_list li a:hover {
color: #FA8D03;
}
.desc2 {
color:#D67B07;
font-size: 15px;
line-height: 1.5em;
margin-bottom: 10px;
}
.latest-news-pic {
float: left;
width: 20%;
padding-top: 0.3em;
}
.latest-news-info {
float: right;
width: 76%;
padding-top: 0.3em;
}
.latest-news-info a {
color: #D67B07;
font-size: 13px;
line-height: 1.5em;
-moz-transition: background 0.3s ease-out;
-o-transition: background 0.3s ease-out;
-webkit-transition: background 0.3s ease-out;
transition: all 0.3s ease-out;
}
.latest-news-info a:hover {
color:#000;
}
.mid-grid p {
color: #777;
font-size: 0.875em;
display: block;
padding: 1em 0;
line-height: 1.5em;
}
.section-top{
padding-bottom:10px;
}
.copy-right {
padding:1% 1%;
background: rgb(255, 254, 254);
}
.copy-right p{
font-size: 14px;
color:rgb(0, 0, 0);
text-align: center;
}
.copy-right p a{
color:#FA8D03;
}
.copy-right p a:hover{
color:#333;
}
/*--about--*/
.grid_1_of_3:first-child {
margin-left: 0;
}
.grid_1_of_3 {
width:32%;
}
.col_1_of_3 {
display: block;
float: left;
margin:0% 0 0% 1.6%;
}
.about_desc h2 {
color: #FA8D03;
margin-bottom: 0.5em;
font-size: 1.7em;
line-height: 1.2;
font-family: 'Montserrat Alternates', sans-serif;
margin-top: 0px;
letter-spacing: -1px;
}
.grid_1_of_3 img {
max-width: 100%;
display: block;
}
.grid_1_of_3 p {
font-size:15px;
padding: 0.7em;
color: #7E7E7E;
line-height: 1.8em;
}
.history-desc {
padding-bottom: 15px;
}
.history-desc h1{
padding: 1em;
}
.year {
float: left;
}
.year p {
color: #555;
font-size: 1.2em;
}
.grid_1_of_3 p.history {
float: left;
width: 80%;
margin-left: 4%;
font-size:13px;
color: #6A6A6A;
line-height: 1.8em;
}
.numb_list {
color: #FFF;
float: left;
font-family: 'Montserrat Alternates', sans-serif;
font-size: 35px;
line-height: 49px;
text-align: center;
width: 50px;
height: 50px;
margin: 2px 17px 15px 0;
}
.red {
background: #E91546;
}
p.link1 {
margin-bottom: 5px;
}
.blue {
background:#FC6F22;
}
.green {
background: #71B908;
}
.link1 a{
color:#FA8D03;
}
/*--programs--*/
.grid_1_of_4:first-child {
margin-left: 0;
}
.images_1_of_4 {
width: 22.8%;
position: relative;
}
.grid_1_of_4 {
display: block;
float: left;
margin: 2% 0 1% 1.6%;
}
.grid_1_of_4 h4 {
text-transform: uppercase;
font-size: 1.3em;
margin-bottom: 0.5em;
line-height: 22px;
color:#FA8D03;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
cursor: pointer;
padding: 13px 0px 2px 0px;
}
.grid_1_of_4 h4:hover {
color:#333;
}
.grid_1_of_4 p {
font-size: 14px;
margin-top: 0.2em;
padding: 0.2em 1.5em 1em 0.5em;
color: #6A6A6A;
line-height: 1.6em;
}
.grid_1_of_4 a {
padding-bottom: 1em;
font-size: 15px;
}
.grid_1_of_4 h6 {
color: #FA8D03;
padding-top: 0.8em;
font-size: 17px;
padding-bottom: 0.4em;
}
.grid_1_of_4 summary {
color: #1295D4;
padding-top: 1em;
padding-bottom: 2em;
font-size: 15px;
}
.grid_1_of_4 h9 {
padding-left: 0.3em;
color:#6A6A6A;
font-size: 15px;
}
.link {
background: url(../images/arrow.gif) no-repeat 100% 8px;
display: inline-block;
padding: 0 13px 0 0;
line-height: 19px;
font-size: 14px;
font-style: normal;
text-decoration: underline;
color:#FA8D03;
font-family: 'Montserrat Alternates', sans-serif;
}
.link:hover{
text-decoration:none;
}
.heading3 h3 {
color: #FA8D03;
margin-bottom: 0.5em;
font-size: 2.0em;
line-height: 1.2;
font-family: 'Montserrat Alternates', sans-serif;
margin-top: 0px;
letter-spacing: -1px;
}
/*--contact--*/
/* Contact Form ============================================================================= */
.col{
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child{
margin-left:0;
}
.span_2_of_3 {
width: 66.1%;
}
.span_2_of_3 h3,
.span_1_of_3 h3 {
color: #FA8D03;
margin-bottom: 0.5em;
font-size: 1.7em;
line-height: 1.2;
font-family: 'Montserrat Alternates', sans-serif;
margin-top: 0px;
letter-spacing: -1px;
}
.contact-form{
position:relative;
padding-bottom:30px;
margin-right: 0.7em;
}
.contact-form p{
padding: 0.7em;
border: 1.3px solid #FA8D03;
border-radius: 5px;
}
.contact-form div{
padding:5px 0;
}
.contact-form span{
display:block;
font-size:0.8125em;
color: #333;
padding-bottom:5px;
}
.contact-form input[type="text"],.contact-form textarea{
padding:8px;
display:block;
width:98%;
background:#fcfcfc;
border: none;
outline:none;
color:#464646;
font-size:0.8125em;
font-family:Arial, Helvetica, sans-serif;
box-shadow: inset 0px 0px 3px #999;
-webkit-box-shadow: inset 0px 0px 3px #999;
-moz-box-shadow: inset 0px 0px 3px #999;
-o-box-shadow: inset 0px 0px 3px #999;
-webkit-appearance:none;
}
.contact-form textarea{
resize:none;
height:120px;
}
.contact-form input[type="submit"]{
padding:7px 20px;
color:#FFF;
cursor:pointer;
background:#FA8D03 url(../images/large-button-overlay.png);
border: 1px solid rgba(0, 0, 0, 0.25);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
-webkit-border-radius: 5px;
border-radius:2px;
font-family:Arial, Helvetica, sans-serif;
position:absolute;
right:0;
}
.contact-form input[type="submit"]:hover{
background-color:#333;
}
.contact-form input[type="submit"]:active{
background-color:#333;
}
.company_address p{
font-size: 13px;
padding: 0.2em 0em 1.2em 0em;
color: #6A6A6A;
line-height: 1.6em;
}
.company_address p span{
text-decoration:underline;
color:#333;
cursor:pointer;
}
.company_address p span:hover{
text-decoration:none;
}
.map{
border:1px solid #C7C7C7;
margin-bottom:15px;
}
.search
{
width: 14em;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
.wrap{
width:95%;
}
}
/* GO FULL WIDTH AT LESS THAN 800 PIXELS */
@media only screen and (max-width: 800px) {
.wrap{
width:95%;
}
.span_2_of_3 {
width:94%;
padding:3%;
}
.col{
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:94%;
padding:3%;
}
}
/* GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
.wrap{
width:95%;
}
.span_2_of_3 {
width:94%;
padding:3%;
}
.col{
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:94%;
padding:3%;
}
.contact-form input[type="text"],.contact-form textarea{
width:97%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.wrap{
width:95%;
}
.span_2_of_3 {
width:90%;
padding:5%;
}
.col {
margin: 1% 0 1% 0%;
}
.span_1_of_3 {
width:90%;
padding:5%;
}
.contact-form input[type="text"],.contact-form textarea{
width:92%;
}
}
/*--404--*/
.page-not-found {
padding: 30px 0;
}
.page-not-found h1 {
font-size: 15em;
color: #F0F0F0;
text-align: center;
text-shadow: 1px 1px 6px #AAA;
-moz-text-shadow: 1px 1px 6px #aaa;
-webkit-text-shadow: 1px 1px 6px #aaa;
-o-text-shadow: 1px 1px 6px #aaa;
}
/*--Responsive design--*/
@media (max-width:1366px){
.wrap{
width:90%;
}
.grid_1_of_3 p.history {
width: 77%;
}
}
@media (max-width:1280px){
.wrap{
width:90%;
}
.grid_1_of_3 p.history {
width: 77%;
}
}
@media (max-width:1024px){
.wrap{
width:90%;
}
.grid_1_of_3 p.history {
width: 72%;
}
.search input[type="text"] {
width: 69.33%;
}
.title-desc p {
font-size: 1.4em;
}
.grid_1_of_4 h4 {
font-size: 19px;
}
.span_2_of_3 h3, .span_1_of_3 h3 {
font-size: 1.4em;
}
.contact-form input[type="text"], .contact-form textarea {
width: 94%;
}
.main-top {
background: url(../images/1.png) repeat-x;
background-size: auto 100%;
}
.content-bottom {
background: url(../images/1024bottom.png) repeat-x;
}
.logo h1 a {
font-size: 3.5em;
}
}
@media (max-width:800px){
.wrap{
width:90%;
}
.grid_1_of_3 p.history {
width: 69%;
}
.search input[type="text"] {
width: 69.33%;
}
.title-desc p {
font-size: 1.4em;
}
.grid_1_of_4 h4 {
font-size: 16px;
}
.span_2_of_3 h3, .span_1_of_3 h3 {
font-size: 1.4em;
}
.contact-form input[type="text"], .contact-form textarea {
width: 94%;
}
.logo h1 a {
font-size: 3em;
}
.search {
width: 37%;
}
.about_desc h2 {
font-size: 1.6em;
}
.year p {
font-size: 1.1em;
}
.main-top {
background: url(../images/800.png) repeat-x;
background-size: auto 100%;
}
.content-bottom {
background: url(../images/800bottom.png) repeat-x;
}
/* 手机版本material */
.heading3 h3
{
color: #fa8d03;
padding-bottom: 0.1em;
margin-top: 1em;
margin-bottom: 0;
font-size: 1.4em;
}
.heading2 p
{
color: #131211;
padding-bottom: 0.1em;
padding-left: 1.5em;;
margin-top: 1.2em;
margin-bottom: 0;
font-size: 1em;
}
}
@media (max-width:640px){
.wrap{
width:90%;
}
.grid_1_of_3 p.history {
width: 69%;
}
.search input[type="text"] {
width:61.33%;
padding: 7px 16px;
}
.title-desc p {
font-size: 1.4em;
}
.grid_1_of_4 h4 {
font-size: 14px;
}
.span_2_of_3 h3, .span_1_of_3 h3 {
font-size: 1.4em;
}
.contact-form input[type="text"], .contact-form textarea {
width: 94%;
}
.logo h1 a {
font-size:2.5em;
}
.search {
width: 37%;
}
.about_desc h2 {
font-size: 1.4em;
}
.year p {
font-size: 1.1em;
}
.main-top {
background: url(../images/640.png) repeat-x;
background-size: auto 100%;
}
.content-bottom {
background: url(../images/640bottom.png) repeat-x;
}
.menu li a {
padding: 10px 9px;
font-size: 11px;
}
.follow_icon {
margin: 5px 10px 0;
}
.search input[type="submit"] {
padding: 8px 20px;
background: #FFA30C url('../images/search.png') no-repeat 12px 11px;
}
.grid_1_of_3 {
width:100%;
}
.images_1_of_4 {
width:100%;
}
}
@media (max-width:480px){
.wrap{
width:90%;
}
.grid_1_of_3 p.history {
width: 69%;
}
.search input[type="text"] {
width:61.33%;
padding: 7px 16px;
}
.title-desc p {
font-size: 1.4em;
}
.grid_1_of_4 h4 {
font-size: 14px;
}
.span_2_of_3 h3, .span_1_of_3 h3 {
font-size: 1.4em;
}
.contact-form input[type="text"], .contact-form textarea {
width: 94%;
}
.logo h1 a {
font-size:2.5em;
}
.search {
width:92%;
float:none;
}
.about_desc h2 {
font-size: 1.4em;
}
.year p {
font-size: 1.1em;
}
.main-top {
background: url(../images/640.png) repeat-x;
background-size: auto 100%;
}
.content-bottom {
background: url(../images/640bottom.png) repeat-x;
}
.menu li a {
padding: 10px 9px;
font-size: 12px;
}
.follow_icon {
margin: 5px 10px 0;
}
.search input[type="submit"] {
padding: 8px 20px;
background: #FFA30C url('../images/search.png') no-repeat 12px 11px;
}
.grid_1_of_3 {
width:100%;
}
.images_1_of_4 {
width:100%;
}
.menu {
float:none;
}
.follow_icon {
float: none;
}
.follow_icon li {
display: inline-block;
}
.logo {
float:none;
}
.header-bottom {
text-align: center;
}
}
@media (max-width:320px){
/* .wrap{
width:90%;
}
.grid_1_of_3 p.history {
width: 69%;
}
.search input[type="text"] {
width:61.33%;
padding: 7px 16px;
}
.title-desc p {
font-size: 1.1em;
}
.grid_1_of_4 h4 {
font-size: 12px;
}
.span_2_of_3 h3, .span_1_of_3 h3 {
font-size: 1.2em;
}
.contact-form input[type="text"], .contact-form textarea {
width: 94%;
}
.logo h1 a {
font-size:2.5em;
}
.search {
width:92%;
float:none;
}
.about_desc h2 {
font-size: 1.2em;
}
.year p {
font-size: 1.1em;
}
.main-top {
background: url(../images/640.png) repeat-x;
background-size: auto 100%;
}
.content-bottom {
background: url(../images/640bottom.png) repeat-x;
}
.menu li a {
padding: 10px 9px;
font-size: 12px;
}
.follow_icon {
margin: 5px 10px 0;
}
.search input[type="submit"] {
padding: 8px 20px;
background: #FFA30C url('../images/search.png') no-repeat 12px 11px;
}
.grid_1_of_3 {
width:100%;
}
.images_1_of_4 {
width:100%;
}
.menu {
float:none;
}
.follow_icon {
float: none;
}
.follow_icon li {
display: inline-block;
}
.logo {
float:none;
}
.header-bottom {
text-align: center;
}
.menu li {
float: none;
border-right:0;
}*/
}
/*me fix*/
/*this is for fixing ipad menu*/
@media only screen and (max-width: 800px)
{
body
{
min-width: 1300px;
}
}
@media only screen and (max-width: 600px)
{
body
{
min-width: 100%;
}
}
.logo
{
width: 50%;
height: 7em;
}
.logo img
{
display: block;
width: 100%;
height: 8.5em;
position: relative;
top: -0.5em;
}
.logo h1, .logo > h1 > a
{
position: absolute;
left: -99999999px; /*seo*/
width: 0px;
height: 0px;
}
.search
{
float: right;
margin-top: 2%;
}
.title-img
{
background-color: #155be9;
}
.content-bottom
{
margin-top: 1em;
}
.content-bottom .col_1_of_3
{
/*margin: 0;
box-sizing: border-box;
float: none;
width: 100%;
margin-bottom: 5%;
border-top: 1px solid #fa8d03;
padding: 1em;
background-color: #fffdf8;*/
width: 49%;
}
.copy-right
{
margin-top: 1em;
}
/*
fix program
*/
.main-bottom .wrap iframe
{
width: 49%;
height: 23em;
float: left;
}
.section, .group
{
margin-top: 0.1em;
/*border-top: 1px solid #fa8d03;*/
padding-top: 0.2em;
}
.upArrow
{
position: fixed;
width: 3em;
height: 3em;
z-index: 5;
top: 80%;
left: 85%;
border-radius: 5em;
background-color: #fa8d03;
transition: all 0.1s
}
.upArrow:hover
{
transform: scale(1.1);
}
.upArrow img
{
width: 2em;
height: 2em;
position: relative;
top: 18%;
left: 17%;
}
.heading3 h3
{
color:#fd723d;
padding-bottom: 0.1em;
margin-top: 1.8em;
margin-bottom: 0;
font-weight: 900;
}
.images_1_of_4
{
transition: all 0.2s;
}
.images_1_of_4 img:nth-of-type(2)
{
margin: 0 auto;
box-sizing: border-box;
padding: 2em;
}
.images_1_of_4:hover
{
transform: scale(1.05);
}
/* program schools list add */
.schools ul
{
margin: 0;
padding: 0;
background-color: #fa8d03;
color: #000;
overflow: auto;
transition: all 0.5s;
}
.schools ul:hover
{
transform: scale(1.01);
}
.schools ul li
{
box-sizing: border-box;
width: 10%;
height: 100%;
float: left;
text-align: center;
/*padding: 0.5em;
border-right: 2px solid #b8ccdc87;*/
}
.schools a
{
display: block;
width: 100%;
box-sizing: border-box;
text-decoration: none;
color: #fff;
padding: 0.5em;
border-right: 2px solid #b8ccdc87;
}
.schools a:hover
{
color: #fff;
background-color: #000
}
.schools .clear
{
width: 0%;
height: 0%;
display: none;
}
/* 课程资料下载 */
.heading2 p
{
color: #131211;
padding-bottom: 0.1em;
padding-left: 1.5em;;
margin-top: 1.2em;
margin-bottom: 0;
font-size: 1em;
}
.heading2 h2
{
color: #fa8d03;
padding-left: 1.5em;;
margin-top: 1em;
margin-bottom: 0;
font-size: 1.2em;
font-weight: bold;
}
.heading2 h1
{
color: #fa6603;
padding-left: 1.2em;
margin-top: 1em;
font-size: 1em;
font-weight: lighter;
}
#heading3First h3
{
margin-top: 0em !important;
}
.images_1_of_4 p
{
height: 8em;
overflow: hidden;
}
.section_bar
{
background-color: #facd03;
overflow: auto;
margin-bottom: 1em;
}
.section_bar .subjectList
{
font-family: 'Montserrat Alternates', sans-serif;
display: block;
float: left;
/* background-color: #fa8d03;*/
font-size: 1em;
cursor: pointer;
padding: 0.5em;
padding-right: 0.5em;
border-right: 0.1em solid #d9b4b4;
font-weight: bold;
}
/*
this is for not picture p and read more
*/
.school h4
{
padding: 1em;
background-color: #fa8d03;
color: #000;
text-align: center;
}
/*
--------------------=
*/
.section_bar .active
{
font-family: 'Montserrat Alternates', sans-serif;
display: block;
float: left;
font-size: 1em;
cursor: pointer;
padding: 0.5em;
padding-right: 0.5em;
border-right: 0.1em solid #d9b4b4;
font-weight: bold;
background-color: #000;
color: #fff;
}
.section_bar .clear
{
padding: 0;
margin: 0;
clear: both;
}
.grid_1_of_4:nth-child(5)
{
margin-left: 0;
}
/* in program load no course sorry page */
.sorryPage
{
height: 5em;
width: 50%;
font-size: 2em;
margin: auto auto;
padding: 2em;
}
.menu480
{
display: none;
}
.menu > ul > .search
{
display: none;
}
/*media query*/
@media only screen and (max-width: 480px)
{
.logo
{
width: 100%;
height: 6.5em;
}
.logo img
{
display: block;
width: 100%;
position: relative;
top: -0.5em;
}
.search
{
float: none;
margin-top: 0%;
}
.header-bg > .wrap
{
width: 100%;
}
.header-bg > .wrap > .total-box, .header-bg > .wrap > .total-box > .total
{
padding: 0px;
}
.header-bg > .wrap > .total-box > .total > .header_top
{
border-radius: 0;
margin-bottom: 0;
}
.header-bg > .wrap > .total-box > .total > .header_top > .follow_icon
{
display: none;
}
.header-bg > .wrap > .total-box > .total > .header_top > .menu
{
padding-top: 0.5em;
padding-bottom: 0.5em;
}
/*.header_top
{
background-color: #fa8d03;
}*/
.menu
{
/*background-color: #fa8d03;*/
/*background-image: linear-gradient(#ff6c34,#fa8d03);*/
}
.menu li
{
width: 13.8%;
}
.menu480
{
display: flex;
/*color: #ccc; #f0e6e6*/
color: #f0e6e6;
font-size: 1.6em;
justify-content: space-around;
align-items: center;
font-family: Georgia, Times, "Times New Roman", serif;
background-color: #000;
}
.menu480 .logo
{
display: block !important;
width: 13rem;
height: 4rem;
}
.menu480 .logo img
{
width: 24rem;
height: 4rem;
margin-top: 0.5em;
margin-left: -1.5em;
}
.menu480 i
{
transition: all 0.5s;
}
.menu ul
{
display: none;
position: absolute;
top: 2%;
width: 100%;
background-color: #fffffe;
z-index: 5;
height: 100vh;
padding-top: 0.5em;
}
.menu ul .search
{
display: block !important;
padding: 1em 0;
border-bottom: 1px solid #e9e9e9;
margin-bottom: 2em;
width: 100%;
}
.menu ul .search form
{
margin: 0 auto;
justify-content: center;
padding-left: 1em;
}
.menu ul li
{
border-right: 0;
float: none;
width: 100%;
}
.menu > ul > .active
{
background-color: #fa8d03;
color: #ccc;
}
.menu > ul > li.active > a
{
background: none;
}
.menu ul a
{
width: 80%;
margin-left: 5%;
color: #fa8d03;
font-size: 1.1em;
/*text-align: center;*/
border-bottom: 1px solid rgba(10,10,10,0.2);
}
.header-bottom
{
padding: 0 0;
}
.main
{
overflow: auto;
}
.section_bar > ul > li
{
width: 27.5%;
text-align: center;
border-right: 0px !important;
}
.section_bar > ul > li:nth-child(2), .section_bar > ul > li:nth-child(5)
{
border-right: 0.1em solid #d9b4b4 !important;
border-left: 0.1em solid #d9b4b4 !important;
}
.section_bar > ul > li:nth-child(1), .section_bar > ul > li:nth-child(2),
.section_bar > ul > li:nth-child(3)
{
border-bottom: 0.1em solid #d9b4b4;
}
.main-bottom .wrap iframe
{
width: 100%;
height: 100%;
padding-bottom: 2em;
}
.main-bottom .wrap .content-bottom
{
background-color: #fdf4e8;
background-image: none;
padding: 0 !important;
}
/*
this is for not picture p and read more
*/
.school h4
{
padding: 0.3em;
background-color: #fa8d03;
color: #000;
text-align: center;
height: 100%;
}
/*hschools */
.schools li
{
width: 33.2%;
}
.schools a
{
border-right: 0px;
}
.schools ul li:nth-child(1), .schools ul li:nth-child(2), .schools ul li:nth-child(4),
.schools ul li:nth-child(5)
{
border-right: 2px solid #b8ccdc87;
}
.schools ul li:nth-child(1), .schools ul li:nth-child(2), .schools ul li:nth-child(3),
.schools ul li:nth-child(4), .schools ul li:nth-child(5), .schools ul li:nth-child(6)
{
border-bottom: 2px solid #b8ccdc87;
}
/*
--------------------=
*/
}
@media (max-width:320px)
{
.menu li
{
width: 13.5%;
}
.section_bar > ul > li
{
width: 27%;
text-align: center;
border-right: 0px !important;
font-size: 0.8em
padding: 0px;
}
}
body, html
{
scroll-behavior: smooth;
}
/* -------english ----------*/
.main .heading3 .heading2 .englishWordShow
{
display: none;
}
.main .heading3 .heading2 img
{
display: inline-block;
}
@media only screen and (max-width: 480px)
{
.main .heading3 .heading2 .englishWordShow
{
display: block;
}
.main .heading3 .heading2 img
{
display: none;
}
}
/* search page */
.main-top .main .section-top .searchResultBox
{
color: black;
margin-bottom: 2em;
}
.main-top .main .section-top .searchResultBox a
{
font-size: 1.5em;
color: #fa8d03;
border-bottom: 1px solid #fa8d03;
}
.main-top .main .section-top .searchSorry .noResult
{
font-size: 2em;
}
/*fix page style*/
#toTop > .wrap
{
width: 100%;
}
#toTop > .wrap .total-box, #toTop > .wrap .total
{
padding: 0;
}
#toTop > .wrap .total .header_top
{
border-radius: 0px;
background-color: #fa8d03;
/* display: flex;
justify-content: space-between;
align-items: center;
background: black;
height: min-content;*/
}
#toTop > .wrap .total .header_top .menu li
{
/*border-right: 1px solid rgba(#ffb2002b);*/
border-right: 2px ridge #ff9b00;
}
#toTop > .wrap .total .header_top .menu ul li a
{
color: black;
}
#toTop > .wrap .total .header-bottom
{
background-color: white;
}
.logo
{
width: 500px;
/* height: 163px;*/
}
.logo img
{
display: block;
position: relative;
top: -0.5em;
}
.search
{
/*width: 60%;*/
}
.search input[type="text"]
{
border: 2px solid #F1E1AD;
}
/*version 2*/
#toTop > .wrap .total .header_top
{
display: flex;
justify-content: space-between;
align-items: center;
background-color: #333;
padding-left: 3em;
padding-right: 1em;
}
#toTop > .wrap .total .header-bottom
{
display: none;
}
.search
{
margin: 0;
padding: 0;
/*width: 14em;*/
background-color: #333;
}
.search form
{
display: flex;
justify-content: flex-end;
}
.search input[type="submit"]
{
position: static;
}
.search input[type="text"]
{
width: 10em;
/*background-color: #333;*/
}
.logo
{
width: 200px;
height: 70px;
}
.logo img
{
width: 200px;
height: 70px;
margin-top: 8px;
}
#toTop > .wrap .total .header_top .menu li
{
border-right: 0px;
}
#toTop > .wrap .total .header_top .menu ul li a
{
font-size: 1.2em;
font-weight: 500;
color: #eee;
}
.menu > ul > li.active
{
background-color: #333;
color: #fa8d03;
}
.menu li a:hover, .menu li.active a
{
background: none;
background-color: #333;
color: #fa8d03 !important;
box-shadow: none;
}
#toTop > .wrap .total .header_top .follow_icon
{
display: none;
}
.footer
{
background-color: #fa8d03;
margin-top: 5em;
display: flex;
justify-content: center;
align-items: center;
}
.footer .left, .footer .right
{
box-sizing: border-box;
width: 50%;
}
.footer .left
{
padding-left: 25%;
}
.footer .right
{
display: flex;
border-left: 2px solid #faead4;
margin: 2em 0;
padding-left: 5%;
}
.footer p, footer a
{
text-align: center;
color: #faead4;
font-size: 1.1em;
}
.footer .copy-right
{
/* order: -1;*/
background-color: transparent;
text-align: left;
}
.footer .copy-right p
{
text-indent: 0;
text-align: left;
}
.footer .footer-item
{
width: 20em;
display: flex;
justify-content: start
}
.footer .footer-item span
{
color: #faead4;
font-size: 1.5em;
}
.footer .footer-item span, .footer .footer-item p
{
margin-right: 7px;
}
.footer .right .footer-item
{
width: 9em;
margin: 1em 0.5em;
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
align-items: center;
/*margin-bottom: -0.5em;*/
}
.footer .right .desc1
{
margin-bottom: 0;
}
/*fix footer bog*/
@media only screen and (max-width: 800px)
{
.footer .left
{
padding-left: 20%;
}
}
@media only screen and (max-width: 1024px)
{
.footer .left
{
padding-left: 10%;
}
}
@media only screen and (max-width: 600px)
{
#toTop > .wrap .total .header_top ul, #toTop > .wrap .total .header_top .logo, #toTop > .wrap .total .header_top .search
{
display: none;
}
#toTop > .wrap .total .header_top
{
padding: 0;
}
#toTop > .wrap .total .header_top .menu
{
width: 100%;
}
#toTop > .wrap .total .header-bottom
{
display: block;
background-color: transparent;
padding-bottom: 3em;
}
.search
{
background-color: transparent;
}
.search input[type="text"]
{
width: 61.33%;
/*background-color: #333;*/
}
.logo
{
width: 100%;
height: 6.5em;
}
.logo img
{
width: 100%;
height: 6.5em;
margin-top: 8px;
}
.footer
{
background-color: #fa8d03;
margin-top: 5em;
display: flex;
/*justify-content: center;
align-items: center;*/
flex-direction: column-reverse;
}
.footer .left, .footer .right
{
width: 100%;
}
.footer .left
{
border-top: 1px solid #ccc;
padding: 1em;
/*display: none*/
}
#toTop > .wrap .total .header_top .menu ul li a
{
font-size: 1.2em;
font-weight: 500;
color: #fa8d03;
}
.menu > ul > li.active
{
background-color: #fa8d03;
color: #fff;
}
.menu li:hover, .menu li.active a
{
color: #fff !important;
background-color: #fa8d03;
}
.menu li a:hover, .menu li.active a
{
background-color: transparent;
color: #fff !important;
}
#toTop > .wrap .total .header-bottom
{
display: none;
}
}