@import 'global.css'; /* ===================== LAYOUT ===================== */ /* ==================================== General ==================================== */ html, body { font-size: 16px; font-family:"Lato", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; min-width: 0; line-height:1.4em; color:#444444;} html { overflow-y: auto;} a { color: #444444;} a:hover { text-decoration:none;} h1 { font-size:34px; font-family:"Oswald", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; line-height:1.2em; color:#ffffff;} h2 { font-size:25px; font-family:"Oswald", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; line-height:1.2em; color:#ffffff; text-transform:uppercase;} h3 { font-size:40px; font-family:"Oswald", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; line-height:1.2em; text-transform:uppercase; color:#000000;} h4 { font-size:24px; font-family:"Oswald", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; line-height:1.2em; text-transform:uppercase; } h5 { font-size:20px; font-family:"Lato", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; line-height:1.2em; text-transform:uppercase; margin-bottom: 10px;} h6 { font-size:19px; font-family:"Lato", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; line-height:1.2em; } p { margin: 20px 0 10px;} p:first-child { margin: 10px 0 10px;} ul, ol { padding:10px 0;} ol { padding-left:30px; } ol>li { list-style:decimal; padding:10px 0 0 15px;} ol>li:first-child { padding:0 0 0 15px;} ol>li>p:first-child { margin-top:0;} ul>li { padding:10px 0 0 18px; background:url(../img/inner/li-1.png) left 17px no-repeat;} ul>li:first-child { padding: 0 0 0 18px; background-position: left 7px;} ul>li>ol { padding:8px 0px 8px 15px; color:#777777;} ul>li>ul { padding-bottom:8px; color:#777777;} ul>li>ul>li { padding:5px 0 0 14px; background-image:url(../img/inner/li2.png); background-position: left 12px;} ul>li>ul>li:first-child { padding: 5px 0 0 14px; background-position: left 12px;} ul.noarrowList { padding: 0 0 5px; color:#777777;} ul.noarrowList>li { background-image:none; padding:5px 0 0;} ul.noarrowList>li:first-child { padding: 5px 0 0;} .reset { padding:0;} .reset>li { padding:0; background:transparent;} .reset>li:first-child { padding:0; background:transparent;} .latoLight { font-family:"Lato", Arial, Helvetica, sans-serif; font-weight:300; font-style:normal;} .latoRegular { font-family:"Lato", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal;} .latoBold { font-family:"Lato", Arial, Helvetica, sans-serif; font-weight:700; font-style:normal;} .oswaldRegular { font-family:"Oswald", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal;} .oswaldLight { font-family:"Oswald", Arial, Helvetica, sans-serif; font-weight:300; font-style:normal;} .underline { text-decoration:underline;} .noTextTransform { text-transform:none;} .textTransform { text-transform:uppercase;} .normalTextColor { color:#444444 !important;} .bigPaddingBottom { padding-bottom: 20px;} .olListPaddingLeft34 { padding-left: 34px;} .ulListPaddingLeft15 { padding-left: 15px;} /* ==================================== Container ==================================== */ .wrapper-content { max-width: 1920px; margin: 0 auto; position: relative;} .wrapper-content.homeSpecial { max-width: none; margin: 0 0; position: static;} .imgCtn img { display:block; width:auto; max-width:100%; } .imgCtn .imgCaption { display:block; margin: 8px 0 0;} .innerCtn { position:fixed; height:100%; width:100%; left:0; top:0; right: 0; max-width: 1920px; margin: 0 auto;} .homeSpecial .innerCtn { right: auto; max-width: none; margin: 0; } .innerCtn.home { position:relative; } .menuCtn { position:absolute; height:65px; width:100%; bottom:0; left:0; z-index:3;} .topHeaderCtn { height:32px; background:#ffffff; position:relative; z-index:3;} .innerContentCtn { overflow-y:scroll; position: absolute; right: 0px; width: 100%; top: 44px; bottom: 57px; z-index:2; padding-left:20px; max-width: 1040px; margin: 0 0 0 -20px;} .innerContent { background:#ffffff; box-sizing:border-box; min-height:100%; padding: 15px 35px 80px; position: relative; } .innerLeftCtn { opacity:0; position:absolute; width:47%; top:0; bottom:57px; left:0; z-index:1; -webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -ms-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; transition: opacity 1s ease-out;} .innerLeftCtn.loaded { opacity:1; } .innerLeftCtn.actived { opacity:1; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} .innerLeftBannerCtn { position:relative; left:50%; width:100%; height:100%; min-width:890px; } .innerLeftCtn .imgCtn { position:relative; width:100%; height:100%; left:-50%; } .innerLeftCtn .imgCtn img { min-height: 100%; min-width: 100%; max-width: none;} .innerRightCtn { position:absolute; height:100%; width:auto; top:0; right:0; width:65%; max-width:1040px; z-index:2; padding-left:20px; opacity:1; background:url(../img/menu-shadow-left.png) 7px 0 repeat-y; } .innerRightCtnInner { position: relative; height:100%; width:100%;} .innerContentBorder { display:none; height:12px; background:#ffffff; position:absolute; top:32px; right:0; width:100%; max-width: 1040px; z-index:-1;} .innerRightCtnInner .innerContentBorder { display: block;} .sectionContainer { margin:30px 0 0; padding: 0 0 0;} .sectionContainer:first-child { margin:0 0 0;} .sectionContainer.marginTop15 { margin: 15px 0 0;} .mobileItems { display:none !important;} /* under 1023 */ .mobileVersion { display: none;} /* under 650 */ .menuOpened #wrapper { height: 100%; width: 100%; overflow: hidden; position: fixed; left: 0; top: 0; overflow-y:hidden;} /* ==================================== Header ==================================== */ .wrapper-content>.logo { position:absolute; left:0; top:0; z-index:110;} .logo a, .logo img { display:block;} .topHeaderCtn { font-size:15px;} .topHeaderCtn>ul { padding: 0 0 0 0; margin:0 -8px 0 0;} .home .topHeaderCtn>ul { padding: 0 0 0 15px;} .topHeaderCtn>ul>li { border-right:1px solid #d9d9d9; padding:0 2px;} .topHeaderCtn>ul>li:first-child { border-right: none;} .topHeaderCtn>ul>li>a { height: 22px; display:block; padding:5px 6px 5px 28px; position:relative;} .topHeaderCtn>ul>li>a:hover { color:#666666 !important;} .topHeaderCtn>ul>li.linkDonation { background:url(../img/btn-donation.png) center top no-repeat; width: 106px; margin: 0 -5px -3px; padding: 0 5px 3px; color:#ffffff; border-right: none;} .topHeaderCtn>ul>li.linkDonation a { padding:5px 6px 5px 34px; color:#ffffff !important;} .topHeaderCtn>ul>li.linkDonation:hover { background-position:center bottom;} .topHeaderCtn>ul>li.langbar { padding:0 5px;} .topHeaderCtn>ul>li.langbar a { display:inline-block; padding:5px 5px 5px 5px; margin:0 0 0 2px; font-family: "微軟正黑體", Arial, sans-serif; } .topHeaderCtn>ul>li.langbar a:first-child { margin: 0 0;} .topHeaderCtn>ul>li.spaceblock { width:45px; height:32px; background:#ffffff; position: relative; z-index: 10;} .iconImg { width:18px; height:18px; position:absolute; left:5px; top:7px; text-indent: -9999px; line-height: 18px;} .iconFB { background:url(../img/btn-fb.png) center 0 no-repeat; left:0; right:0; margin:0 auto;} .iconContact { background:url(../img/btn-contactus.png) center 0 no-repeat;} .iconCareer { background:url(../img/btn-career.png) center 0 no-repeat;} .iconHome { background:url(../img/btn-home.png) center 0 no-repeat;} .iconSearch { background:url(../img/btn-search.png) center 0 no-repeat;} .iconeNews { background:url(../img/btn-enews.png) center 0 no-repeat;} a:hover .iconImg { background-position:center bottom;} .topHeaderCtn>ul>li.form { border-right: none; position:relative;} .topHeaderCtn>ul>li.form a { } .topHeaderCtn .formCtn { display: none; padding: 3px 0; position:absolute; left:0; top:0; width:205px; z-index: 1;} .topHeaderCtn .formCtn.current { display: block;} .topHeaderCtn form input { max-width:160px; height: 26px; box-sizing: border-box; padding: 4px 10px 4px; border-radius: 4px 0 0 4px; -webkit-appearance: none; border:1px solid #cccccc; border-right:none; width:auto; min-height: auto;} .topHeaderCtn form input[type="submit"] { min-width:30px; padding: 0 7px; border-radius: 0 4px 4px 0; border:none; color:#ffffff;} .topHeaderCtn .enewsForm { padding-left:170px;} .topHeaderCtn .enewsForm form { margin: 0 6px 0 0; } .topHeaderCtn .enewsForm form input { width:120px;} .topHeaderCtn .enewsForm form input[type="submit"] { width:75px; background:url(../img/btn-enews.png) center top no-repeat;} .topHeaderCtn .searchForm form { margin: 0 0 0 4px; } .topHeaderCtn .searchForm form input[type="submit"] { background:#999999 url(../img/btn-search-3.png) center center no-repeat;} .topHeaderCtn .enewsForm .current input[type="submit"] { background: #999999; text-indent:0;} .newsListCtn .newsListRow .newsInner .leftPart>a, .newsListCtn .newsListRow .newsInner>a { text-decoration: none;} .newsListCtn .newsListRow .newsInner .leftPart>a:hover *, .newsListCtn .newsListRow .newsInner>a:hover * { opacity:0.8; filter:alpha(opacity=80); } .newsListCtn .newsListRow .newsInner span.search-content span.blue {color:#4396e9;display:inline !important;} .newsListCtn .newsListRow .newsInner span.search-content span.first {display:inline !important;} .newsListCtn .newsListRow .newsInner span.search-content span.last {display:inline !important;} .newsListCtn .newsListRow .newsInner span.search-content p { display: inline;} .newsListCtn .newsListRow .newsInner span.search-content p br { display: none;} .mobileheader { position:fixed; height:55px; width:100%; background:#ffffff; z-index:111;} .mobileheader>ul { padding:0 0 0 18px; height:100%;} .mobileheader>ul>li { height:100%; position:relative;} .mobileheader>ul>li img { height:100%;} .mobileheader>ul>li>a { display:block; height:100%;} .mobileMenuBtn { display:block; background:url(../img/m-menu-1.png) center center no-repeat; width:65px; } .mobileLangBtn { display:block; background:url(../img/m-language-1.png) center center no-repeat; width:65px; } .mobileLangBtn.current { background-color:#d6d6d6;} .subLangCtn { display:none; position:absolute; width:73px; left:-4px; top:100%; padding: 0 0 5px; background:url(../img/lang-shadow.png) center bottom no-repeat; } .subLangCtn>ul { padding: 0 4px 0; background: url(../img/lang-shadow-body.png) center bottom repeat-y;} .subLangCtn>ul>li, .subLangCtn>ul>li:first-child { background-color: #ffffff;} .subLangCtn>ul>li>a { display:block; width:100%; height:55px; line-height:55px; text-align:center;} .subLangCtn>ul>li.current>a { background:#d6d6d6;} .mobileheader .shadowDIV { position:absolute; z-index:110; left:0; top:55px; width:100%; height:4px; background: url(../img/header-shadow-bottom.png) center bottom repeat-x;} /* ==================================== Menu ==================================== */ .menuLv0Ctn { width:100%; height:100%;} .menuLv0Ctn>li { width:16.665%; height:100%; position:relative; padding: 8px 0 0; box-sizing:border-box;} .menuLv0Ctn>li.blueColor { background:url(../img/menu-bg1.png) 0 bottom repeat-x; } .menuLv0Ctn>li.orangeColor { background:url(../img/menu-bg2.png) 0 bottom repeat-x; } .menuLv0Ctn>li.greenColor { background:url(../img/menu-bg3.png) 0 bottom repeat-x; } .menuLv0Ctn>li.redColor { background:url(../img/menu-bg4.png) 0 bottom repeat-x; } .menuLv0Ctn>li.yellowColor { background:url(../img/menu-bg5.png) 0 bottom repeat-x; } .menuLv0Ctn>li.pinkColor { background:url(../img/menu-bg6.png) 0 bottom repeat-x; } .menuLv0Ctn>li>a { color:#ffffff; font-size:20px; display:block; height:100%; box-sizing:border-box; text-align:center; padding:0 10px 0; text-align:center; text-transform:uppercase; width:100%;} .menuLv0Ctn>li>a>span { display:block; position: relative; height:auto; overflow:visible; padding:0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .menuLv0Ctn>li>.menuarrow { display:none; position:absolute; bottom:45px; right:0; left:0; margin:0 auto; width:23px; height:12px; background:url(../img/menu-arrow.png) center center no-repeat;} .menuLv0Ctn>li>.menuarrow.current { display:block;} .menuLv0Ctn>li:hover>a { color:#000000;} .menuLv0Ctn>li.blueColor .submenuCtn a:hover, .menuLv0Ctn>li.blueColor .submenuCtn li.current>a { color:#4396e9;} .menuLv0Ctn>li.orangeColor .submenuCtn a:hover, .menuLv0Ctn>li.orangeColor .submenuCtn li.current>a { color:#fb6b15;} .menuLv0Ctn>li.greenColor .submenuCtn a:hover, .menuLv0Ctn>li.greenColor .submenuCtn li.current>a { color:#49bfbb;} .menuLv0Ctn>li.redColor .submenuCtn a:hover, .menuLv0Ctn>li.redColor .submenuCtn li.current>a { color:#e82239;} .menuLv0Ctn>li.yellowColor .submenuCtn a:hover, .menuLv0Ctn>li.yellowColor .submenuCtn li.current>a { color:#fb6b15;} .menuLv0Ctn>li.pinkColor .submenuCtn a:hover, .menuLv0Ctn>li.pinkColor .submenuCtn li.current>a { color:#fa4265;} .menuLv0Ctn .submenuCtn { display:none; position:absolute; bottom:57px; width:320px; border-bottom:none; background:#eeeeee; height:auto; left:0; z-index: 1; box-sizing:border-box; } .menuLv0Ctn .submenuCtn.noSubChild { width:320px;} .menuLv0Ctn .submenuCtn.reversed { right:0; left:auto;} .menuLv0Ctn .submenuCtn.opened { width:640px;} .submenuCtn .menuLv1Ctn { padding:16px 18px 16px 20px; width:100%; box-sizing:border-box; border-right:1px solid #cfcfcf; padding: 16px 0 16px 0;position:relative;} .menuLv0Ctn .submenuCtn.noSubChild .menuLv1Ctn { border-right:none;} .submenuCtn .menuLv1Ctn>ul>li { padding: 6px 18px 0 20px;} .submenuCtn .menuLv1Ctn>ul>li:first-child { padding:0 18px 0 20px;} .submenuCtn .menuLv1Ctn>ul>li>a { display:block; position:relative; padding:4px 20px 4px 0; } .submenuCtn .menuLv1Ctn>ul>li .submenuarrow { position:absolute; right:0; top:7px; display:block; z-index:0; width:16px; height:16px; background:url(../img/arrow.png) center -16px no-repeat; } .submenuCtn .menuLv2Ctn { visibility:hidden; position:absolute; left:100%; top:0; width:100%; height: 100%; overflow-y: auto; box-sizing:border-box; } .submenuCtn .menuLv2Ctn.current { visibility:visible;} .menuLv0Ctn .submenuCtn.noSubChild:hover .menuLv2Ctn { display: none;} .submenuCtn .menuLv2Ctn>ul { padding:16px 20px; } .submenuCtn .menuLv2Ctn>ul.current { display:block;} .submenuCtn .menuLv2Ctn>ul>li>a { display:block; padding:4px 10px 4px 0; margin:6px 0 0;} .submenuCtn .menuLv2Ctn>ul>li:first-child>a { margin:0;} .menuLv0Ctn>li.blueColor .submenuCtn a:hover .submenuarrow, .menuLv0Ctn>li.blueColor .submenuCtn li.current .submenuarrow { background-position: center -48px;} .menuLv0Ctn>li.orangeColor .submenuCtn a:hover .submenuarrow, .menuLv0Ctn>li.orangeColor .submenuCtn li.current .submenuarrow { background-position: center -64px;} .menuLv0Ctn>li.greenColor .submenuCtn a:hover .submenuarrow, .menuLv0Ctn>li.greenColor .submenuCtn li.current .submenuarrow { background-position: center -80px;} .menuLv0Ctn>li.redColor .submenuCtn a:hover .submenuarrow, .menuLv0Ctn>li.redColor .submenuCtn li.current .submenuarrow { background-position: center -96px;} .menuLv0Ctn>li.yellowColor .submenuCtn a:hover .submenuarrow, .menuLv0Ctn>li.yellowColor .submenuCtn li.current .submenuarrow { background-position: center -112px;} .menuLv0Ctn>li.pinkColor .submenuCtn a:hover .submenuarrow, .menuLv0Ctn>li.pinkColor .submenuCtn li.current .submenuarrow { background-position: center -128px;} /* ---- mobile ---- */ .menuCloseBtn { width:50px; height:100%; position:absolute; right:0; top:0; z-index:2; cursor:pointer; background:url(../img/m-menu-2.png) center center no-repeat;} .menuOpened .menuShadow { width:13px; height:100%; position:absolute; left:0; top:0; z-index:10; background:url(../img/menu-shadow.png) left center repeat-y; } .menuOpened .menuCtn { } .menuOpened .menuCtn .menuLv0Ctn>li.searchbar { height:55px;} .menuOpened .menuCtn .searchbar form { padding:10px 15px;} .menuOpened .menuCtn .searchbar form input { width:70%; height: 35px; box-sizing: border-box; padding: 4px 10px 4px; border-radius: 4px 0 0 4px; -webkit-appearance: none; border:1px solid #cccccc; border-right:none;} .menuOpened .menuCtn .searchbar form input[type="submit"] { width:auto; min-width:30px; padding: 0 7px; border-radius: 0 4px 4px 0; border:none; color:#ffffff; background:#999999 url(../img/btn-search-3.png) center center no-repeat;} .menuOpened .menuCtn .menuLv0Ctn { position:relative;} .menuOpened .menuCtn .menuLv0Ctn>li { width:100%; height:auto; padding:0;} .menuOpened .menuCtn .menuLv0Ctn>li>a { text-align:left; padding: 15px 35px 15px 20px; } .menuOpened .menuCtn .menuLv0Ctn>li>a>span { position: static; -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);} .menuOpened .menuCtn .menuLv0Ctn>li>a>span.iconFB { position:absolute; height:18px;} .menuOpened .menuCtn .menuLv0Ctn>li a { font-size:15px; } .menuOpened .menuCtn .menuLv0Ctn>li.greyColor>a { background:#d6d6d6; border-top:1px solid #ffffff; color:#666666;} .menuOpened .menuLv0Ctn>li>.menuarrow { display:block; left:auto; bottom:auto; top: 18px; right:12px; width:16px; height:16px; background:url(../img/arrow.png) center top no-repeat;} .menuOpened .menuLv0Ctn { height:auto;} .menuOpened .menuLv0Ctn>li:hover>a, .menuOpened .menuLv0Ctn>li.current>a, .menuOpened .menuCtn .menuLv0Ctn>li.greyColor:hover>a, .menuOpened .menuCtn .menuLv0Ctn>li.greyColor.current>a { color:#000000;} .menuOpened .menuLv0Ctn>li:hover>.menuarrow, .menuOpened .menuLv0Ctn>li.current>.menuarrow { background-position: center -32px;} .menuOpened .menuCtn .menuLv0Ctn>li.linkFB>a { padding: 15px 40px 15px 48px;} .menuOpened .menuCtn .menuLv0Ctn>li.linkFB>a .iconFB { right:auto; left:20px; top:17px; } .menuOpened .menuCtn .menuLv0Ctn>li.fbBlueColor>a { color:#3b5a99; text-transform: none;} .menuOpened .menuCtn .menuLv0Ctn>li.blueColor { background:transparent; } .menuOpened .menuCtn .menuLv0Ctn>li.blueColor>a { background:#4396e9; } .menuOpened .menuCtn .menuLv0Ctn>li.orangeColor { background:transparent; } .menuOpened .menuCtn .menuLv0Ctn>li.orangeColor>a { background:#fb6b15; } .menuOpened .menuCtn .menuLv0Ctn>li.greenColor { background:transparent; } .menuOpened .menuCtn .menuLv0Ctn>li.greenColor>a { background:#398f8c; } .menuOpened .menuCtn .menuLv0Ctn>li.redColor { background:transparent; } .menuOpened .menuCtn .menuLv0Ctn>li.redColor>a { background:#bb1c1c; } .menuOpened .menuCtn .menuLv0Ctn>li.yellowColor { background:transparent; } .menuOpened .menuCtn .menuLv0Ctn>li.yellowColor>a { background:#d0920c; } .menuOpened .menuCtn .menuLv0Ctn>li.pinkColor { background:transparent; } .menuOpened .menuCtn .menuLv0Ctn>li.pinkColor>a { background:#f93056; } .menuOpened .menuLv0Ctn>li .submenuCtn a:hover { color:#666666;} .menuOpened .menuLv0Ctn>li .submenuCtn a:hover .submenuarrow { background-position: center -16px;} .menuOpened .menuLv0Ctn>li.blueColor .submenuCtn li.current .submenuarrow { background-position: center -176px;} .menuOpened .menuLv0Ctn>li.orangeColor .submenuCtn li.current .submenuarrow { background-position: center -192px;} .menuOpened .menuLv0Ctn>li.greenColor .submenuCtn li.current .submenuarrow { background-position: center -208px;} .menuOpened .menuLv0Ctn>li.redColor .submenuCtn li.current .submenuarrow { background-position: center -224px;} .menuOpened .menuLv0Ctn>li.yellowColor .submenuCtn li.current .submenuarrow { background-position: center -240px;} .menuOpened .menuLv0Ctn>li.pinkColor .submenuCtn li.current .submenuarrow { background-position: center -256px;} .menuOpened .menuLv0Ctn .submenuCtn { position:relative; left:0; top:100%; bottom:auto; width:auto; background-color:transparent;} .menuOpened .submenuCtn .menuLv1Ctn { width:auto; float:none; padding:4px 0; border-right:none;} .menuOpened .submenuCtn .menuLv1Ctn>ul>li { padding:0;} .menuOpened .submenuCtn .menuLv1Ctn>ul>li>a { border-top:1px solid #d0dcda; padding:10px 35px 10px 20px; margin:0; } .menuOpened .submenuCtn .menuLv1Ctn>ul>li:first-child>a { border-top:none;} .menuOpened .submenuCtn .menuLv1Ctn>ul>li .submenuarrow { top: 13px; right:12px; } .menuOpened .submenuCtn .menuLv2Ctn { visibility:visible; display:none; position:relative; left:0; top:100%; width:auto; } .menuOpened .submenuCtn .menuLv2Ctn>ul { padding:0;} .menuOpened .submenuCtn .menuLv2Ctn>ul>li>a { padding: 10px 35px 10px 35px; background:url(../img/inner/li-1.png) 20px 17px no-repeat;} .menuOpened .blueColor .menuLv2Ctn>ul>li.current>a { background-image:url(../img/inner/li-2.png);} .menuOpened .orangeColor .menuLv2Ctn>ul>li.current>a { background-image:url(../img/inner/li-3.png);} .menuOpened .greenColor .menuLv2Ctn>ul>li.current>a { background-image:url(../img/inner/li-4.png);} .menuOpened .redColor .menuLv2Ctn>ul>li.current>a { background-image:url(../img/inner/li-5.png);} .menuOpened .yellowColor .menuLv2Ctn>ul>li.current>a { background-image:url(../img/inner/li-6.png);} .menuOpened .pinkColor .menuLv2Ctn>ul>li.current>a { background-image:url(../img/inner/li-7.png);} .menuOpened .blueColor .submenuCtn ul>li>a:hover { color:#4396e9;} .menuOpened .orangeColor .submenuCtn ul>li>a:hover { color:#fb6b15;} .menuOpened .greenColor .submenuCtn ul>li>a:hover { color:#49bfbb;} .menuOpened .redColor .submenuCtn ul>li>a:hover { color:#e82239;} .menuOpened .yellowColor .submenuCtn ul>li>a:hover { color:#fb6b15;} .menuOpened .pinkColor .submenuCtn ul>li>a:hover { color:#fa4265;} .menuOpened .blueColor .menuLv1Ctn>ul>li>a:hover .submenuarrow { background-position: center -48px;} .menuOpened .orangeColor .menuLv1Ctn>ul>li>a:hover .submenuarrow { background-position: center -64px;} .menuOpened .greenColor .menuLv1Ctn>ul>li>a:hover .submenuarrow { background-position: center -80px;} .menuOpened .redColor .menuLv1Ctn>ul>li>a:hover .submenuarrow { background-position: center -96px;} .menuOpened .yellowColor .menuLv1Ctn>ul>li>a:hover .submenuarrow { background-position: center -112px;} .menuOpened .pinkColor .menuLv1Ctn>ul>li>a:hover .submenuarrow { background-position: center -128px;} .menuOpened .blueColor .menuLv2Ctn>ul>li>a:hover { background-image:url(../img/inner/li-2.png);} .menuOpened .orangeColor .menuLv2Ctn>ul>li>a:hover { background-image:url(../img/inner/li-3.png);} .menuOpened .greenColor .menuLv2Ctn>ul>li>a:hover { background-image:url(../img/inner/li-4.png);} .menuOpened .redColor .menuLv2Ctn>ul>li>a:hover { background-image:url(../img/inner/li-5.png);} .menuOpened .yellowColor .menuLv2Ctn>ul>li>a:hover { background-image:url(../img/inner/li-6.png);} .menuOpened .pinkColor .menuLv2Ctn>ul>li>a:hover { background-image:url(../img/inner/li-7.png);} /* ==================================== Breadcrumb ==================================== */ .breadcrumbCtn { position:relative; padding-right:120px; } .breadcrumb { margin-left:-2px; font-size:13px; color:#777777;} .breadcrumb .breadcrumbItems>a { display:inline-block; padding:0 3px; color:#777777;} .breadcrumb .breadcrumbItems:first-child { position:relative; width:18px;} .breadcrumb .breadcrumbItems:first-child>a { display:block; height: 22px; position:relative;} .breadcrumb .breadcrumbItems .iconHome { left:0; top:0; bottom:0; right:0; margin:auto auto; width:12px; height:11px; background-image:url(../img/inner/breadcrumb.png);} .breadcrumb .breadcrumbItems>span:first-child { display:inline-block; margin:0 5px; color:#b2b2b2;} .breadcrumb .breadcrumbItems.current>a { text-decoration:underline;} .breadcrumb .hiddenButton { position: absolute; width: 100%; height: 100%; z-index: 0; cursor: pointer;} .breadcrumb .breadcrumbArrow { position: absolute; width:16px; height:16px; cursor: pointer; right:10px; top:0; bottom:0; margin:auto 0; background:url(../img/arrow.png) center -144px no-repeat; } .breadcrumb .innerLv4Submenu { display:none; position: absolute; width: 100%; left:0; top:100%; background:#dcdcdc;} .breadcrumb .innerLv4Submenu>ul { } .breadcrumb .innerLv4Submenu>ul>li { padding:0 4px; border-top:1px solid #ffffff;} .breadcrumb .innerLv4Submenu>ul>li>a { padding:8px 14px; display:block;} .innerRightCtnInner.blueColor .breadcrumb .innerLv4Submenu li.current>a { color:#4396e9;} .innerRightCtnInner.orangeColor .breadcrumb .innerLv4Submenu li.current>a { color:#fb6b15;} .innerRightCtnInner.greenColor .breadcrumb .innerLv4Submenu li.current>a { color:#49bfbb;} .innerRightCtnInner.redColor .breadcrumb .innerLv4Submenu li.current>a { color:#e82239;} .innerRightCtnInner.yellowColor .breadcrumb .innerLv4Submenu li.current>a { color:#fb6b15;} .innerRightCtnInner.pinkColor .breadcrumb .innerLv4Submenu li.current>a { color:#fa4265;} .breadcrumbRight { position:absolute; right:0; top:0;} .fbLikeCtn { margin-left: 15px;} .fb_iframe_widget iframe { right:0 !important;} .iconPrint { width:23px; height:23px; } .iconPrint a { display: inline-block; width:100%; height:18px; vertical-align: middle; background: url(../img/btn-print.png) center top no-repeat; } .iconPrint:hover a { background-position: center bottom;} /* ==================================== Footer ==================================== */ #footer { font-size:13px; z-index: 2; position: absolute; bottom: 15px; right:0; } #footer .wrapper-footer { padding:20px 30px 10px; color:#777777;} .wrapper-footer a { color:#777777;} .wrapper-footer>ul>li { padding:0 10px 0 0;} .wrapper-footer>ul>li:first-child { padding:0 10px 0 0;} .wrapper-footer>ul.footerLinks>li>span { display:inline-block; margin:0 0 0 10px;} .wrapper-footer>ul.footerLinks>li.last>span { display:none;} .wrapper-footer>ul.footerLogo { display:none;} .innerCtn.home #footer { position: static;} .innerCtn.home .wrapper-footer>ul.footerLogo { display:block;} .innerCtn.home .wrapper-footer>ul.footerLinks { margin-right:-10px;} /* ==================================== Inner Header ==================================== */ .innerBannerSlogan { position:absolute; bottom:0; left:0; width:100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .innerBannerSlogan.loaded { bottom:70px; } .innerBannerSlogan.actived { bottom:70px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} .innerBannerSlogan.alignTop { bottom:auto; top:20px; left:0; } .innerBannerSlogan.alignTop.loaded { top:170px; } .innerBannerSlogan h1 { padding: 0 0 0 40px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.85); box-sizing:border-box; max-width:55%;} .innerPageTitle { padding:20px 0 20px;} .innerPageTitleLabel { padding:20px 0 0;} .innerPageTitleLabel h2 { position:relative; left:-65px;} .innerPageTitleLabel h2 span { display: block; padding: 24px 50px 12px 45px; } .innerPageSubTitle { padding: 11px 20px 11px 70px; position:relative; margin: 0 0 15px;} .innerPageSubTitle.withBtnRight { padding: 11px 140px 11px 70px; } .innerPageSubTitle h4 { line-height:32px; color:#ffffff !important;} .iconInnerimg { position:absolute; left:15px; top:11px; display:block; width:40px; height:32px; margin: 0 15px 0 0;} .iconOverview { background:url(../img/inner/btn-overview.png) center center no-repeat;} .iconPhotos { background:url(../img/inner/btn-photosvideos.png) center center no-repeat;} .iconActivities { background:url(../img/inner/btn-latestactivities.png) center center no-repeat;} .iconResources { background:url(../img/inner/btn-resources.png) center center no-repeat;} .iconNews { background:url(../img/inner/btn-newsletters.png) center center no-repeat;} .iconLinks { background:url(../img/inner/btn-links.png) center center no-repeat;} .accordionControlBtn { position:absolute; right:15px; top:10px; color:#ffffff; border:1px solid #ffffff; padding:5px 12px; z-index:1; cursor:pointer;} .accordionControlBtn span { display:none; } .accordionControlBtn span.current { display:block;} .innerPageHeaderBar { } .innerPageHeaderBar .accordionControlBtn { position: static;} .sectionTitle { border-bottom: 1px solid #444444;} /* ==================================== Inner Common ==================================== */ .innerContentCtn .innerContent { border-left:12px solid #444444;} .innerContentCtn.serviceListCtn .innerContent { background: #ffffff url(../img/inner/graphic.png) right bottom no-repeat;} .innerContent a { } .pageslistCtn { padding-top: 15px;} .pageslistCtn>li { border-top:1px solid #cccccc; padding: 4px 0;} .pageslistCtn>li:first-child { border-top:none; padding:0 0 4px;} .pageslistCtn>li>a { text-decoration:none; position:relative; display:block; padding:5px 20px 5px 0;} .pageslistCtn>li>a .listarrow { position:absolute; right:5px; top:8px; width:16px; height:16px; display:block; background:url(../img/arrow.png) center -16px no-repeat; } .contentWrapper .sitemapListCtn a { text-decoration: none;} /* --------------- accordionSlide ------------------ */ .accordionSlideCtn { margin-top: 15px;} .accordionSlideCtn .accordionSlides { padding:15px 0 12px;} .accordionSlideCtn .accordionSlides:first-child { padding:0 0 12px;} .accordionSlides .head { position:relative; cursor:pointer;} .accordionSlides .head span { display:block; padding: 1px 35px 8px 30px; font-size:20px;} .accordionSlides .head .slideArrow { position:absolute; width:20px; height:20px; left:0; top:3px; background:url(../img/inner/btn-expand.png) center 0 no-repeat;} .accordionSlides .detailInner { padding: 0 0 0 30px;} .accordionSlides .detailInner p:first-child { margin-top:0;} .accordionSlides .detailInner h5 { color:#444444; margin: 3px 0 5px;} .accordionSlides .detailInner .detailImgCtn { width:185px; } .accordionSlides .detailInner .detailImgCtn .newsImg { margin: 15px 0 0;} .accordionSlides .detailInner .detailImgCtn .newsImg:first-child { margin: 0 0 0;} .accordionSlides .detailInner .leftPart { width: auto; overflow: hidden; margin-right: 220px;} hr { width:100%; height:1px; border:0; background: #cccccc; margin:40px 0 0;} /* --------------- Colorbox ------------------ */ #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxBottomCenter { display:none;} #cboxCurrent { display:none !important;} #cboxClose { width:49px; height:49px; border:0; top:-25px; right:-25px; bottom:auto; background:url(../img/inner/lightbox-close.png) center 0 no-repeat;} #colorbox, #cboxWrapper { overflow:visible;} #cboxNext { left:auto; right:-34px; top:0; bottom:0; margin:auto 0; width:34px; height:79px; border:0; background:url(../img/inner/lightbox-next.png) center 0 no-repeat; } #cboxPrevious { left:-34px; top:0; bottom:0; margin:auto 0; width:34px; height:79px; border:0; background:url(../img/inner/lightbox-prev.png) center 0 no-repeat; } #cboxNext:hover, #cboxPrevious:hover, #cboxClose:hover { background-position: center bottom;} #cboxLoadedContent { margin-bottom:0;} #cboxTitle { position: absolute; top:100%; bottom:auto; background:#000000; color:#ffffff; text-align:left; font-weight:400; padding:5px 15px; box-sizing:border-box;} #cboxMiddleLeft, #cboxMiddleRight { width:34px;} #cboxTopCenter { height:25px;} .cboxItemCoverCtn { position: relative; } .cboxItemCoverCtn img { display:block; max-width:100%; width:auto; } .cboxItemCoverCtn:hover img { opacity:0.75; filter:alpha(opacity=75);} .cboxItemCoverCtn:hover .cboxImgCtn { opacity:0.75; filter:alpha(opacity=75);} .cboxItemCoverCtn:hover .iconZoom { display:block;} .tabletDevice .cboxItemCoverCtn:hover .iconZoom { display: none;} .videoItemCBox #cboxTitle { display: none !important;} .popupCtn { display:none;} .popupInner { padding: 40px 40px;} .popupInner p:first-child { margin-top:0;} .popupInner .generalBtns { text-align:center;} .popupInner .generalBtns a { display:inline-block; background:#e4e4e4; color:#777777; padding: 5px 15px; min-width:120px;-webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);} .popupInner .generalBtns a:hover { color:#ffffff; } .popupInner .generalBtns a::after { content: ''; position: absolute; z-index: -1; right:0; bottom:0; top: 0; left: 0; background:#777777; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .popupInner .generalBtns a:hover::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);} .popupMsg#colorbox { width: 100% !important;} .popupMsg #cboxTitle, .popupMsg #cboxMiddleLeft, .popupMsg #cboxMiddleRight, .popupMsg #cboxTopCenter { display:none !important;} .tabletView .popupMsg #cboxWrapper, .tabletView .popupMsg #cboxContent, .tabletView .popupMsg #cboxLoadedContent { width: 100% !important; height: 100% !important;} .tabletView .popupMsg#cboxOverlay { } .tabletView .popupMsg { top:0 !important; padding-bottom: 2px; } .contentWrapper a { text-decoration: underline;} .contentWrapper a:hover { text-decoration: none;} /* blue in color */ .innerRightCtnInner.blueColor .innerContentBorder { background:#4396e9; } .innerRightCtnInner.blueColor .innerContent { border-color: #4396e9;} .innerRightCtnInner.blueColor .innerPageSubTitle { background:#4396e9; } .innerRightCtnInner.blueColor .innerPageTitleLabel span { background:url(../img/inner/title-aboutus.png) left 0 no-repeat; background-size: 100% 100%;} .innerRightCtnInner.blueColor .innerContent h4 { color:#4396e9;} .innerRightCtnInner.blueColor .innerContent h5 { color:#4396e9;} .innerRightCtnInner.blueColor a:hover { color:#4396e9;} .innerRightCtnInner.blueColor a:hover .listarrow { background-position:center -48px;} .innerRightCtnInner.blueColor .formCtn .formBtns:hover { border:1px solid #4396e9; } .innerRightCtnInner.blueColor .formCtn .formBtns::after { background:#4396e9; } .innerRightCtnInner.blueColor .accordionSlides .head span { color:#4396e9;} .innerRightCtnInner.blueColor .accordionSlides .head .slideArrow { background-position:center -40px;} .innerRightCtnInner.blueColor .ABCAccordionOpen .head .slideArrow { background-position: center -60px;} .innerRightCtnInner.blueColor .timeBGLine { background:#4396e9; } .innerRightCtnInner.blueColor .timeEventsCtn .head .slideArrow { top:33px; z-index: 1; background-position: center -80px;} .innerRightCtnInner.blueColor .timeEventsCtn .accordionSlides:first-child .head .slideArrow { top:18px;} .innerRightCtnInner.blueColor .timeEventsCtn .ABCAccordionOpen .head .slideArrow { background-position: center bottom;} .innerRightCtnInner.blueColor .tableCtn .tableRow:hover span { color:#4396e9;} .innerRightCtnInner.blueColor .tableCtn .tableRow:hover .tableRowArrow { background-position:center -48px;} .innerRightCtnInner.blueColor .tableCtn .tableRow:hover .item.tableRowArrow span::after { background-position:center -48px;} .innerRightCtnInner.blueColor .twoColumnsBorderCtn .twoColumnsBorderInner { border-color: #b8d8f8;} .innerRightCtnInner.blueColor .twoColumnsBorderCtn .twoColumnsBorderInner>div { border-color: #b8d8f8;} /* orange in color */ .innerRightCtnInner.orangeColor .innerContentBorder { background:#fb6b15; } .innerRightCtnInner.orangeColor .innerContent { border-color: #fb6b15;} .innerRightCtnInner.orangeColor .innerPageSubTitle { background:#fb6b15; } .innerRightCtnInner.orangeColor .innerPageTitleLabel span { background:url(../img/inner/title-services.png) left 0 no-repeat; background-size: 100% 100%;} .innerRightCtnInner.orangeColor .innerContent h4 { color:#fb6b15;} .innerRightCtnInner.orangeColor .innerContent h5 { color:#fb6b15;} .innerRightCtnInner.orangeColor .innerContent .followThemeColor { color:#fb6b15; border-color: #fb6b15;} .innerRightCtnInner.orangeColor a:hover { color:#fb6b15;} .innerRightCtnInner.orangeColor a:hover .listarrow { background-position:center -64px;} .innerRightCtnInner.orangeColor .formCtn .formBtns:hover { border:1px solid #fb6b15; } .innerRightCtnInner.orangeColor .formCtn .formBtns::after { background:#fb6b15; } .innerRightCtnInner.orangeColor .formCtn .formBtns.orangeBtns { background: #fb6b15; color: #ffffff; border:1px solid #fb6b15;} .innerRightCtnInner.orangeColor .formCtn .formBtns.orangeBtns:hover { border:1px solid #777777; } .innerRightCtnInner.orangeColor .formCtn .formBtns.orangeBtns::after { background:#777777; } .innerRightCtnInner.orangeColor .formCtn .sectionTitle { border-color: #fb6b15;} .innerRightCtnInner.orangeColor .accordionSlides .head span { color:#fb6b15;} .innerRightCtnInner.orangeColor .accordionSlides .head .slideArrow { background-position:center 0;} .innerRightCtnInner.orangeColor .ABCAccordionOpen .head .slideArrow { background-position: center -20px;} .innerRightCtnInner.orangeColor .sortingBtnsCtn .sortingBtnsInner span { color:#fb6b15;} .innerRightCtnInner.orangeColor .sortingBtnsCtn .sortBtns.sortAll { background-image:url(../img/inner/sorting-all.png);} .innerRightCtnInner.orangeColor .sortingBtnsCtn .sortBtns.sortPhotos { background-image:url(../img/inner/sorting-photos.png);} .innerRightCtnInner.orangeColor .sortingBtnsCtn .sortBtns.sortVideos { background-image:url(../img/inner/sorting-videos.png);} .innerRightCtnInner.orangeColor .sortingBtnsCtn .sortBtns.sortCase { background-image:url(../img/inner/sorting-professionals2.png);} .innerRightCtnInner.orangeColor .sortingBtnsCtn .sortBtns.sortPpl { background-image:url(../img/inner/sorting-public2.png);} .innerRightCtnInner.orangeColor .sortingBtnsCtn .sortBtns.sortDvd { background-image:url(../img/inner/sorting-dvd2.png);} .innerRightCtnInner.orangeColor .sortingBtnsCtn .sortBtns.sortBook { background-image:url(../img/inner/sorting-book2.png);} .innerRightCtnInner.orangeColor .sortingBtnsCtn .sortBtns.sortReading { background-image:url(../img/inner/sorting-readinglist.png);} .innerRightCtnInner.orangeColor .sortingBtnsCtn .sortBtns.sortArticle { background-image:url(../img/inner/sorting-article.png);} .innerRightCtnInner.orangeColor .tableCtn .tableRow:hover span { color:#fb6b15;} .innerRightCtnInner.orangeColor .tableCtn .tableRow:hover .tableRowArrow { background-position:center -64px;} .innerRightCtnInner.orangeColor .tableCtn .tableRow:hover .item.tableRowArrow span::after { background-position:center -64px;} .innerRightCtnInner.orangeColor .twoColumnsBorderCtn .twoColumnsBorderInner { border-color: #fb6b15;} .innerRightCtnInner.orangeColor .twoColumnsBorderCtn .twoColumnsBorderInner>div { border-color: #fb6b15;} .innerRightCtnInner.orangeColor .iconButtonCenterCtn>ul>li.borderLine { background-color: #fb6b15;} .innerRightCtnInner.orangeColor .newsListCtn .newsListRow .newsDate { background-image:url(../img/inner/date-orange.png);} .innerRightCtnInner.orangeColor .iconButtons a.btn-serve { background-image:url(../img/inner/sorting-serve.png)} .innerRightCtnInner.orangeColor .iconButtons a.btn-expect { background-image:url(../img/inner/sorting-expect.png)} .innerRightCtnInner.orangeColor .iconButtons a.btn-counsellingTeam { background-image:url(../img/inner/sorting-team.png) } .innerRightCtnInner.orangeColor .imgCtn>span.smallBtnIcon.btn-serve { background-image:url(../img/inner/sorting-serve.png)} .innerRightCtnInner.orangeColor .imgCtn>span.smallBtnIcon.btn-expect { background-image:url(../img/inner/sorting-expect.png)} .innerRightCtnInner.orangeColor .imgCtn>span.smallBtnIcon.btn-counsellingTeam { background-image:url(../img/inner/sorting-team.png)} /* green in color */ .innerRightCtnInner.greenColor .innerContentBorder { background:#49bfbb; } .innerRightCtnInner.greenColor .innerContent { border-color: #49bfbb;} .innerRightCtnInner.greenColor .innerPageSubTitle { background:#49bfbb; } .innerRightCtnInner.greenColor .innerPageTitleLabel span { background:url(../img/inner/title-news.png) left 0 no-repeat; background-size: 100% 100%;} .innerRightCtnInner.greenColor .innerContent h4 { color:#49bfbb;} .innerRightCtnInner.greenColor .innerContent h5 { color:#49bfbb;} .innerRightCtnInner.greenColor a:hover { color:#49bfbb;} .innerRightCtnInner.greenColor a:hover .listarrow { background-position:center -80px;} .innerRightCtnInner.greenColor .formCtn .formBtns:hover { border:1px solid #49bfbb; } .innerRightCtnInner.greenColor .formCtn .formBtns::after { background:#49bfbb; } .innerRightCtnInner.greenColor .tableCtn .tableRow:hover span { color:#49bfbb;} .innerRightCtnInner.greenColor .tableCtn .tableRow:hover .tableRowArrow { background-position:center -80px;} .innerRightCtnInner.greenColor .tableCtn .tableRow:hover .item.tableRowArrow span::after { background-position:center -80px;} .innerRightCtnInner.greenColor .twoColumnsBorderCtn .twoColumnsBorderInner { border-color: #49bfbb;} .innerRightCtnInner.greenColor .twoColumnsBorderCtn .twoColumnsBorderInner>div { border-color: #49bfbb;} /* red in color */ .innerRightCtnInner.redColor .innerContentBorder { background:#e82239; } .innerRightCtnInner.redColor .innerContent { border-color: #e82239;} .innerRightCtnInner.redColor .innerPageSubTitle { background:#e82239; } .innerRightCtnInner.redColor .innerPageTitleLabel span { background:url(../img/inner/title-resources.png) left 0 no-repeat; background-size: 100% 100%;} .innerRightCtnInner.redColor .innerContent h4 { color:#e82239;} .innerRightCtnInner.redColor .innerContent h5 { color:#e82239;} .innerRightCtnInner.redColor a:hover { color:#e82239;} .innerRightCtnInner.redColor a:hover .listarrow { background-position:center -96px;} .innerRightCtnInner.redColor .sectionTitle { border-color:#e82239;} .innerRightCtnInner.redColor .sortingBtnsCtn .sortingBtnsInner span { color:#e72138;} .innerRightCtnInner.redColor .sortingBtnsCtn .sortBtns.sortCase { background-image:url(../img/inner/sorting-professionals.png);} .innerRightCtnInner.redColor .sortingBtnsCtn .sortBtns.sortPpl { background-image:url(../img/inner/sorting-public.png);} .innerRightCtnInner.redColor .formCtn .formBtns:hover { border:1px solid #e82239; } .innerRightCtnInner.redColor .formCtn .formBtns::after { background:#e82239; } .innerRightCtnInner.redColor .formCtn .formBtns.redBtns { background: #e82239; color: #ffffff; border:1px solid #e82239;} .innerRightCtnInner.redColor .formCtn .formBtns.redBtns:hover { border:1px solid #777777; } .innerRightCtnInner.redColor .formCtn .formBtns.redBtns::after { background:#777777; } .innerRightCtnInner.redColor .tableCtn .tableRow:hover span { color:#e82239;} .innerRightCtnInner.redColor .tableCtn .tableRow:hover .tableRowArrow { background-position:center -96px;} .innerRightCtnInner.redColor .tableCtn .tableRow:hover .item.tableRowArrow span::after { background-position:center -96px;} .innerRightCtnInner.redColor .twoColumnsBorderCtn .twoColumnsBorderInner { border-color: #e82239;} .innerRightCtnInner.redColor .twoColumnsBorderCtn .twoColumnsBorderInner>div { border-color: #e82239;} /* yellow in color */ .innerRightCtnInner.yellowColor .innerContentBorder { background:#eead20; } .innerRightCtnInner.yellowColor .innerContent { border-color: #eead20;} .innerRightCtnInner.yellowColor .innerPageSubTitle { background:#eead20; } .innerRightCtnInner.yellowColor .innerPageTitleLabel span { background:url(../img/inner/title-supportus.png) left 0 no-repeat; background-size: 100% 100%;} .innerRightCtnInner.yellowColor .innerContent h4 { color:#fb6b15;} .innerRightCtnInner.yellowColor .innerContent h5 { color:#fb6b15;} .innerRightCtnInner.yellowColor a:hover { color:#eead20;} .innerRightCtnInner.yellowColor a:hover .listarrow { background-position:center -112px;} .innerRightCtnInner.yellowColor .sectionTitle { border-color:#eead20;} .innerRightCtnInner.yellowColor .formCtn .formBtns:hover { border:1px solid #eead20; color:#444444;} .innerRightCtnInner.yellowColor .formCtn .formBtns::after { background:#eead20; } .innerRightCtnInner.yellowColor .tableCtn .tableRow:hover span { color:#fb6b15;} .innerRightCtnInner.yellowColor .tableCtn .tableRow:hover .tableRowArrow { background-position:center -112px;} .innerRightCtnInner.yellowColor .tableCtn .tableRow:hover .item.tableRowArrow span::after { background-position:center -112px;} .innerRightCtnInner.yellowColor .twoColumnsBorderCtn .twoColumnsBorderInner { border-color: #fb6b15;} .innerRightCtnInner.yellowColor .twoColumnsBorderCtn .twoColumnsBorderInner>div { border-color: #fb6b15;} /* pink in color */ .innerRightCtnInner.pinkColor .innerContentBorder { background:#fa4265; } .innerRightCtnInner.pinkColor .innerContent { border-color: #fa4265;} .innerRightCtnInner.pinkColor .innerPageSubTitle { background:#fa4265; } .innerRightCtnInner.pinkColor .innerPageTitleLabel span { background:url(../img/inner/title-resources.png) left 0 no-repeat; background-size: 100% 100%;} .innerRightCtnInner.pinkColor .innerContent h4 { color:#fa4265;} .innerRightCtnInner.pinkColor .innerContent h5 { color:#fa4265;} .innerRightCtnInner.pinkColor a:hover { color:#fa4265;} .innerRightCtnInner.pinkColor a:hover .listarrow { background-position:center -128px;} .innerRightCtnInner.pinkColor .sortingBtnsCtn .sortingBtnsInner span { color:#fa4265;} .innerRightCtnInner.pinkColor .sortingBtnsCtn>li:first-child { margin-left: 0;} .innerRightCtnInner.pinkColor .sortingBtnsCtn .sortBtns.sortAll { background-image:url(../img/inner/sorting-all2.png);} .innerRightCtnInner.pinkColor .sortingBtnsCtn .sortBtns.sortBook { background-image:url(../img/inner/sorting-book.png);} .innerRightCtnInner.pinkColor .sortingBtnsCtn .sortBtns.sortDvd { background-image:url(../img/inner/sorting-dvd.png);} .innerRightCtnInner.pinkColor .formCtn .formBtns:hover { border:1px solid #fa4265; } .innerRightCtnInner.pinkColor .formCtn .formBtns::after { background:##fa4265; } .innerRightCtnInner.pinkColor .tableCtn .tableRow:hover span { color:#fa4265;} .innerRightCtnInner.pinkColor .tableCtn .tableRow:hover .tableRowArrow { background-position:center -128px;} .innerRightCtnInner.pinkColor .tableCtn .tableRow:hover .item.tableRowArrow span::after { background-position:center -128px;} .innerRightCtnInner.pinkColor .twoColumnsBorderCtn .twoColumnsBorderInner { border-color: #fa4265;} .innerRightCtnInner.pinkColor .twoColumnsBorderCtn .twoColumnsBorderInner>div { border-color: #fa4265;} .innerCtn .generalBtns { } .innerCtn .generalBtns a { display:inline-block; text-decoration: none; background:#e4e4e4; color:#777777; padding: 5px 15px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);} .innerCtn .generalBtns a:hover { color:#ffffff; } .innerCtn .generalBtns a::after { content: ''; position: absolute; z-index: -1; right:0; bottom:0; top: 0; left: 0; background:#777777; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .innerCtn .generalBtns a:hover::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);} .innerCtn .generalBtns.type2 { } .innerCtn .generalBtns.type2 a { color:#444444; background:transparent; border: 1px solid #e4e4e4; position:relative; padding: 5px 20px} .innerCtn .generalBtns.type2 .arrowSpan { position:absolute; width:16px; height:16px; top:9px;} .innerCtn .generalBtns.type2 a:hover { color:#444444; } .innerCtn .generalBtns.type2 a:hover::after { background:#e4e4e4; } .innerCtn .generalBtns.type2 a.arrowLeft { padding-left:38px; } .innerCtn .generalBtns.type2 a.arrowLeft::after { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .innerCtn .generalBtns.type2 a.arrowLeft .arrowSpan { left:15px; background:url(../img/arrow.png) center bottom no-repeat; } .innerCtn .generalBtns.type2 a.arrowRight { padding-right:38px; } .innerCtn .generalBtns.type2 a.arrowRight .arrowSpan { right:15px; background:url(../img/arrow.png) center -32px no-repeat; } .innerCtn .tableCtn .tableRow .generalBtns>.linkBox { display: inline-block; background:#e4e4e4; color:#777777; margin:0; padding: 5px 15px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);} .innerCtn .tableCtn .tableRow .generalBtns>.linkBox:hover { color:#ffffff; } .innerCtn .tableCtn .tableRow .generalBtns>.linkBox::after { content: ''; position: absolute; z-index: -1; right:0; bottom:0; top: 0; left: 0; background:#777777; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .innerCtn .tableCtn .tableRow .generalBtns>.linkBox:hover::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);} /* --------------- Paging ------------------ */ .innerContent .pager { margin:0 0 20px;} .innerContent .pager ul { display: inline-block; font-size:12px; list-style:none; padding:0; font-family: Arial, serif;} .innerContent .pager li { float:left; width:25px; height:27px; color:#444444; text-align:center; line-height:29px; position:relative; margin: 0 3px; z-index:2; border:1px solid #e4e4e4; } .innerContent .pager ul li a { width:25px; height:27px; display:inline-block; color:#444444; text-decoration: none;} .innerContent .pager ul li:hover, .innerContent .pager ul li.current { background: #e4e4e4; } .innerContent .pager ul li:hover a, .innerContent .pager ul li.current a { color:#444444; } .innerContent .pager .pagerControl { cursor:pointer; z-index:1; position:relative; margin:1px 3px 0; background: transparent; border:0; } .innerContent .pager .pagerControl.first { background: url(../img/inner/page-first.png) center 0 no-repeat;} .innerContent .pager .pagerControl.prev { background: url(../img/inner/page-prev.png) center 0 no-repeat;} .innerContent .pager .pagerControl.next { background: url(../img/inner/page-next.png) center 0 no-repeat;} .innerContent .pager .pagerControl.last { background: url(../img/inner/page-last.png) center 0 no-repeat;} .innerContent .pager .pagerControl:hover { background-position:center bottom;} .innerContent .pager .pagerControl.disabled { display:none; cursor:default; } .scrollDownBtn { position:absolute; left:0; right:0; bottom: 80px; margin:0 auto; width:128px; height:128px; z-index:110; background: transparent center center no-repeat; cursor:pointer; -webkit-animation:bounce 1s infinite; -moz-animation:bounce 1s infinite; -ms-animation:bounce 1s infinite; -o-animation:bounce 1s infinite; animation: bounce 1s infinite; } @-webkit-keyframes bounce { 0% { bottom:90px; } 25%, 75% { bottom:85px; } 50% { bottom:80px; } 100% { bottom:95px;} } .twoColumnsCtn { margin: -10px -10px 0;} .twoColumnsCtn.noMarginTop { margin-top: 0;} .twoColumnsCtn>div { width:50%; } .twoColumnsCtn>div>.twoColsInner { margin: 10px 10px 0;} .twoColumnsBorderCtn { padding:10px 0 0; } .twoColumnsBorderCtn .twoColumnsBorderInner { border: 1px solid #444444; } .twoColumnsBorderCtn .twoColumnsBorderInner>div { width:50%; border-left: 1px solid #444444; box-sizing:border-box; } .twoColumnsBorderCtn .twoColumnsBorderInner>div:first-child { border-left:0;} .twoColumnsBorderCtn .twoColumnsBorderInner .twoColumnsBorderContent { padding:15px 20px; box-sizing:border-box; } .threeColumns { margin: -15px -11px 0;} .threeColumns>li { width:33.33%;} .threeColumns>li.clearRowLine { display:none;} .threeColumns>li>.threeColsInner { margin: 15px 11px 0;} .clearRowLine { width:100% !important; height:1px; } .clearRowLine.threeItems { display: none;} .clearRowLine.twoItems { display: none;} .twoColsListCtn { margin:0 -10px;} .twoColsListCtn>li { width:50%; margin:10px 0;} .twoColsListCtn>li>.listItem { margin:0 10px; padding:10px 0; cursor:pointer;} .twoColsListCtn>li .leftPart { width:180px; } .twoColsListCtn>li .resourcesItem .leftPart { width:120px; } .twoColsListCtn>li .leftPart .imgCtn { position:relative; } .twoColsListCtn>li .rightPart { width:auto; overflow:hidden; margin-left: 195px;} .twoColsListCtn>li .resourcesItem .rightPart { margin-left: 135px;} .twoColsListCtn>li .rightPart span { padding:2px 0 3px; line-height:1.2em; display:block; color:#777777; } .twoColsListCtn>li .listItem:hover img { opacity:0.75; filter:alpha(opacity=75);} .twoColsListCtn>li .listItem:hover .generalBtns a { } .twoColsListCtn>li .listItem:hover .iconZoom { display:block;} .tabletDevice .twoColsListCtn>li .listItem:hover .iconZoom { display: none;} .twoColsListCtn>li .listItem .generalBtns { margin:10px 0 0;} .twoColsListCtn>li.clearRowLine .clearLineHalf { width:50%; height:1px;} .twoColsListCtn>li.clearRowLine .clearLine { margin:0 10px; height:1px; background:#e6e6e6;} .iconAlbum { position:absolute; display:block; width:32px; height:37px; left:6px; top:0; } .iconVideoAlbum { background:url(../img/inner/icon-videoalbum.png) center center no-repeat;} .iconPhotoAlbum { background:url(../img/inner/icon-photoalbum.png) center center no-repeat;} .iconOverlay { position:absolute; display:block; width:48px; height:48px; left:0; top:0; right:0; bottom:0; margin:auto;} .iconPlay { background:url(../img/inner/icon-play.png) center center no-repeat;} .iconZoom { display:none; background:url(../img/inner/icon-zoom.png) center center no-repeat;} .iconYTPlay { width:46px; height:34px; background:url(../img/btn-play.png) center 0 no-repeat;} .sortingBtnsCtn { margin: 0 0 0;} .sortingBtnsCtn>li { min-width:65px; width:auto; text-align:center; text-transform:uppercase; margin:5px 40px 0 15px; } .sortingBtnsCtn>li>.sortingBtnsInner { cursor:pointer;} .sortingBtnsCtn>li>.sortingBtnsInner>span { display:block; padding:5px 0 0; font-size:17px;} .sortingBtnsCtn .sortingBtnsInner .sortBtns { width:65px; padding:0; height:65px; margin:0 auto; background-position:center 0; background-repeat:no-repeat; } .sortingBtnsCtn>li.current .sortBtns, .sortingBtnsCtn>li>.sortingBtnsInner:hover .sortBtns { background-position:center -65px;} .sortingBtnsCtn.withRightLabel { } .sortingBtnsCtn.withRightLabel>li { width:50%; margin:0; text-align:left; text-transform:none;} .sortingBtnsCtn.withRightLabel .sortingBtnsInner { margin:0 30% 0 0;} .sortingBtnsCtn.withRightLabel .sortingBtnsInner>a { text-decoration: none;} .sortingBtnsCtn.withRightLabel .sortingBtnsInner>a>span { display:block; width:auto; margin:0 0 0 75px; overflow:hidden; min-height:65px; padding: 10px 0; font-size: 20px;} .sortingBtnsCtn.withRightLabel .sortingBtnsInner>a>span:first-child { width:65px; margin:0; overflow:visible; padding: 0 0;} table { width: auto !important; height: auto !important;} table td { vertical-align: top; width: auto !important; } table td:first-child { width:30% !important;} table td p:first-child { margin-top: 0;} .tableCtn { margin:10px 0 15px;} .tableCtn>a { display: block;} .tabelSectionCtn .tableCtn { margin:10px 0 40px;} .tableCtn .tableRow { position:relative; padding:6px 20px 6px 15px; cursor:pointer;} .tableCtn .tableRow.noRecord { cursor: default;} .tableCtn .tableRow.noRecord>.item>* { cursor: default;} .tableRow.tableHeader { background:#d9d9d9; font-weight:600; cursor:default;} .tableRow.tableCategory { cursor:default;} .tableRow.even { background:#f7f7f7;} .tableCtn .tableRow.subProgramme { } .tableCtn .tableRow.subProgramme .item1 { padding-left:20px; background:url(../img/inner/li-1.png) 0 6px no-repeat; box-sizing:border-box;} .tableCtn .tableRow.subProgramme:hover .item1 { background-image:url(../img/inner/li-3.png); } .tableCtn .tableRow a { display:block; height: 100%; text-decoration: none;} .tableCtn .tableRow .generalBtns a { display: inline-block; text-align:center; margin:0 15px 15px 0; min-width: 100px;} .tableCtn .tableRow .generalBtns a.redBtns { background: #e82239; color:#ffffff;} .tableCtn .tableRow span { display:block; margin:0 15px 0 0; } .tableCtn .tableRow .item1 span { font-size: 14px; color:#777777;} .tableCtn .tableRow .item1 span:first-child { font-size: 16px; color:#444444;} .tableCtn .tableRow.tableHeader .item2 span { margin-right: 25px; text-align: center;} .tableCtn .tableRow .btn-applyNow, .tableCtn .tableRow .btn-enrolltick { margin:2px auto 3px;} .tableCtn .tableRow .tableRowArrow { position:absolute; width:16px; height:16px; right:0; top:10px; background:url(../img/arrow.png) center -16px no-repeat;} .tableCtn .tableRowLink .tableRow .tableRowArrow { top:10px;} .tableCtn .tableRow .tableRowArrow span { display: none;} .tableCtn .tableRow .tableRowArrow.notActive { display: none;} .tableCtn .tableRow.tableHeader:hover span { color:#444444 !important;} .tableCtn .tableRow.noRecord:hover span { color:#444444 !important;} .tableCtn .tableRow:hover .btn-applyNow, .tableCtn .tableRow:hover .btn-enrolltick { background-position: center bottom;} .tableCtn .tableRow .item.tableRowArrow span::after { display:none; content: attr(data-table-label); height: 16px; width: 16px; display: block; float: right; padding: 0; margin: 5px 0 0 5px; font-weight: bold; font-style: normal; box-sizing: border-box; background:url(../img/arrow.png) center -16px no-repeat; } .tableCtn .tableRow .item1 { width:70%; } .tableCtn .tableRow .item2 { width:15%; max-width:110px;} .tableCtn .tableRow .item3 { width:15%; max-width:140px;} .btn-applyNow { display:block; background:url(../img/inner/btn-applynow.png) center top no-repeat; width:18px; height:19px; } .btn-applyNow.notActive { background-image:none;} .btn-enrolltick { display:block; background:url(../img/inner/icon-tick.png) center top no-repeat; width:24px; height:17px; } .btn-enrolltick.notActive { background-image:none;} .remarks { color:#777777; font-size:14px; margin-top:0;} .remarks:first-child { margin:0; } .remarks span { display:block; margin-left: 15px; overflow:hidden; width:auto;} .remarks .remarksSymbol { display:block; width:15px; margin-left: 0; overflow:visible;} form input[type="submit"]:hover { cursor:pointer;} .formCtn { } .formCtn input { font-family:"Lato", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; color:#444444; -webkit-appearance: none; border-radius: 0; border:1px solid #c6c6c6; width:100%; padding:8px 10px; box-sizing:border-box; min-height: 30px;} .formCtn textarea { font-family:"Lato", Arial, Helvetica, sans-serif; font-weight:400; font-style:normal; color:#444444; -webkit-appearance: none; border-radius: 0; border:1px solid #c6c6c6; width:100%; padding:8px 10px; box-sizing:border-box;} .formCtn .formRow { margin:35px 0 0; position: relative;} .formCtn .formRow.firstRow { margin:15px 0 0;} .formCtn .formRow .leftPart { width:170px; position: absolute; left: 0; top:0;} .formCtn .formRow .leftPart label, .formCtn .formRow>label:first-child, .formCtn .formRow>label { font-weight:600; padding: 5px 0 0; display: inline-block;} .formCtn .formRow .rightPart { width:100%; padding-left:190px; box-sizing:border-box;} .formCtn .formRow .rightPart>span:first-child { line-height: 35px;} .formCtn .formBtns { width:auto; margin:0 0 0 50px; border:1px solid #b6bcc1; min-width: 140px; display: inline-block; padding: 8px 10px; color:#444444; background-color: transparent; cursor: pointer; text-transform: uppercase; position: relative; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); font-size: 15px;} .formCtn .formBtns:hover { color:#ffffff;} .formCtn .formBtns::after { content: ''; position: absolute; z-index: -1; right:0; bottom:0; top: 0; left: 0; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .formCtn .formBtns:hover::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);} .formCtn .formBtns:first-child { margin:0 0 0 0;} .formCtn .formRow .rightPart .twoColumnsCtn { margin:10px -10px 0;} .formCtn .formRow .rightPart:first-child .twoColumnsCtn { margin:0 -10px 0;} .formCtn .twoColumnsCtn .twoColsInner { position: relative; margin:0 10px 0;} .formCtn .twoColumnsCtn .leftPart { width:85px;} .formCtn .twoColumnsCtn .rightPart { padding-left:90px;} .formCtn .error { display:none; color:#ff5050; width:100%; margin:5px 0 0;} .formCtn .error.active { display: block;} .additionalRow { display: none;} .additionalRow.active { display: block;} #flashMessage { color:#ff5050; } .formCtn input.specifyInput { min-width: 400px; display: inline-block; width: auto; padding:6px 10px; margin: -5px 4px 0;} .formCtn textarea.specifyInput { min-width: 400px; display: inline-block; width: auto; padding:6px 10px; margin: 0 4px 0; } .formCtn input.minWidth350 { min-width: 350px; display: inline-block; width: auto; padding:6px 10px; margin: -5px 4px 0;} .formCtn textarea.minWidth350 { min-width: 350px; display: inline-block; width: auto; padding:6px 10px; margin: 0 4px 0; } .formCtn .multiChoiceLevelCtn { width:70%; min-width: 550px;} .formCtn .multiChoiceLevelRow { position: relative; border-top:1px solid #cccccc; padding:6px 0;} .formCtn .multiChoiceLevelRow:first-child { border-top:none;} .formCtn .multiChoiceLevelRow .item1 { margin-right: 300px;} .formCtn .multiChoiceLevelRow .itemchoice { text-align:center; width:110px; position: absolute; top:0; height: 100%; padding:0 10px; box-sizing: border-box;} .formCtn .multiChoiceLevelRow .checkboxOption { margin:0; height: 100%;} .formCtn .multiChoiceLevelRow .icheckbox { top:0; bottom:0; right: 0; margin:auto auto;} .formCtn .multiChoiceLevelRow .choice3 { right:0; } .formCtn .multiChoiceLevelRow .choice2 { right:100px; } .formCtn .multiChoiceLevelRow .choice1 { right:200px; } .formCtn .multiChoiceLevelHeaderRow { padding:8px 0 0;} .formCtn .multiChoiceLevelHeaderRow .itemchoice { height: auto; padding: 5px 10px;} .formCtn .twoColumnsFixedLeftCtn { position: relative;} .formCtn .twoColumnsFixedLeftCtn .leftPart { width:100px; } .formCtn .twoColumnsFixedLeftCtn .leftPart label { font-weight: normal;} .formCtn .twoColumnsFixedLeftCtn .rightPart { width:auto; margin-left: 120px; padding-left: 0;} .formCtn .twoColumnsFixedLeftCtn .rightPart input { width:100%;} .fileULWrapper{zoom:1;} .fileULWrapper:after{content:"."; display:block; clear:both; width:0; height:0; visiblility:hidden; font-size:0;} .fileULHidden{width:0; height:0; overflow:hidden; position:relative;} .fileULHidden input{display:block; position:absolute; left:-9999px;} .fileULButton{text-transform:uppercase; font-size:13px; height:33px; line-height:33px; border:1px solid #cecece; font-weight:bold; float:left; padding:0 40px 0 15px; margin:0 15px 0 0; cursor:pointer; position:relative;} .fileULButton .buttonIcon{display:block; height:100%; width:9px; position:absolute; top:0; right:15px; background:url(../img/btn-more-2.png) center center no-repeat;} .fileULStatusBar{height:35px; line-height:35px; float:left;} .fileULStatusBar .okBtn{float:left; display:block; height:100%; width:20px; background:url(../img/tick.png) center center no-repeat; margin:0 5px 0 0;} .fileULStatusBar .removeBtn{float:left; display:block; height:19px; width:19px; background:url(../img/btn-remove.png) left top no-repeat; margin:8px 0 0 0; cursor:pointer;} .fileULStatusBar .fileText{float:left; margin-right:10px;} .fileULWrapper.empty .fileText{color:#999999;} .fileULStatusBar .removeBtn:hover{background-position:left bottom;} .enews.formCtn { } .enews.formCtn .enewsSubmit { width:120px;} .enews.formCtn .enewsSubmit input { border: 1px solid #cccccc; border-radius: 0 4px 4px 0;} .enews.formCtn .enewsLabel { margin-right:15px; padding: 5px 0 0; width: 45%;} .enews.formCtn .formText { width:auto; margin-right: 120px; overflow: hidden; } .enews.formCtn .formText input { border-radius:4px 0 0 4px; border-right: 0;} .selectric { background: transparent; border:1px solid #c6c6c6;} .selectric-wrapper { min-width: 200px;} .selectric .label { font-size: 16px; height:33px; line-height:33px;} .selectric .button { height:33px; background: url(../img/inner/arrow-dropdown-1.png) center center no-repeat;} .selectric .button::after { border:0;} .selectric-open .button { background: url(../img/inner/arrow-dropdown-2.png) center center no-repeat;} .selectric-open .selectric-items { width: 100%;} .selectric-items { background: #ffffff; box-sizing:border-box; margin-top: -1px;} .selectric-above .selectric-items { margin-top:0; margin-bottom: -1px;} .selectric-items ul, .selectric-items li { font-size: 16px;} .selectric-items li { background: transparent; padding:8px 10px; border:0; border-top: 1px solid #EAEAEA;} .selectric-items li:first-child { padding:8px 10px; } .subformRowCtn { width:100%; padding-left:25px; box-sizing:border-box; margin:5px 0 0;} .subformRowCtn.slideDownCtn { display: none;} .subformRowCtn .selectric-wrapper { float:left;} .subformRowCtn .selectric .label { line-height: 30px; height: 30px;} .subformRowCtn .button { height:30px;} .subformRowCtn input { width: auto; padding:6px 10px;} .subformRowCtn>.subformRow { margin:5px 0 0; } .subformRowCtn>.subformRow:first-child { margin:0 0 0;} .subformRowCtn label { line-height: 32px; display:block; margin-right: 5px;} .fullsubBlockCtn { width:100%; padding-left:25px; box-sizing:border-box; margin:5px 0 0;} .iconCalendar { background:url(../img/inner/btn-datepicker.png) right 0 no-repeat;} .iconCalendar:focus { background-position: right bottom;} .radioOptionCtn { padding:8px 0 0;} .radioOption { position:relative; margin:12px 0;} .radioOption:first-child { margin:0 0 12px;} /*.radioOption>label { line-height:19px; display:block; padding-left:25px; cursor:pointer; background:url(../img/inner/icon-form-1.png) 0 0 no-repeat; position: relative; z-index: 2;} .radioOption>label.selected { background-image:url(../img/inner/icon-form-2.png);} .radioOption>input[type="radio"] { position: absolute; left: 0; opacity: 0; top:0; z-index: 1;}*/ .radioOption>.iradio { position:absolute; left:0; top:0; width: 20px; height:20px; background:url(../img/inner/icon-form-1.png) 0 0 no-repeat; cursor:pointer; z-index: 3;} .radioOption>.iradio>input { margin: 0; cursor:pointer;} .radioOption>.iradio.checked { background:url(../img/inner/icon-form-2.png) 0 0 no-repeat;} .radioOption>.iradio.disabled { opacity: 0.30; filter:alpha(opacity=30); cursor:default;} .radioOption>label { line-height:19px; display:block; position: relative; z-index: 2; cursor:pointer; padding-left: 25px; } .checkboxOptionCtn { padding:8px 0 0;} .checkboxOption { margin:12px 0; position: relative;} .checkboxOption:first-child { margin:0 0 12px;} /*.checkboxOption>label { line-height:19px; display:block; padding-left:25px; cursor:pointer; background:url(../img/inner/icon-form-3.png) 0 0 no-repeat; } .checkboxOption>label.selected { background-image:url(../img/inner/icon-form-4.png);} .checkboxOption>input[type="checkbox"] { display:none; }*/ .checkboxOption>.icheckbox { position:absolute; left:0; top:2px; width: 20px; height:20px; background:url(../img/inner/icon-form-3.png) 0 0 no-repeat; cursor:pointer; z-index: 3; } .checkboxOption>.icheckbox>input { margin: 0; cursor:pointer;} .checkboxOption>.icheckbox.checked { background:url(../img/inner/icon-form-4.png) 0 0 no-repeat;} .checkboxOption>.icheckbox.disabled { opacity: 0.30; filter:alpha(opacity=30); cursor:default;} .checkboxOption>label { line-height:19px; display:block; position: relative; z-index: 2; cursor:pointer; padding-left: 25px; } .remarksCtn { color:#777777;} .remarksCtn>ol { margin-top: 0;} .remarksCtn>ol>li { margin:0; padding:0;} span.remarksCtn { margin: 5px 0 0; display: block;} .remarksCtn a { text-decoration: underline; color:#777777;} .ui-datepicker { background:#ffffff;} .ui-widget-header { background:#c6c6c6; color:#444444; border:1px solid #c6c6c6;} .ui-datepicker td span, .ui-datepicker td a { text-align: center;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active { border:1px solid #777777; background: transparent; color: #444444;} .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(img/ui-icons_ffffff_256x240.png); } .ui-state-highlight, .ui-widget-content .ui-state-highlight { background:#c6c6c6; border: 1px solid #777777;} #ui-datepicker-div { display: none;} #ui-datepicker-div.datepickerOn { display: block} /* error */ .selectric.error-active { border:1px solid #ff5050;} .radioOptionCtn.error-active, .radioOptionCtn.highlighted { border:1px solid #ff5050;} .checkboxOptionCtn.error-active { border:1px solid #ff5050;} .fileULButton.error-active { border:1px solid #ff5050;} .formCtn input.error-active { border:1px solid #ff5050;} .formCtn textarea.error-active { border:1px solid #ff5050;} .slick-arrow { width:24px; height:100%; position: absolute; top:0; margin-top:0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .slick-slider { margin-bottom:0;} .slick-prev:before, .slick-next:before { content:'';} .slick-prev { background:url(../img/arrow-left-1.png) center center no-repeat; left:0; } .slick-next { background:url(../img/arrow-right-1.png) center center no-repeat; right:0; } .slick-prev:hover, .slick-prev:focus { background:url(../img/arrow-left-2.png) center center no-repeat;} .slick-next:hover, .slick-next:focus { background:url(../img/arrow-right-2.png) center center no-repeat;} .slick-prev.slick-disabled { background:url(../img/arrow-left-3.png) center center no-repeat;} .slick-next.slick-disabled { background:url(../img/arrow-right-3.png) center center no-repeat;} .slick-arrow { cursor: pointer;} .slick-arrow.slick-hidden, .slick-arrow.slick-disabled { cursor: default;} .bottomArrowRow { padding:0 0 10px;} .bottomArrowRow>div { position: relative; line-height: 1em;} .bottomArrowRow a { text-transform: uppercase; text-decoration: none;} .bottomArrowRow .arrow { display:block; position:absolute; top:3px; width:16px; height:16px; background: url(../img/arrow.png) right -32px no-repeat;} .bottomArrowRow .remarksCtn { font-size: 14px; text-transform:initial;} .bottomArrowRow .arrowLeft { position: relative; padding:0 0 0 20px; color:#444444 !important; width:48%; box-sizing: border-box; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s;} .bottomArrowRow .arrowLeft .arrow { left:0; background: url(../img/arrow.png) left -288px no-repeat;} .bottomArrowRow .arrowRight { position: relative; text-align: right; padding:0 20px 0 0; width:48%; box-sizing: border-box; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s;} .bottomArrowRow .arrowRight .arrow { right:0; background: url(../img/arrow.png) right -32px no-repeat;} .bottomArrowRow .arrowLeft:hover, .bottomArrowRow .arrowRight:hover { color:#666666 !important;} .innerCtn a.cboxItemCoverCtn { display:block; margin:0; top: 100%; height: 140px; } .innerCtn a.cboxItemCoverCtn>.cboxImgCtn { width:100%; height: 100%; background: center center no-repeat; background-size: cover;} .innerCtn a.fullImgBlockCtn { display:block; margin:0; top: 100%; height: 140px; } .innerCtn a.fullImgBlockCtn>.fullImgBlock { width:100%; height: 100%; position: relative; background: center center no-repeat; background-size: cover;} .paymentLogoSpan { padding: 0 15px 0 0; display: inline-block; vertical-align: top; width:65%; } .paymentLogoLink { display: inline-block; max-width: 260px; } /* ==================================== Module ==================================== */ /* ------------------------------------ Services ------------------------------------ */ .serviceLinksCtn { margin:0 -8px;} .serviceLinksCtn>li { width:50%; margin:2px 0;} .serviceLinksCtn .serviceLinksItem { display:block; position:relative; padding:12px 40px 10px 70px; background:#ccd2d7; margin:0 8px; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); text-decoration: none;} .serviceLinksCtn .serviceLinksItem:hover { color:#ffffff;} .serviceLinksCtn .serviceLinksItem::after { content: ''; position: absolute; z-index: -1; right:0; bottom:0; top: 0; left: 0; background:#777777; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .serviceLinksCtn .serviceLinksItem:hover::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);} .serviceLinksCtn .serviceLinksItem h4 { color:#777777 !important;} .serviceLinksCtn .serviceLinksItem .serviceLinksArrow { position:absolute; width:16px; height:16px; right:15px; top:18px; background:url(../img/arrow.png) center 0 no-repeat;} .serviceLinksCtn>li.current .serviceLinksItem { background:#777777; } .serviceLinksCtn>li.current .serviceLinksItem:hover::after { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0);} .serviceLinksCtn>li.current .serviceLinksItem h4, .serviceLinksCtn .serviceLinksItem:hover h4 { color:#ffffff !important;} .tableCtn.serviceProgramTable .tableRow .item1 { width:80%;} .tableCtn.serviceProgramTable .tableRow .item1 .generalBtns { padding: 15px 0 0;} .tableCtn.serviceProgramTable .tableRow .item2 { width:20%; max-width: 200px;} .tableCtn.serviceProgramTable .tableRow .item2 a { width:75%;} .peopleCommitteeCtn { background: url(../img/inner/iss-bg.png) right bottom no-repeat;} .peopleCommitteeCtn .peopleCommitteeRow { width:auto; margin:10px 20% 0 0; padding: 0 0 20px;} .peopleCommitteeCtn .peopleCommitteeRow:first-child { margin-top: 0;} .peopleCommitteeRow .leftPart { width: 55%;} .peopleCommitteeRow .rightPart { width: 40%;} .peopleCommitteeDetailCtn { color:#777777;} .peopleCommitteeDetailCtn p:first-child { color:#444444;} .iconButtonCenterCtn { text-align: center; margin:20px 0 0;} .iconButtonCenterCtn>ul { position: relative; display: inline-block;} .iconButtonCenterCtn>ul>li { display: inline-block; z-index: 1; position: relative; margin:0 50px;} .iconButtonCenterCtn>ul>li img { background: #ffffff; padding: 0 10px} .iconButtonCenterCtn>ul>li.borderLine { z-index:0; position: absolute; height:2px; width:60%; top:33px; left:0; right:0; margin:0 auto; background: #444444;} .iconButtons { text-align: center; } .iconButtons a { text-decoration:none; display: block; width:65px; height:65px; background: #ffffff center top no-repeat; margin: 0 auto; } .iconButtons a:hover { background-position: center bottom; } .imgCtn>span.smallBtnIcon { display:block; width:38px; height: 38px; background: center top no-repeat; background-size: auto 200%;} .iconButtonDetailCtn { } .iconButtonDetailCtn .iconButtonDetailTitle { padding:0 0 0 50px; position: relative; margin: 30px 0 0; min-height: 38px;} .iconButtonDetailCtn .iconButtonDetailTitle h5 { margin:0; padding:5px 0 8px;} .iconButtonDetailCtn .iconButtonDetailTitle .imgCtn { position: absolute; left:0; top:0; width:38px;} .iconButtonDetailCtn .iconButtonDetailRow { padding:0 0 0 50px; } .iconButtonDetailCtn .iconButtonDetailRow .leftPart { width:75%; } .iconButtonDetailCtn .iconButtonDetailRow .rightPart { width:25%; } .iconButtonDetailCtn .iconButtonDetailRow .rightPart .imgCtn img { margin: 0 0 0 auto;} .iconButtonDetailCtn .iconButtonDetailRow p:first-child { margin-top: 0;} .tableCtn.resourcesTable .tableRow .item1 { padding-right: 150px; width:auto; overflow: hidden;} .tableCtn.resourcesTable .tableRow .item2 { position:absolute; width:140px; max-width: none; right:0; top:6px; text-align: left;} .tableCtn.resourcesTable .tableRow.tableHeader .item2 span { text-align: left; } .tableCtn.resourcesTable .tableRow .item2>span { vertical-align: middle; } .tableCtn.resourcesTable .tableRow .item2 span.btn-download { margin-top:2px; width:15px; height:14px; display:inline-block; background: url(../img/inner/btn-download.png) left 0 no-repeat;} .tableCtn.resourcesTable .tableRow:hover span.btn-download { background-position: left bottom;} .newsListCtn.shop.resources { margin: 30px 0 0;} .tableCtn.membersTable .tableRow .item1 { width:20%;} .tableCtn.membersTable .tableRow .item2 { width:60%; max-width: none;} .tableCtn.membersTable .tableRow.tableHeader .item2 span { text-align: left;} .tableCtn.membersTable .tableRow .item3 { position:absolute; width:140px; max-width: none; right:0; top:6px; text-align: left;} .tableCtn.membersTable .tableRow .item3>span { vertical-align: middle; } .tableCtn.membersTable .tableRow .item3 span.btn-download { margin-top:2px; width:15px; height:14px; display:inline-block; background: url(../img/inner/btn-download.png) left 0 no-repeat;} .tableCtn.membersTable .tableRow:hover span.btn-download { background-position: left bottom;} /* ------------------------------------ Album ------------------------------------ */ .twoColsListCtn.albumListCtn .listItem h5 { text-transform: none; color:#444444; margin-bottom: 0;} .twoColsListCtn.albumListCtn .listItem a:hover { opacity:0.75; filter:alpha(opacity=75); } .albumDetailCtn { margin:0 -20px;} .albumDetailCtn>li { width:25%; margin:20px 0 10px; position: relative;} .albumDetailCtn>li a.cboxItemCoverCtn { margin: 0 20px;} .albumDetailCtn>li img { width:100%; margin:auto auto; vertical-align: middle;} /* ------------------------------------ Training ------------------------------------ */ .courseColsList { } .courseColsList>li { padding: 3px 0;} .courseColsList>li>span { display:block; width:auto; overflow: hidden; margin-left: 105px;} .courseColsList>li>span:first-child { width: 95px; margin-left: 0;} .tableCtn.trainingTable .tableRow .item2>a { margin-right:25px;} .trainingInnerTitle { display:block; font-size: 23px; line-height:1.2em; padding: 0 0 20px; color: #e82239;} /* ------------------------------------ Carrer ------------------------------------ */ .tableCtn.careerTable .tableRow .item1 { width:40%; } .tableCtn.careerTable .tableRow .item2 { width:45%; max-width: none;} .tableCtn.careerTable .tableRow .item2 span { margin-right: 0; text-align: left; } /* ------------------------------------ News ------------------------------------ */ .newsSelect .selectric-wrapper { min-width: 210px; padding-top: 7px;} .newsListCtn { } .newsListCtn .newsListRow { border-bottom:1px solid #e6e6e6; padding:20px 0;} .newsListCtn .newsListRow:first-child { padding:0 0 20px;} .newsListCtn.onePageOnly .newsListRow { border-top:1px solid #e6e6e6; border-bottom: none;} .newsListCtn.onePageOnly .newsListRow:first-child { border-top: none; padding:0 0 20px;} .newsListCtn .newsListRow .newsDate { color:#ffffff; width:52px; padding:14px 10px 10px; min-height:61px; line-height:1.2em; box-sizing:border-box; text-align:center; text-transform:uppercase; font-size: 13px; background:url(../img/inner/date-green.png) center 0 no-repeat;} .newsListCtn .newsListRow .newsDate .date { font-size: 28px;} .newsListCtn .newsListRow .newsDate.monthOnly { padding: 14px 4px 10px;} .newsListCtn .newsListRow .newsDate.monthOnly .date { font-size: 18px; display: block; margin: 5px 0 0;} .newsListCtn .newsListRow .newsInner { width:auto; overflow: hidden; margin-left: 70px;} .newsListCtn .newsListRow .newsInner h5 { color:#444444 !important; text-transform: none; } .newsListCtn .newsListRow .newsInner span { display:block; padding:12px 0 0; color:#777777; } .newsListCtn .newsListRow .newsInner ul { padding:12px 0 0;} .newsListCtn .newsListRow .newsInner ul>li { padding:0 0 0 18px; background-position: left 7px;} .newsListCtn .newsListRow .newsInner .leftPart { width:70%; margin:18px 0 0;} .newsListCtn .newsListRow .newsInner .leftPart:first-child { margin:0 0 0;} .newsListCtn .newsListRow .newsInner .rightPart { width:28%; max-width: 210px;} .newsListCtn .newsListRow .newsInner .rightPart a:hover { opacity:0.75; filter:alpha(opacity=75); } .newsDetailCtn { } .newsDetailCtn p:first-child { margin-top: 0;} .newsDetailCtn .leftPart { width:72%; } .newsDetailCtn .rightPart { width:24%; max-width: 210px;} .newsDetailCtn .rightPart .newsImg { margin:15px 0 0;} .newsDetailCtn .rightPart .newsImg:first-child { margin:0;} .newsDetailCtn .rightPart a img { display: block; max-width: 100%; width: auto; } .newsDetailCtn .newsDetailInfoCtn { padding:15px 0 25px;} .newsDetailCtn .newsDetailRow { margin:30px 0 0; min-height:65px; padding:8px 0 0 78px; box-sizing:border-box; background: left 0 no-repeat;} .newsDetailCtn .newsDetailRow.iconTime { background-image:url(../img/inner/icon-date.png);} .newsDetailCtn .newsDetailRow.iconLocation { background-image:url(../img/inner/icon-location.png);} .newsDetailCtn .newsDetailRow.iconFee { background-image:url(../img/inner/icon-fee.png);} .newsDetailCtn .newsDetailRow.iconPhone { background-image:url(../img/inner/icon-enquiry.png);} .newsDetailCtn .newsDetailRow h5 { margin:0;} /* ------------------------------------ Shop ------------------------------------ */ .newsListCtn.shop { margin:15px 0 0;} .newsListCtn.shop .newsListRow { padding: 20px 0;} .newsListCtn.shop .newsListRow .newsInner { margin-left: 0;} .newsListCtn.shop .newsListRow .newsInner .rightPart { width:22%; max-width: 160px;} .newsListCtn.shop .newsListRow .newsInner .nopaddingtop { padding:0; } .newsListCtn.shop .newsListRow .newsInner .blackColor { color:#444444;} .newsListCtn.shop .newsListRow .newsInner .leftPart { width:79%;} .shopDetailCtn .shopInnerTitle { display:block; font-size: 23px; line-height:1.2em; padding: 0 0 20px;} .shopDetailCtn ul { padding: 8px 0 0;} .shoprow { padding:25px 0 0;} .shoprow:first-child { padding:0 0 0;} .shoprow .leftPart { width:181px; } .shoprow .rightPart { width:auto; overflow: hidden; margin-left: 200px;} /* ------------------------------------ search ------------------------------------ */ .newsListCtn.search .newsListRow .newsInner { margin-left: 0;} /* ------------------------------------ About Us ------------------------------------ */ .timeYearCtn { position: relative;} .timeBGLine { position: absolute; width:100%; height:2px; background: #444444; left:0; top:0; bottom: 0; margin:auto 0; z-index: 1;} .timeYearCtn>ul { position: relative; z-index: 3; padding: 0px 25px; margin:0 35px;} .timeYearCtn .timeYearItem { } .timeYearCtn .timeYearItem a { text-decoration:none; display: block; margin:0 auto; position:relative; width:96px; height:96px; box-sizing:border-box; border-radius:96px; border:2px solid transparent;} .timeYearCtn .timeYearItem a span { display: block; border-radius:65px; border:2px solid #4699ee; color:#4396E9; margin: 0 auto; height: 65px; width: 65px; text-align:center; position: relative; top:50%; background: #ffffff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .timeYearCtn .timeYearItem a h6 { color:#4396E9; vertical-align:middle; text-align:center; position: absolute; left:0; top:0; right:0; bottom:0; margin: auto; line-height: 91px;} .timeYearCtn .timeYearItem.current a, .timeYearCtn .timeYearItem:hover a { background-position: center 0; border-radius:96px; border:2px solid #4699ee; background: #ffffff;} .timeYearCtn .timeYearItem.current a span, .timeYearCtn .timeYearItem:hover a span { color:#ffffff; height: 84px; width: 84px; position: relative; top:50%; background: #4699ee; } .timeYearCtn .timeYearItem.current a h6, .timeYearCtn .timeYearItem:hover a h6 { color:#ffffff; } /*.timeYearCtn .slick-prev { width:35px; background:url(../img/inner/timeline-left-1.png) center center no-repeat; left:0; } .timeYearCtn .slick-next { width:35px; background:url(../img/inner/timeline-right-1.png) center center no-repeat; right:0; } .timeYearCtn .slick-prev:hover, .timeYearCtn .slick-prev:focus { background:url(../img/inner/timeline-left-2.png) center center no-repeat;} .timeYearCtn .slick-next:hover, .timeYearCtn .slick-next:focus { background:url(../img/inner/timeline-right-2.png) center center no-repeat;} .timeYearCtn .slick-prev.slick-disabled { background:#ffffff url(../img/inner/timeline-left-3.png) center center no-repeat;} .timeYearCtn .slick-next.slick-disabled { background:#ffffff url(../img/inner/timeline-right-3.png) center center no-repeat;}*/ .timeYearCtn .slickButtonsRow { position: absolute; width:100%; height: 100%; left:0; top:0; z-index: 2;} .timeYearCtn .slickButtonsRow .slickButton { width:35px; height: 100%;} .timeYearCtn .slickButtonsRow .slickButton.slickBtnLeft { background: #ffffff url(../img/inner/timeline-left-1.png) center center no-repeat; } .timeYearCtn .slickButtonsRow .slickButton.slickBtnRight { background: #ffffff url(../img/inner/timeline-right-1.png) center center no-repeat; } .timeYearCtn .slickButtonsRow .slickButton.slickBtnLeft:hover { background: #ffffff url(../img/inner/timeline-left-2.png) center center no-repeat; } .timeYearCtn .slickButtonsRow .slickButton.slickBtnRight:hover { background: #ffffff url(../img/inner/timeline-right-2.png) center center no-repeat; } .timeYearCtn .slickButtonsRow .slickButton.slickBtnLeft.slick-disabled { background: #ffffff url(../img/inner/timeline-left-3.png) center center no-repeat; } .timeYearCtn .slickButtonsRow .slickButton.slickBtnRight.slick-disabled { background: #ffffff url(../img/inner/timeline-right-3.png) center center no-repeat; } .timeYearCtn .slickButtonsRow .slick-arrow { position: static; } .timeYearCtn .slickButtonsRow .slick-arrow.slick-hidden { display: block;} .timeYearCtn .slickButtonsRow .slick-arrow.slickBtnLeft.slick-hidden { background: #ffffff url(../img/inner/timeline-left-3.png) center center no-repeat;} .timeYearCtn .slickButtonsRow .slick-arrow.slickBtnRight.slick-hidden { background: #ffffff url(../img/inner/timeline-right-3.png) center center no-repeat;} .timeEventsCtn { position: relative; padding-bottom: 80px; border-bottom:1px solid #cccccc; z-index:1; } .timeEventsCtn::after { content:'';position: absolute; width:1px; left:7px; top:25px; bottom:20px; z-index:0; background: #a2ccf6 url(../img/inner/timeline-line.png) center bottom no-repeat; } .timeEventsCtn .timeEventsItems { position: relative; z-index: 1;} .timeEventsCtn .eventsYear { width:20%; padding:30px 0;} .timeEventsCtn .eventsYear h3 { padding:30px 0 0 30px; background: url(../img/inner/timeline-point.png) left 46px no-repeat;} .timeEventsCtn .eventsList { width:78%; border-top: 1px solid #a2ccf6; padding:30px 0 0;} .timeEventsCtn .timeEventsItems:first-child .eventsYear { padding:0 0 30px;} .timeEventsCtn .accordionSlides:first-child .eventsList { padding:0; border-top: 0;} .timeEventsCtn .accordionSlides:first-child .eventsYear h3 { padding:0 0 0 30px; background-position: left center;} .timeEventsCtn .eventsRow { padding: 20px 0 0;} .timeEventsCtn .eventsRow:first-child { padding:0;} .timeEventsCtn .eventsRow .leftPart { width:69%; padding:0 0 6px 16px; overflow:visible; margin-right:0; background: url(../img/inner/li-1.png) left 7px no-repeat;} .timeEventsCtn .eventsRow .rightPart { width: 180px;} .timeEventsCtn .accordionSlides .head { left:-30px;} .timeEventsCtn .accordionSlides .head h3 { padding: 15px 0px 15px 30px;} .timeEventsCtn .accordionSlides:first-child .head h3 { padding: 0 0px 15px 30px;} .timeEventsCtn .accordionSlides .detail.displayBlock { display: block !important;} .timeEventsCtn .accordionSlides .detailInner { padding:30px 0 0;} .timeEventsCtn .accordionSlides:first-child .detailInner { padding: 0 0 0;} .aboutusPeopleCtn { } .aboutusPeopleCtn>ul { margin:15px -20px;} .aboutusPeopleCtn>ul>li { width:20%; margin-bottom: 15px;} .aboutusPeopleCtn>ul>li .aboutusPeopleItem { margin:0 20px; } .aboutusPeopleItem .imgCtn { display:inline-block; border:1px solid #dfdfdf; padding:3px; height:175px; box-sizing:border-box; position: relative;} .aboutusPeopleItem .imgCtn img { width:auto; height:auto; max-width: none; max-height: 100%; text-align: center; margin:0 auto;} .aboutusPeopleItem .remarks { text-transform: uppercase;} .aboutusPeopleItem h5 { color:#444444 !important; text-transform: none; } /* ------------------------------------ Home ------------------------------------ */ .home .purpleColor { color:#544396; } .home .blueColor { color:#166dc6; } .home .orangeColor { color:#fb6b15; } .home .redColor { color:#f03552; } .home .topHeaderCtn { position:absolute; top:0; right:0; z-index:110;} .home .homeBannerCtn { min-height: 750px; padding-bottom:57px; position:relative; } .home .menuCtn { z-index:110;} /* home banner */ .home .slideShowCtn { } .home .slideShowCtn .slides { width:100%; max-width:100%; position: relative; min-height:750px; z-index: 111;} .home .slides .homeBannerOutside { position: relative; width:100%; left:50%; min-width: 1920px;} .home .slides .homeBannerInner { position: relative; left:-50%; width: 100%;} .home .slides .homeBannerInner img { width: 100%; display:block;} .home .slides .homeBannerSlogan { position: absolute; z-index: 110; left: 0; bottom: 38px; padding:0 50px; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.85); } .home .slides .homeBannerSlogan>p, .home .slides .homeBannerSlogan .generalBtns { transition: transform 1.1s, opacity 1.1s; -webkit-transition:-webkit-transform 1.1s, opacity 1.1s; -ms-transition:-ms-transform 1.1s, opacity 1.1s; transform:translateY(40px) translateZ(0); -webkit-transform:translateY(40px) translateZ(0); -ms-transform:translateY(40px) translateZ(0); opacity:0; filter: alpha(opacity=0);} .home .slides .homeBannerSlogan>p.fadeIn, .home .slides .homeBannerSlogan .generalBtns.fadeIn { transform:translateY(0) translateZ(0); -webkit-transform:translateY(0) translateZ(0); -ms-transform:translateY(0) translateZ(0); opacity:1; filter: alpha(opacity=100);} .home .slides .homeBannerSlogan>p.fadeOut, .home .slides .homeBannerSlogan .generalBtns.fadeOut { transition: transform 0.5s, opacity 0.2s; -webkit-transition:-webkit-transform 0.5s, opacity 0.2s; -ms-transition:-ms-transform 0.5s, opacity 0.2s; transform:translateY(40px) translateZ(0); -webkit-transform:translateY(40px) translateZ(0); -ms-transform:translateY(40px) translateZ(0); opacity:0; filter: alpha(opacity=0);} .home .slides .slogan1 { font-size:54px; line-height:1.2em; margin:0; max-width:540px;} .home .slides .slogan2 { margin:10px 0 0; font-size:25px; line-height:1.2em; } .home .homeSlidePager { position:absolute; max-width:580px; left:0; right:0; bottom:30px; margin:0 auto; z-index:110; text-align:center; width:100%;} .home .homeSlidePager>span { text-indent:-9999px; width:23px; height:23px; margin:0 8px; cursor:pointer; display:inline-block; background:url(../img/banner-dot.png) center 0 no-repeat;} .home .homeSlidePager>span.cycle-pager-active { background-position:center bottom;} .home .homeBannerCtn .generalBtns { margin:20px 0 0;} .home .homeBannerCtn .generalBtns.type2 .arrowRight { position:relative; display:inline-block; color:#ffffff; border: 2px solid #ffffff; padding: 5px 38px 5px 15px;} .home .homeBannerCtn .generalBtns.type2 .arrowRight .arrowSpan { right: 15px; top:7px; width:10px; height:19px; background:url(../img/banner-arrow.png) center 0 no-repeat; } /* home - 3 rows botoom */ .home .homeRowContainer { } .home .homeRowContainer.eventsContainer { background:url(../img/bg1.jpg) center top repeat;} .home .homeRowContainer.newsContainer { background:#ffefd5;} .home .homeRowContainer.linksContainer { background:url(../img/bg2.jpg) center top repeat;} .home .homeRowContainer .homeRowInnerCtn { padding: 40px 0; max-width:1200px; margin:0 auto; } .home .homeRowTitle { text-align:center; padding: 0 0 15px; height:85px; } .home .homeRowTitle img { margin:0 auto; display:block; max-width:100%; width:auto;} .home .itemTextCtn { background:#ffffff; width:auto; padding: 15px 20px 15px 20px; box-sizing: border-box;} .home .itemTextCtn p { margin-top:8px; } .home .itemTextCtnInner { height:100%; overflow:hidden; padding: 0 30px 0 0; } .home .homeRowContainer .itemTextCtnInner h6 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .home .homeRowContainer a:hover { color:#888888;} .home .homeRowContainer a:hover .itemTextCtnInner h6 { color:#888888;} .home .homeRowContainer .imgCtn .imgInnerCtn { height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;} /* home - events row */ .home .eventSlideBox>ul { padding:0 24px; position:relative;} .home .eventSlideBox .eventsrow a { display:block; background:#ffffff; margin:0 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .home .eventSlideBox .eventsrow .imgCtn { height:240px; position: relative; overflow: hidden;} .home .eventSlideBox .eventsrow .eventsDate { position: absolute; top:0; left:12px; color:#ffffff; width: 52px; padding: 14px 10px 10px; min-height: 61px; line-height: 1.2em; box-sizing: border-box; text-align: center; text-transform: uppercase; font-size: 13px; background:url(../img/date.png) center 0 no-repeat; } .home .eventSlideBox .eventsrow .eventsDate .date { font-size: 28px;} .home .eventSlideBox .eventsrow .eventsDate.monthOnly { padding: 14px 4px 10px;} .home .eventSlideBox .eventsrow .eventsDate.monthOnly .date { font-size: 18px; display: block; margin: 5px 0 0;} .home .eventSlideBox .redBar { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color:#ffffff; background:#f03552; position:relative; padding: 6px 20px;} .home .eventSlideBox .redBar .arrowSpan { position:absolute; width:16px; height:16px; top:9px; right:15px; background:url(../img/arrow.png) center 0 no-repeat;} .home .eventsrow .itemTextCtnInner { padding:0;} .home .eventsrow .itemTextCtnInner h6 { max-height: 46px; overflow: hidden;} .home .eventsrow .itemTextCtnInner p { max-height: 68px; overflow: hidden;} .home .eventsrow .itemTextCtn { height:150px;} .home .eventsrow img { -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; width:100%; } .home .eventsrow a:hover { color:#888888;} .home .eventsrow a:hover .redBar { background:#888888;} /* home - news row */ .home .homeRowContainer.newsContainer .twoColumnsCtn>div { width:50.5%; } .home .homeRowContainer.newsContainer .twoColumnsCtn>div:first-child { width:49.5%; } .home .videoCtn { text-align:center;} .home .videoCtn>a { display:block;} .home .videoCtn .imgCtn img { margin:0 auto; } .home .videoCtn .imgCtn { position:relative; } .home .videoCtn>a:hover .iconYTPlay { background-position: center bottom;} .home .videoCtn .captionCtn { margin: 13px 0 0;} .home .newsSlideBox .newsrow { height:133px; width: 100% !important;} .home .newsSlideBox .newsrow a { height:133px; display:block; transition: color 0.5s;} .home .newsSlideBox .newsrow h6 { transition: color 0.5s ease; max-height: 46px; overflow: hidden;} .home .newsSlideBox .newsrow p { max-height: 68px; overflow: hidden;} .home .newsSlideBox .newsrow .dateinfo { width:122px; height:100%; background: url(../img/latestnews-box-left.png) 0 center no-repeat; color:#ffffff;} .home .newsSlideBox .newsrow .dateinfo>div { width:50%; height:34px; text-align:center; font-size:18px; line-height:34px; text-transform:uppercase;} .home .newsSlideBox .newsrow .dateinfo>div.date { width:100%; height:99px; font-size:65px; line-height:99px;} .home .newsSlideBox .newsrow .itemTextCtn { border-radius: 0 8px 8px 0; border:1px solid #d2d2d2; border-left:none; margin-left:122px; height:100%;} .home .newsSlideBox .newsrow .itemTextCtnInner { position: relative; height:auto; top: 50%; overflow: visible; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -ms-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/arrow-latestnews-1.png) right center no-repeat; } .home .newsSlideBox .newsrow a:hover .itemTextCtnInner { background: url(../img/arrow-latestnews-2.png) right center no-repeat;} .home .newsSlideBox .newsrow a:hover, .home .newsSlideBox .newsrow a:hover h6 { color:#888888;} .home .verticleSlideControls { margin:15px 0 0;} .home .verticleSlideControls .slideArrow { height:39px; width:50%; background:#ffb400 center center no-repeat; cursor:pointer; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -ms-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;} .home .verticleSlideControls .slideArrow:first-child { border-right: 1px solid #ffffff; box-sizing:border-box; } .home .verticleSlideControls .slideArrow.arrowUp { border-radius: 8px 0 0 8px; background-image:url(../img/arrow-updown-1.png);} .home .verticleSlideControls .slideArrow.arrowDown { border-radius: 0 8px 8px 0; background-image:url(../img/arrow-updown-2.png);} .home .verticleSlideControls .slideArrow:hover { background-color:#f4840b;} /* home - links row */ .home .linksContainer .threeColumns>li>.threeColsInner a { display:block; min-width:270px; box-sizing:border-box; width:100%; height:97px; padding: 0 0 0 71px; border-radius:8px; } .home .linksContainer .threeColumns>li>.threeColsInner.hotlineItem a { background:#544396 0 center no-repeat;} .home .linksContainer .threeColumns>li>.threeColsInner.serviceItem a { background:#3b2c75 0 center no-repeat;} .home .linksContainer .threeColumns>li>.threeColsInner .itemTextCtn { height: 97px; width:100%; padding: 10px 15px 10px; border-radius: 0 8px 8px 0;} .home .linksContainer .threeColumns>li>.threeColsInner .itemTextCtnInner { position: relative; height:auto; overflow:visible; padding:0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .ui-widget { font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 1em;} .ui-widget-overlay { background: #000000; opacity: 0.8; filter:alpha(opacity=80);} .ui-widget-content { background: #ffffff; max-width: 980px !important;} .ui-draggable .ui-dialog-titlebar { display: none;} .ui-dialog .ui-dialog-titlebar-close { display: none;} .ui-dialog .ui-dialog-content { padding: 40px 40px; word-break:normal; word-wrap:normal;} .ui-dialog .ui-dialog-content p, .ui-dialog .ui-dialog-content p:first-child { margin: 0 0 25px;} .ui-widget button.formBtns { width:auto; margin:0 0 0 50px; border:1px solid #b6bcc1; min-width: 140px; display: inline-block; padding: 8px 10px; color:#444444; background-color: transparent; cursor: pointer; text-transform: uppercase; position: relative; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); font-size: 15px;} .ui-widget button.formBtns:first-child { margin:0 0;} .ui-widget button.formBtns:hover { color:#ffffff; border: 1px solid #e82239; } .ui-widget button.formBtns::after { content: ''; position: absolute; z-index: -1; right:0; bottom:0; top: 0; left: 0; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .ui-widget button.formBtns:hover::after { background:#e82239; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);} .blockSpace { width: 0;} a.not-link{cursor:default;} .captcha.error { border: 1px solid #ff5050; } .innerRightCtnInner a.not-link:hover{color:#777;}