/* My Class */ .overflow { overflow: hidden } .clear { clear: both } .underline { text-decoration: underline } .black { color: black } .white { color: white } .red { color: #cc2026 } .green { color: #71bf43 } .gray { color: #333333 } .bold { font-weight: bold } .italic { font-style: italic } .center { text-align: center } .visible { visibility: visible } .invisible { visibility: hidden } .display,.block { display: block } .none { display: none } .uppercase { text-transform: uppercase } .lowercase { text-transform: lowercase } .capitalize { text-transform: capitalize } .impact { font-family: 'ImpactRegular' } .bauhaus { font-family: 'BAUHS93' } .helvetica { font-family: 'HelveticaNeueCondensedBold' } .helvetica2 { font-family: 'HelveticaNeueLT Std Med Cn' } .heading { padding: 10px 40px; background: url(../images/title_bg.png) bottom right no-repeat } .heading-lg { padding: 15px 40px; background: url(../images/title_bg2.png) bottom right no-repeat; } .heading2 { padding: 9px 10px; background: url(../images/register_heading_bg.jpg) no-repeat } .heading3 { height: 43px; background: url(../images/title_bg2.jpg) top repeat-x } .standard { padding-left: 20px; list-style: disc; font-size: 13px; line-height: 18px; margin: 10px 0; color: #444444 } .standard ul { padding-left: 20px; font-size: 12px; margin: 5px 0; color: #444444 } .standard dl,.course-point dl { padding-left: 20px; margin: 5px 0 } .standard dd,.course-point dd { text-indent: -10px } .standard2 { padding: 5px 0; padding-left: 40px; list-style: disc; font-size: 13px; line-height: 18px; margin: 10px 0; color: #333333 } .info-table { margin: 10px 0; font-size: 13px; border: 1px solid #d3d3d3; border-collapse: collapse } .info-table th { color: white; font-size: 15px; padding: 15px 0; font-weight: bold; text-align: center; border: 1px solid #d3d3d3; border-collapse: collapse; background: #71bf43; /* Old browsers */ background: -moz-linear-gradient(top, #71bf43 0%, #197b30 85%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71bf43), color-stop(85%,#197b30)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #71bf43 0%,#197b30 85%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #71bf43 0%,#197b30 85%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #71bf43 0%,#197b30 85%); /* IE10+ */ background: linear-gradient(to bottom, #71bf43 0%,#197b30 85%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71bf43', endColorstr='#197b30',GradientType=0 ); /* IE6-9 */ } .info-table td { color: #888888; background: #fbfaf8; line-height: 18px; padding: 10px; border: 1px solid #d3d3d3; border-collapse: collapse } .info-table dl { padding-left: 20px; margin: 5px 0 } .info-table dd { text-indent: -10px } .img-fluid { width: 100%; height: auto; } /* General Tag */ body { font-family: 'CenturyGothic'; background: white } h1 { font-size: 28px } h2 { font-size: 22px } h3 { font-size: 18px; font-weight: bold } h4 { font-size: 15px } h5 { font-size: 90% } h6 { font-size: 80% } p { font-size: 14px; line-height: 18px; margin: 10px 0; color: #444444 } a { text-decoration: none } small { font-size: 65% } hr { border-top: 1px solid #cccccc } /* Common Layout */ #header { width: 960px; margin: 0 auto; overflow: hidden; background: url(../images/header_bg.jpg) 0 25px no-repeat; position: relative } #logo { width: 423px; float: left;position: relative; } #logotext { position: absolute; left: 130px;top: 15px;min-width: 500px; color: #224E6B;} #logo2 { font-size: 13px; color: #444444; margin: 10px 0; float: left; } #logo2 img { margin-left: 5px } #tactics { width: 121px; height: 50px; position: absolute; right: 5px; top: 20px; padding: 6px 0; text-align: center } #top_contact { font-size: 16px; font-weight: bold; color: white; width: 240px; height: 30px; position: absolute; right: 5px; top: 0; padding: 6px 0; text-align: center; background: url(../images/top_contact_bg.jpg) repeat-x; -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px } #top_contact a { margin-left: 10px } #top_contact a img { vertical-align: middle; } #navbar { width: 960px; height: 44px; margin: 0 auto; background: url(../images/navbg.jpg) repeat-x; position: relative } #navbar ul { font: 18px 'HelveticaNeueLT Std Med Cn'; padding-left: 5px; overflow: hidden } #navbar ul li { float: left; padding: 0 4px; height: 42px; background: url(../images/nav_divider.jpg) top right no-repeat } #navbar ul li a { display: block; color: #2d2d2d; padding: 8px 10px; margin: 4px 0; -webkit-border-radius: 5px; border-radius: 5px } #navbar ul li a:hover { color: #2d2d2d; background: url(../images/nav_btn.jpg) repeat-x; ; -webkit-box-shadow: 2px 2px 10px 0 #666666; -moz-box-shadow: 2px 2px 10px 0 #666666; box-shadow: 2px 2px 10px 0 #666666 } #navbar ul li a.active { color: #2d2d2d; background: url(../images/nav_btn.jpg) repeat-x; ; -webkit-box-shadow: 2px 2px 10px 0 #666666; -moz-box-shadow: 2px 2px 10px 0 #666666; box-shadow: 2px 2px 10px 0 #666666 } #wrapper { width: 960px; margin: 10px auto; background: transparent } #banner { position: relative; overflow: hidden } .scroll-down-btn { position: absolute; bottom: 30px; left: 30px; z-index: 10 } #home-banner { width: 758px; height: 282px; float: left } .fixed-banner { width: 758px; float: left; position: relative } .pe-test { position: absolute; bottom: 55px; left: 30px } .pe-test2 { position: absolute; top: 5px; right: 20px } #reg-section { width: 162px; height: 272px; float: right; padding: 5px 20px; background: url(../images/home_banner_box.jpg) repeat-y } #reg-section span { font: 14px 'BAUHS93'; color: #444444; letter-spacing: 2px } #reg-section h4 { font-size: 34px; letter-spacing: 3px; line-height: 18px } #reg-section p { font-size: 13px; color: #757575; margin: 10px 0; line-height: 16px } #reg-form input[type=text] { width: 152px; background: #fff; border: 1px solid #898989; padding: 2px 5px; margin-bottom: 5px; font: 13px 'CenturyGothic'; color: 020202; -webkit-border-radius: 5px; border-radius: 5px } ::placeholder { color: black; opacity: 1;} #reg-form input[type=submit] { background: url(../images/submit_btn.png) no-repeat; width: 100px; height: 25px; text-indent: -9999px; border: 0 } #cont { margin-top: 20px; background: transparent; position: relative } #left { width: 758px; float: left } #right { width: 187px; position: absolute; top: 0; right: 0 } /* #right { width: 187px; float: right; margin-left: 15px; background: url(../images/rightbar_bg.jpg) left repeat-y white; -webkit-box-shadow: 2px 2px 10px 0 #666666; -moz-box-shadow: 2px 2px 10px 0 #666666; box-shadow: 2px 2px 10px 0 #666666 } */ #sticky-nav { position: absolute; top: 0; right: 0 } #calendar-widget { width: 177px; margin: 0 auto } #footer { width: 100%; min-height: 229px; margin-top: 40px; background: url(../images/footer_bg.png) bottom repeat-x } #footer-box { width: 860px; margin: 0 auto; padding: 15px 50px; background: linear-gradient(#67ad3b, #537d3b); overflow: hidden } .bottom-nav { width: 180px; float: left; margin-right: 30px } .bottom-nav a h3 { margin-bottom: 10px; line-height: 20px } .bottom-nav a { font-size: 13px; line-height: 15px; color: white; display: block; margin: 5px 0 } .bottom-nav a:hover { text-decoration: underline } #copyright { font-size: 10px; color: white; margin-top: 20px; text-align: center } /* Home */ #home-course-col { position: relative } #home-course-col .hrdf { position: absolute; top: 12px; right: 10px } #home-course-col h2 { margin: 10px 0; margin-left: 40px; font-family: 'CenturyGothic-Bold' } #home-course-col h3 { margin: 10px 0; margin-left: 40px; font-family: 'CenturyGothic-Bold' } .thumb-row { position: relative; background: url(../images/home_thumb_row_bg1.jpg) bottom no-repeat; overflow: hidden; margin-bottom: 15px } .thumb-row2 .overflow { background: url(../images/home_thumb_row_bg2.jpg) bottom no-repeat; overflow: hidden; height: 240px; margin-bottom: 15px } .thumb-row2 .overflow2 { background: url(../images/home_thumb_row_bg3.jpg) bottom no-repeat; overflow: hidden; height: 160px; margin-bottom: 15px } .home-thumb { position: relative; width: 222px; height: 222px; display: block; float: left; cursor: pointer; overflow: hidden; margin: 0 15px } .home-thumb2 { position: relative; width: 220px; height: 150px; display: block; float: left; cursor: pointer; overflow: hidden; margin: 0 15px } .home-thumb .caption { position: absolute; width: 192px; height: 192px; padding: 15px; background: url(../images/trans_black.png); left: 0; top: -222px; z-index: 1 } .home-thumb2 .caption { position: absolute; width: 192px; height: 150px; padding: 15px; background: url(../images/trans_black.png); left: 0; top: -222px; z-index: 1 } .home-thumb .caption h4 { font-style: italic; color: #71bf43; line-height: 18px } .home-thumb2 .caption h4 { font-style: italic; color: #71bf43; line-height: 18px } .home-thumb .caption p { font-style: italic; color: white; line-height: 18px } .home-thumb2 .caption p { font-style: italic; color: white; line-height: 18px } .home-thumb .title { font-style: italic; display: block; width: 192px; text-align: center; position: absolute; bottom: 15px; left: 15px; z-index: 0 } .home-thumb2 .title { font-style: italic; display: block; width: 192px; text-align: center; position: absolute; bottom: 15px; left: 15px; z-index: 0 } .home-thumb .caption2 { position: absolute; width: 676px; height: 192px; margin-left: 15px; padding: 15px; background: url(../images/trans_black.png); left: 0; top: -222px; z-index: 1 } .home-thumb2 .caption2 { position: absolute; width: 676px; height: 192px; margin-left: 15px; padding: 15px; background: url(../images/trans_black.png); left: 0; top: -222px; z-index: 1 } .home-thumb .caption2 h4 { font-style: italic; color: #71bf43; line-height: 18px } .home-thumb2 .caption2 h4 { font-style: italic; color: #71bf43; line-height: 18px } .home-thumb .caption2 p { font-style: italic; color: white; line-height: 18px } .home-thumb2 .caption2 p { font-style: italic; color: white; line-height: 18px } .home-thumb .title2 { font-style: italic; position: absolute; bottom: 30px; left: 30px; z-index: 0 } .home-thumb2 .title2 { font-style: italic; position: absolute; bottom: 30px; left: 30px; z-index: 0 } #thumb0 { width: 721px; height: 240px; background: url(../images/home_thumb0.png) 15px 0 no-repeat; margin-left: 0 } #thumb1 { background: url(../images/c1-gradient.jpg) 0 0 no-repeat } #thumb2 { background: url(../images/c2-gradient.jpg) 0 0 no-repeat } #thumb3 { background: url(../images/c3-gradient.jpg) 0 0 no-repeat } #thumb4 { background: url(../images/c4-gradient.jpg) 0 0 no-repeat } #thumb5 { background: url(../images/c5-gradient.jpg) 0 0 no-repeat } #thumb6 { background: url(../images/c6-gradient.jpg) 0 0 no-repeat } #thumb7 { background: url(../images/c7-gradient.jpg) 0 0 no-repeat } #thumb8 { background: url(../images/c8-gradient.jpg) 0 0 no-repeat } #thumb9 { background: url(../images/c9-gradient.jpg) 0 0 no-repeat } .vert-divider { float: left; width: 22px; height: 223px } #home-service-col { position: relative; margin-top: 20px; -webkit-box-shadow: 2px 2px 10px 0 #666666; -moz-box-shadow: 2px 2px 10px 0 #666666; box-shadow: 2px 2px 10px 0 #666666; background: #caccce; /* Old browsers */ background: -moz-linear-gradient(left, #caccce 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#caccce), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #caccce 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #caccce 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #caccce 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to right, #caccce 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caccce', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } /* 30.12.13 Edit */ .thumb-row3 { position: relative; background: url(../images/new_thumb_bg.jpg) bottom no-repeat; overflow: hidden; margin: 15px 0 } .new-thumb { position: relative; width: 352px; height: 211px; display: block; float: left; cursor: pointer; overflow: hidden; margin: 12px 0; margin-left: 18px } .new-thumb .caption { position: absolute; width: 322px; height: 181px; padding: 15px; background: url(../images/trans_black.png); left: 0; top: -211px; z-index: 1 } .new-thumb .caption h4 { font-style: italic; color: #71bf43; line-height: 18px } .new-thumb .caption p { font-style: italic; color: white; line-height: 18px } .new-thumb .title { font-style: italic; line-height: 18px; position: absolute; bottom: 15px; left: 15px; z-index: 0 } #new-thumb1 { background: url(../images/home_thumb7.jpg) 0 0 no-repeat } #new-thumb2 { background: url(../images/home_thumb8.jpg) 0 0 no-repeat } #notice { background: url(../images/notice_bg.jpg); font-size: 14px; line-height: 1.2; color: white; padding: 6px 10px; border: 1px solid #8c2121; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); box-shadow: 0 0 2px 0 rgba(0,0,0,0.5) } #notice2 { background: url(../images/notice_bg.jpg); font-size: 14px; line-height: 1.2; color: white; padding: 6px 10px; margin-bottom: 20px; border: 1px solid #8c2121; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); box-shadow: 0 0 2px 0 rgba(0,0,0,0.5) } /* Plain English */ .link-row { margin-left: 30px; text-align: center } .link-row div { margin: 0 auto; overflow: hidden } .button { display: block; float: left; font: 15px 'CenturyGothic-Bold'; color: #3d3d3d; width: 115px; height: 80px; padding: 30px 15px; margin-right: 20px; text-align: center; border: 2px solid #ffffbe; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 2px 2px 10px 0 #666666; box-shadow: 2px 2px 10px 0 #666666; background: #ffd95f; /* Old browsers */ background: -moz-linear-gradient(top, #ffd95f 0%, #f9a11b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd95f), color-stop(100%,#f9a11b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd95f 0%,#f9a11b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd95f 0%,#f9a11b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd95f 0%,#f9a11b 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd95f 0%,#f9a11b 100%); cursor: pointer;/* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd95f', endColorstr='#f9a11b',GradientType=0 ); /* IE6-9 */ } #pe-course-col { position: relative } #pe-course-col h2 { margin: 10px 0; margin-left: 40px; font-family: 'CenturyGothic-Bold' } #pe-course-col h3 { margin: 10px 0; margin-left: 40px; font-family: 'CenturyGothic-Bold' } #pe-course-col .thumb-row2 .overflow { background: url(../images/pe_thumb_bg.jpg) bottom no-repeat; overflow: hidden; height: 475px; margin-bottom: 15px } .pe-thumb { position: relative; width: 352px; height: 211px; display: block; float: left; cursor: pointer; overflow: hidden; margin: 12px 0; margin-left: 18px } .pe-thumb .caption { position: absolute; width: 322px; height: 181px; padding: 15px; background: url(../images/trans_black.png); left: 0; top: -211px; z-index: 1 } .pe-thumb .caption h4 { font-style: italic; color: #71bf43; line-height: 18px } .pe-thumb .caption p { font-style: italic; color: white; line-height: 18px } .pe-thumb .title { font-style: italic; line-height: 18px; position: absolute; bottom: 15px; left: 15px; z-index: 0 } #pe-thumb1 { background: url(../images/pe_thumb1.jpg) 0 0 no-repeat } #pe-thumb2 { background: url(../images/pe_thumb2.jpg) 0 0 no-repeat } #pe-thumb3 { background: url(../images/pe_thumb3.jpg) 0 0 no-repeat } #pe-thumb4 { background: url(../images/pe_thumb4.jpg) 0 0 no-repeat } /* Course */ #course-banner { float: left; width: 758px } .banner-button { width: 226px; height: 57px; position: absolute; bottom: 15px; left: 20px } /* Course Info */ #course-info-col { padding-right: 20px; position: relative; background: url(../images/cont_bg.jpg) repeat-y } #course-info-col .hrdf { position: absolute; top: -35px; right: 10px } #course-info-col h3 { font-family: 'CenturyGothic-Bold' } .course-info-col-inside { margin-left: 30px } .notice { font-size: 14px; width: 450px; padding: 10px; font-weight: bold; color: white; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background: #ff4444; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YzAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff4444 0%, #8c0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff4444), color-stop(100%,#8c0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff4444 0%,#8c0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff4444 0%,#8c0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff4444 0%,#8c0000 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff4444 0%,#8c0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4444', endColorstr='#8c0000',GradientType=0 ); /* IE6-8 */ } .course-info { width: 388px; } .course-info p { margin: 8px 0 } .course-info h4 { color: #319646; font-weight: bold; margin-top: 20px } .course-point { list-style: disc; padding: 0 10px; padding-left: 20px } .course-point li { margin: 4px 0; font-size: 13px; line-height: 15px; color: #444444 } .register-row { width: 688px; margin-left: 30px; text-align: center } .register-row div { width: 30%; margin: 0 auto } .register-button { display: block; font: 15px 'CenturyGothic-Bold'; color: white; background: #64a93c; width: 220px; padding: 5px 0; margin-bottom: 5px; text-align: center; border: 2px solid #509032; -webkit-border-radius: 10px; border-radius: 10px } .other-button { display: block; font: 15px 'CenturyGothic-Bold'; color: #4c4c4c; background: url(../images/submit_btn_bg.jpg) repeat-x; width: 220px; padding: 5px 0; margin-bottom: 5px; text-align: center; border: 2px solid #8e8e8d; -webkit-border-radius: 10px; border-radius: 10px } .button2 { display: block; float: left; font: 15px 'CenturyGothic-Bold'; color: #3d3d3d; width: 115px; height: 40px; padding: 15px; margin-right: 20px; text-align: center; border: 2px solid #ffffbe; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 2px 2px 10px 0 #666666; box-shadow: 2px 2px 10px 0 #666666; background: #ffd95f; /* Old browsers */ background: -moz-linear-gradient(top, #ffd95f 0%, #f9a11b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd95f), color-stop(100%,#f9a11b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd95f 0%,#f9a11b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd95f 0%,#f9a11b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd95f 0%,#f9a11b 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd95f 0%,#f9a11b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd95f', endColorstr='#f9a11b',GradientType=0 ); /* IE6-9 */ } /* Course Info Accordion */ .loading { display: none } .accordion { border: 1px solid #ccc; background: #fafafa } .accordion li h3 a { background: url(../images/open.png) 98% 55% no-repeat #666; border-bottom: 1px solid #333; border-top: 1px solid #ccc; color: #fff; display: block; padding: 10px } .accordion li.active h3 a { background: url(../images/close.png) 98% 55% no-repeat #68ae3c; border-bottom: 1px solid #537d3b; border-top: 1px solid #a0d87f } .accordion li.locked h3 a { background: url(../images/open.png) 98% 55% no-repeat #963; border-bottom: 1px solid #630; border-top: 1px solid #fc9 } .accordion li h3 { margin: 0; padding: 0 } .accordion .panel { padding: 10px } /* Course Register */ .banner { position: relative } #course-register-banner { height: 222px; background: url(../images/course_register_banner.jpg) no-repeat } #course-register-left { width: 473px; float: left; -moz-box-shadow: 2px 2px 10px 0 #666666; box-shadow: 2px 2px 10px 0 #666666; background: #caccce; /* Old browsers */ background: -moz-linear-gradient(left, #caccce 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#caccce), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #caccce 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #caccce 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #caccce 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to right, #caccce 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caccce', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } #course-register-right { width: 473px; float: left; -moz-box-shadow: 2px 2px 10px 0 #666666; box-shadow: 2px 2px 10px 0 #666666; margin-left: 14px; background: white } #course-register-form { color: #231f20 } #course-register-form td { padding: 3px 10px } #course-register-form label { font-size: 15px } #course-register-form select { font: 13px 'CenturyGothic'; width: 230px; padding: 3px } #course-register-form input[type=text] { font: 13px 'CenturyGothic'; width: 220px; padding: 3px } #course-register-form textarea { font: 13px 'CenturyGothic'; width: 220px; padding: 3px } #course-register-form small { font-size: 12px } #course-register-form input[type=submit] { font: 15px 'CenturyGothic-Bold'; color: #4c4c4c; background: url(../images/submit_btn_bg.jpg) repeat-x; width: 135px; padding: 5px 0; text-align: center; border: 2px solid #8e8e8d; -webkit-border-radius: 10px; border-radius: 10px } #course-register-form span { display: block; font-size: 15px; color: #316d35; margin-bottom: 6px } #investment { border: 1px solid #cccccc; border-collapse: collapse } #investment th { font-size: 13px; padding: 10px 0; border: 1px solid #cccccc; border-collapse: collapse } #investment td { border: 1px solid #cccccc; border-collapse: collapse } /* Service */ #service-thumb1 { background: url(../images/service_thumb1.jpg) 0 0 no-repeat } #service-thumb2 { background: url(../images/service_thumb2.jpg) 0 0 no-repeat } #service-thumb3 { background: url(../images/service_thumb3.jpg) 0 0 no-repeat } .button3 { display: block; float: left; font: 15px 'CenturyGothic-Bold'; color: #3d3d3d; width: 170px; height: 40px; padding: 10px 15px; margin-right: 20px; text-align: center; border: 2px solid #ffffbe; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 2px 2px 10px 0 #666666; box-shadow: 2px 2px 10px 0 #666666; background: #ffd95f; /* Old browsers */ background: -moz-linear-gradient(top, #ffd95f 0%, #f9a11b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd95f), color-stop(100%,#f9a11b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd95f 0%,#f9a11b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd95f 0%,#f9a11b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd95f 0%,#f9a11b 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd95f 0%,#f9a11b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd95f', endColorstr='#f9a11b',GradientType=0 ); /* IE6-9 */ } /* Why Us */ #why-course-col { position: relative } #why-course-col h2 { margin: 10px 0; margin-left: 40px; font-family: 'CenturyGothic-Bold' } #why-course-col h3 { margin: 10px 0; margin-left: 40px; font-family: 'CenturyGothic-Bold' } #why-course-col .thumb-row { background: url(../images/why_thumb_bg.jpg) bottom no-repeat; overflow: hidden; height: 245px; margin-bottom: 15px } #why-course-col .thumb-row2 { background: url(../images/home_thumb_row_bg2.jpg) bottom no-repeat; overflow: hidden; height: 221px; margin-bottom: 15px } #why-course-col .thumb-row .overflow { background: none } #why-course-col .thumb-row2 .overflow { background: none } .why-thumb { position: relative; display: block; float: left; cursor: pointer; overflow: hidden; width: 220px; height: 212px; margin: 12px 0; margin: 0 16px } .why-thumb .caption { position: absolute; width: 322px; height: 181px; padding: 15px; background: url(../images/trans_black.png); left: 0; top: -211px; z-index: 1 } .why-thumb .caption h4 { font-style: italic; color: #71bf43; line-height: 18px } .why-thumb .caption p { font-style: italic; color: white; line-height: 18px } .why-thumb .title { display: block; font-style: italic; line-height: 18px; position: absolute; bottom: 15px; width: 100%; text-align: center; z-index: 0 } .why-thumb .caption2 { position: absolute; width: 190px; height: 182px; padding: 15px; background: url(../images/trans_black.png); left: 0; bottom: -212px; z-index: 1 } .why-thumb .caption2 h4 { font-style: italic; color: #71bf43; line-height: 18px } .why-thumb .caption2 p { font-style: italic; color: white; line-height: 18px } .why-thumb .title2 { font-style: italic; text-align: center; line-height: 18px; position: absolute; bottom: 15px; width: 100%; display: block; z-index: 0 } #why-thumb1 { width: 352px; height: 211px; background: url(../images/why_thumb1.jpg) no-repeat; margin-left: 16px } #why-thumb2 { width: 352px; height: 211px; background: url(../images/why_thumb2.jpg) no-repeat; margin-left: 6px } /* #why-thumb2 { width: 352px; height: 211px; background: url(../images/why_thumb3.jpg) bottom center no-repeat; margin-left: 6px }*/ #why-thumb3 { background: url(../images/why_thumb3.jpg) no-repeat } #why-thumb4 { background: url(../images/why_thumb4.jpg) no-repeat } #why-thumb5 { background: url(../images/why_thumb5.jpg) no-repeat } .why-table { border: 1px solid #284915; border-collapse: collapse } .why-table th { font-weight: bold; color: white; background: #509032; padding: 10px 0; border: 1px solid #284915; font-size: 15px } .why-table td { color: #2f4622; background: #bed9ae; padding: 5px; border: 1px solid #284915; font-size: 13px; line-height: 16px } .selectbox { font: 13px 'CenturyGothic'; color: #444444; width : 200px; display: block; text-align: left; cursor: pointer; border: 1px solid #D1E4F6; background: url(../images/arrow.png) 185px 7px no-repeat } div.selectbox-wrapper { position: absolute; width: 200px; border: 1px solid #ccc; margin: 0; margin-top: 0px; text-align: left; overflow: auto } div.selectbox-wrapper ul { width: 100%!important }/* Selected item in dropdown list*/ div.selectbox-wrapper ul li.selected { background-color: #EAF2FB } div.selectbox-wrapper ul li.current { background-color: #CDD8E4 }/* Hover state for dropdown list */ div.selectbox-wrapper ul li { display: block; padding: 2px; padding-left: 10px; cursor: pointer }/* Drop down list items style*/ #client-list select { width: 200px; font: 13px 'CenturyGothic'; color: #444444 } #client-list select option { width: 200px; font: 13px 'CenturyGothic'; color: #444444 } #client-list td { font: 12px 'CenturyGothic'; color: #444444 } #client-list ul { width: 90%; padding: 2px 0 } #client-list ul li { list-style: disc } #history-info-col { padding-right: 20px; position: relative } #history-info-col h3 { font-family: 'CenturyGothic-Bold' } .history-info-col-inside { margin-left: 30px } #history-bg { min-height: 350px; background: url(../images/map.jpg) center center no-repeat } #history-bg h4 { color: black } #history-bg p { font-size: 13px; line-height: 18px; margin: 10px 0; color: #444444 } .middle-line { width: 1px; background: url(../images/middle_line.jpg) repeat-y } /* News */ #news { padding-top: 30px; min-height: 450px; background: url(../images/news_bg.jpg) top right repeat-y } #news h3 { margin-left: 0; color: #333333 } #news h4 { color: #333333 } #news a { color: #333333; display: block; margin: 5px 0 } #news a:hover { color: #71BF43; text-decoration: underline } #news a:hover h4 { color: #71BF43 } /* Test */ #test-banner { height: 282px; background: url(../images/test_banner.jpg) no-repeat } #test-layout { width: 590px } /* Calendar */ #full-width { width: 960px } /* Register */ #register-banner { height: 282px; background: url(../images/register_banner.jpg) no-repeat } /* Contact */ #contact-banner { height: 282px; background: url(../images/contact_banner.jpg) no-repeat } #contact-left { width: 473px; float: left; -moz-box-shadow: 2px 2px 10px 0 #666666; box-shadow: 2px 2px 10px 0 #666666; background: #caccce; /* Old browsers */ background: -moz-linear-gradient(left, #caccce 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#caccce), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #caccce 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #caccce 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #caccce 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to right, #caccce 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caccce', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } #contact-right { width: 473px; float: left; -moz-box-shadow: 2px 2px 10px 0 #666666; box-shadow: 2px 2px 10px 0 #666666; margin-left: 14px; background: white } #contact-form { color: #231f20 } #contact-form td { font-size: 15px; padding: 3px 10px } #contact-form label { font-size: 15px } #contact-form select { font: 13px 'CenturyGothic'; width: 230px; padding: 3px } #contact-form input[type=text] { font: 13px 'CenturyGothic'; width: 220px; padding: 3px } #contact-form textarea { font: 13px 'CenturyGothic'; width: 220px; padding: 3px } #contact-form small { font-size: 12px } #contact-form input[type=submit] { font: 15px 'CenturyGothic-Bold'; color: #4c4c4c; background: url(../images/submit_btn_bg.jpg) repeat-x; width: 135px; padding: 5px 0; text-align: center; border: 2px solid #8e8e8d; -webkit-border-radius: 10px; border-radius: 10px } #contact-form span { display: block; font-size: 15px; color: #316d35; margin-bottom: 6px } #slide1, #slide2, #slide3, #slide4, #slide6, #slide7{ background: url("../images/test-bg.png") center/cover no-repeat; height: 1075px; } .text-right{ text-align: right; } .text-center{ text-align: center; } .lg-text{ font-size: 1.5rem; line-height: 1.2; } .blue-btn{ background: linear-gradient(to bottom, #7777bf 0%, #7777bf 50%, #7777bf 50%,#333298 50%,#333298 100%); border-radius: 5px; padding: 5px 40px; border: 2px solid #fff; color: #fff; cursor: pointer; } .container{ max-width: 500px; display: block; margin-left: auto; margin-right: auto; } .md-text{ font-size: 1.2rem; line-height: 1.2; } .green-bg{ background: linear-gradient(to bottom, #71bf43 0%, #71bf43 50%, #71bf43 50%,green 50%,green 100%); margin: 0 auto; text-align: center; border: 2px solid #fff; border-radius: 5px; padding: 5px 0; } .my-font{ font-family: 'Eurostile'; } .tnr{ font-family: 'Times New Roman', Times, serif; } .table td{ padding: 4px 8px; vertical-align: top; border: 1px solid #000; } .table thead td{ font-weight: bold; }