html, body{ height: 100%; width: 100%; } /* General Reset */ body{ margin:0; color: #fff; font: 18px/21px 'Lato', 'Microsoft Yahei', SimSun, STXihei, sans-serif; min-width: 964px; background: #7c6900 url(/_assets/images/bg-body.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover; } img{border-style:none;} input, textarea, select{ color:#000; vertical-align:middle; font:100% Verdana, Geneva, KaiTi, 楷体, STKaiti, 华文楷体, sans-serif; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner{ border: none; padding: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } form,fieldset{ margin:0; padding:0; border-style:none; } blockquote, q{quotes: none;} q:before, q:after {content: '';} a{ color:#fac200; text-decoration:none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } a:hover{color: #fff;} a:focus, button:focus, input:focus, textarea:focus, select:focus{outline:none;} /* General settings */ .wrapper{ overflow: hidden; position: relative; min-height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container{ width: 964px; margin: 0 auto; } .container:after{ content: ''; clear: both; display: block; } body.menu-opened{overflow: hidden;} .CN{font-size: 90% !important;} .no-display {display:none !important} .table-responsive {font-size:12px;} .table-responsive a {color:#C90} /* header */ #header{ background:#441e00 url(/_assets/images/bg-header.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover; position: relative; padding-top: 16px; margin-bottom: 77px; width: 100%; z-index: 50; } #header:before{ content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yOCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 57%, rgba(0,0,0,0.28) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(57%,rgba(0,0,0,0.13)), color-stop(100%,rgba(0,0,0,0.28))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 57%,rgba(0,0,0,0.28) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 57%,rgba(0,0,0,0.28) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 57%,rgba(0,0,0,0.28) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 57%,rgba(0,0,0,0.28) 100%); height: 24px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: -1; } .no-cssgradients #header:before{background: url(/_assets/images/bg-header-shadow.png) repeat-x;} #header .container{position: relative;} #header .logo{ float: left; background: url(/_assets/images/logo/logo.png) no-repeat; color: #fff; font: 24px/32px 'Orbitron', KaiTi, 楷体, STKaiti, 华文楷体, serif; height: 78px; text-shadow: 0 0 8px rgba(3,3,3,.21), 0 0 10px rgba(3,3,3,.21); margin: -4px 0 0 4px; } #header .logo a{ color: #fff; float: left; padding: 17px 0 0 102px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; } #header .logo a:hover{color: #fac200;} /* navbar */ .navbarMenu{float: right;} /* name change from navbar to prevent conflict with bootstrap-table */ .menu{ text-align: right; list-style: none; padding: 0 0 15px; margin: 0; font-size: 0; line-height: 0; font-family: 'AdobeBlank', 'Microsoft YaHei New', 'Microsoft Yahei', 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif; } .menu br{display: none;} .menu li{ display: inline-block; vertical-align: top; position: relative; font: 14px/18px 'Lato', 'Microsoft YaHei New', 'Microsoft Yahei', 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif; } .menu li+li{margin-left: 20px;} .menu li+li:before{ content: ''; width: 1px; height: 14px; background: #fdc60b; position: absolute; top: 50%; left: -11px; margin-top: -6px; } .menu a{color: #fdc60b;} .menu a:hover{color: #fff;} .menu .logout-link a{ display: inline-block; position: relative; padding-right: 20px; } .menu .logout-link a:before, .menu .logout-link a:after{ content: ''; position: absolute; top: 0; right: 0; background: url(/_assets/images/ico-logout.svg) no-repeat; width: 14px; height: 17px; margin: 0 0 0 5px; -webkit-background-size: 14px 34px; background-size: 14px 34px; } .no-svg .menu .logout-link a:before, .no-svg .menu .logout-link a:after{background-image: url(/_assets/images/ico-logout.png);} .menu .logout-link a:before{ background-position: 0 -17px; opacity: 0; z-index: 5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .no-opacity .menu .logout-link a:before{display: none;} .menu .logout-link a:hover:before{opacity: 1;} .no-opacity .menu .logout-link a:hover:before{display: block;} /* main-nav */ #main-nav{ list-style: none; margin: 0; padding: 0; position: absolute; bottom: -38px; left: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.1px; line-height: 0; font-family: 'AdobeBlank'; text-align: justify; z-index: 100; } #main-nav:after{ content: ''; display: inline-block; width: 100%; vertical-align: top; } #main-nav > li{ display: inline-block; vertical-align: top; font: 700 15px/21px 'Lato', 'Microsoft YaHei New', 'Microsoft Yahei', 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif; /* size increase from 700 13px/18px */ position: relative; font-variant:small-caps !important; /* added */ } #main-nav > li+li{margin-left: 6px;} #main-nav > li > a{ text-transform: uppercase; display: block; background: #4d4d4d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzQ4NDk0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iIzJhMmEyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzIzMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4d4d4d 0%, #484948 17%, #2a2a2a 79%, #232323 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(17%,#484948), color-stop(79%,#2a2a2a), color-stop(100%,#232323)); background: -webkit-linear-gradient(top, #4d4d4d 0%,#484948 17%,#2a2a2a 79%,#232323 100%); background: -o-linear-gradient(top, #4d4d4d 0%,#484948 17%,#2a2a2a 79%,#232323 100%); background: -ms-linear-gradient(top, #4d4d4d 0%,#484948 17%,#2a2a2a 79%,#232323 100%); background: linear-gradient(to bottom, #4d4d4d 0%,#484948 17%,#2a2a2a 79%,#232323 100%); -pie-background: linear-gradient( #4d4d4d 0%,#484948 17%,#2a2a2a 79%,#232323 100%); position: relative; border-radius: 5px; padding: 4px 8px 3px; color: #fff; text-align: center; -webkit-transition: none; -o-transition: none; transition: none; } #main-nav .has-drop:hover > a, #main-nav > li > a:hover{ background: #4d4d4d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODQ4NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4d4d4d 0%, #484848 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#484848)); background: -webkit-linear-gradient(top, #4d4d4d 0%,#484848 100%); background: -o-linear-gradient(top, #4d4d4d 0%,#484848 100%); background: -ms-linear-gradient(top, #4d4d4d 0%,#484848 100%); background: linear-gradient(to bottom, #4d4d4d 0%,#484848 100%); -pie-background: linear-gradient( #4d4d4d 0%,#484848 100%); } #main-nav .has-drop > a{padding-right: 22px;} #main-nav .has-drop > a:after{ content: ''; position: absolute; top: 50%; right: 7px; border: solid transparent; border-width: 5px 5px 0; border-top-color: #fdc60b; margin-top: -2px; } #main-nav .has-drop:hover > a{border-radius: 5px 5px 0 0;} #main-nav > li ul{ list-style: none; padding: 0 0 3px; margin: 0; position: absolute; min-width: 100%; background: #484847; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NDg0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzJhMmEyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIzMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #484847 0%, #2a2a29 73%, #222322 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484847), color-stop(73%,#2a2a29), color-stop(100%,#222322)); background: -webkit-linear-gradient(top, #484847 0%,#2a2a29 73%,#222322 100%); background: -o-linear-gradient(top, #484847 0%,#2a2a29 73%,#222322 100%); background: -ms-linear-gradient(top, #484847 0%,#2a2a29 73%,#222322 100%); background: linear-gradient(to bottom, #484847 0%,#2a2a29 73%,#222322 100%); border-radius: 0 0 5px 5px; min-height: 119px; left: -9999px; top: -9999px; } .no-cssgradients #main-nav > li ul{background:#222222 url(/_assets/images/bg-drop.png) repeat-x;} #main-nav .has-drop:hover > ul{ left: 0; top: 100%; } #main-nav > li ul li{padding: 5px 16px 2px;} #main-nav > li ul a{color: #fdc60b;} #main-nav > li ul a:hover{color: #fff;} /* tabs-nav */ .tabs-nav{ list-style: none; padding: 0; margin: 0; text-align: right; font-size: 0; line-height: 0; font-family: 'AdobeBlank'; } .tabs-nav li{ display: inline-block; vertical-align: top; font: 15px/18px 'Lato', 'Microsoft YaHei New', 'Microsoft Yahei', 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif; text-transform: uppercase; text-shadow: 0 0 7px rgba(56,56,56,.31); } .tabs-nav li+li{margin-left: 7px;} .tabs-nav a{ display: block; border-radius: 5px 5px 0 0; color: #fff; background: #d1c68a; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxYzY4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2M0Yjk3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2IzYTY1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzhlN2QxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZjZlMDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d1c68a 0%, #c4b977 20%, #b3a659 40%, #8e7d1d 78%, #7f6e05 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1c68a), color-stop(20%,#c4b977), color-stop(40%,#b3a659), color-stop(78%,#8e7d1d), color-stop(100%,#7f6e05)); background: -webkit-linear-gradient(top, #d1c68a 0%,#c4b977 20%,#b3a659 40%,#8e7d1d 78%,#7f6e05 100%); background: -o-linear-gradient(top, #d1c68a 0%,#c4b977 20%,#b3a659 40%,#8e7d1d 78%,#7f6e05 100%); background: -ms-linear-gradient(top, #d1c68a 0%,#c4b977 20%,#b3a659 40%,#8e7d1d 78%,#7f6e05 100%); background: linear-gradient(to bottom, #d1c68a 0%,#c4b977 20%,#b3a659 40%,#8e7d1d 78%,#7f6e05 100%); -pie-background: linear-gradient(#d1c68a 0%,#c4b977 20%,#b3a659 40%,#8e7d1d 78%,#7f6e05 100%); padding: 12px 22px 11px; position: relative; } .tabs-nav a:hover{ background: #7f6e05; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdmNmUwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iIzhlN2QxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2IzYTY1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2M0Yjk3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWM2OGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #7f6e05 0%, #8e7d1d 22%, #b3a659 60%, #c4b977 80%, #d1c68a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f6e05), color-stop(22%,#8e7d1d), color-stop(60%,#b3a659), color-stop(80%,#c4b977), color-stop(100%,#d1c68a)); background: -webkit-linear-gradient(top, #7f6e05 0%,#8e7d1d 22%,#b3a659 60%,#c4b977 80%,#d1c68a 100%); background: -o-linear-gradient(top, #7f6e05 0%,#8e7d1d 22%,#b3a659 60%,#c4b977 80%,#d1c68a 100%); background: -ms-linear-gradient(top, #7f6e05 0%,#8e7d1d 22%,#b3a659 60%,#c4b977 80%,#d1c68a 100%); background: linear-gradient(to bottom, #7f6e05 0%,#8e7d1d 22%,#b3a659 60%,#c4b977 80%,#d1c68a 100%); -pie-background: linear-gradient( #7f6e05 0%,#8e7d1d 22%,#b3a659 60%,#c4b977 80%,#d1c68a 100%); } .tabs-nav a:before{ content: ''; position: absolute; top: 50%; } .tabs-nav a:after{ content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yOCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 57%, rgba(0,0,0,0.28) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(57%,rgba(0,0,0,0.13)), color-stop(100%,rgba(0,0,0,0.28))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 57%,rgba(0,0,0,0.28) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 57%,rgba(0,0,0,0.28) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 57%,rgba(0,0,0,0.28) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.13) 57%,rgba(0,0,0,0.28) 100%); height: 24px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; } .no-cssgradients .tabs-nav a:after{background: url(/_assets/images/bg-header-shadow.png) repeat-x;} .tabs-nav .profile-link{padding-left: 47px;} .tabs-nav .profile-link:before{ left: 12px; background: url(/_assets/images/ico-tab01.png) no-repeat; width: 30px; height: 37px; margin-top: -19px; } .tabs-nav .courses-link{padding-left: 45px;} .tabs-nav .courses-link:before{ left: 6px; background: url(/_assets/images/ico-tab02.png) no-repeat; width: 37px; height: 37px; margin-top: -18px; } /* login-page */ .login-page{ display: table; width: 100%; background-color: #084b8c; background-image: url(/_assets/images/login/bg-login-page.jpg); } .login-page .wrapper{ padding: 30px 0 40px; display: table-cell; vertical-align: middle; } .login-page .container{width: 774px;} .login-page h1{ margin: 0 0 43px; text-align: center; color: #fff; font: 44px/44px 'Orbitron', KaiTi, 楷体, STKaiti, 华文楷体, serif; text-shadow: 0 0 8px rgba(3,3,3,.21), 0 0 10px rgba(3,3,3,.21); } .open-menu{ position: absolute; top: 50%; right: 10px; width: 22px; height: 20px; padding: 10px; border-radius: 5px; font-size: 0; line-height: 0; margin-top: -20px; display: none; } .open-menu:hover{background: rgba(255,255,255,.2);} .open-menu span{ display: block; height: 4px; background: #f2bc00; } .open-menu span+span{margin-top: 4px;} /* main */ #main{ position: relative; z-index: 2; padding-bottom: 44px; } .main-title{ /* background: url(/_assets/images/logo-title.png) no-repeat; remove as logo is a variable */ background-repeat:no-repeat; padding: 15px 0 15px 91px; font: 36px/44px 'Alegreya SC', 'Microsoft YaHei New', 'Microsoft Yahei', 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, serif; text-shadow: 0 0 7px rgba(53,48,53, .6); white-space:nowrap; margin: 0 0 20px; height: 75px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-links{ list-style: none; padding: 0; margin: 0 -16px; font-size: 0; line-height: 0; font-family: 'AdobeBlank', KaiTi, 楷体, STKaiti, 华文楷体, serif; } .main-links li{ padding: 10px 13px; /*reduce top/bottom from 14px */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; display: inline-block; vertical-align: top; font: 24px/30px 'Alegreya SC', KaiTi, 楷体, STKaiti, 华文楷体, serif; /* reduce font size */ } .main-links a{ color: #fff; text-shadow: 0 0 7px rgba(40,40,40,.29); display: block; position: relative; border-radius: 10px; background: url(/_assets/images/bg-main-links.png) no-repeat; -webkit-background-size: 944px 218px; background-size: 944px 218px; width: 472px; height: 109px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 35px 20px 0 118px; /* realign menu word after font addjustment*/ white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .main-links a:after, .main-links a:before{ content: ''; position: absolute; background: url(/_assets/images/icons-main-links@2x.png) no-repeat; -webkit-background-size: 155px 290px; /* cut images coordinates */ background-size: 155px 290px; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .main-links a:after{opacity: 0;} .main-links a:before{z-index: 5;} .main-links a:hover:after{opacity: 1;} .main-links a:hover:before{opacity: 0;} .no-opacity .main-links a:after{display: none;} .no-opacity .main-links a:hover:after{display: block;} .no-opacity .main-links a:hover:before{display: none;} .no-backgroundsize .main-links a:after, .no-backgroundsize .main-links a:before{background-image: url(/_assets/images/icons-main-links.png);} .main-links .link-academic{background-position: 0 0;} .main-links .link-news{ background-position: -472px 0; padding-left: 132px; } .main-links .link-test{ background-position: 0 -109px; padding-left: 122px; } .main-links .link-campus{ background-position: -472px -109px; padding-left: 132px; } .main-links .link-academic:after, .main-links .link-academic:before{ width: 67px; height: 67px; background-position: 0 0; left: 32px; top: 21px; } .main-links .link-news:after, .main-links .link-news:before{ width: 87px; height: 67px; background-position: -67px 0; left: 32px; top: 18px; } .main-links .link-test:after, .main-links .link-test:before{ width: 75px; height: 75px; background-position: 0 -67px; left: 30px; top: 14px; } .main-links .link-campus:after, .main-links .link-campus:before{ width: 78px; height: 78px; background-position: -75px -67px; left: 34px; top: 15px; } .main-links .link-academic:after{background-position: 0 -145px;} .main-links .link-news:after{background-position: -67px -145px;} .main-links .link-test:after{background-position: 0 -212px;} .main-links .link-campus:after{background-position: -75px -212px;} /* help */ .help-icon { width:90%; list-style: none; padding: 0; margin:0 auto; font-size: 0; line-height: 0; font-family: 'AdobeBlank', KaiTi, 楷体, STKaiti, 华文楷体, serif; } .help-icon img{ margin:10px; } /* login-form */ .help-icon a{ } .login-form{ background: url(/_assets/images/login/bg-login-form.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; border-radius: 20px; overflow: hidden; position: relative; padding: 27px 136px 27px 348px; width: 774px; height: 509px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; } #btn-confirm { /* added for yellow button */ padding: 5px 10px !important; } .login-form .img{ position: absolute; bottom: 0; left: 0; border-radius: 0 0 0 20px; } .login-form h2{ margin: 0 -100px 31px -312px; text-align: center; font: 30px/39px 'Montserrat', 'Microsoft YaHei New', 'Microsoft Yahei', 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif; text-shadow: 0 0 8px rgba(3,3,3,.21), 0 0 10px rgba(3,3,3,.21); } .login-form h2 span{ display: block; text-shadow: none; padding-top: 3px; font: 300 24px/34px 'Lato', 'Microsoft YaHei New', 'Microsoft Yahei', 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif; } .login-form h3{ margin: 0 0 15px; font-weight: 400; font-size: 20px; line-height: 21px; } .login-form .input-group{ position: relative; background: #fff; border-radius: 6px; border: solid #ebebeb; border-width: 2px 2px 5px; padding: 0 0 0 47px; margin-bottom: 16px; } .login-form .input-group .ico{ position: absolute; top: 0; bottom: 0; left: 0; width: 47px; font-size: 0; line-height: 0; } .login-form .input-group .ico-user{ background: url(/_assets/images/login/ico-user.svg) no-repeat 50% 50%; -webkit-background-size: 18px 18px; background-size: 18px 18px; } .no-svg .login-form .input-group .ico-user{background-image: url(/_assets/images/login/ico-user.png);} .login-form .input-group .ico-pass{ background: url(/_assets/images/login/ico-password.png) no-repeat 50% 50%; -webkit-background-size: 14px 16px; background-size: 14px 16px; } .login-form .form-control{ border: none; background: none; color: #595959; font: 300 18px/22px 'Lato', 'Microsoft YaHei New', 'Microsoft Yahei', 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif; padding: 0; margin: 0; width: 100%; height: 46px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .login-form .form-control::-moz-placeholder { color: #595959; opacity: 1; } .login-form .form-control:-ms-input-placeholder {color: #595959;} .login-form .form-control::-webkit-input-placeholder {color: #595959;} .login-form .input-group.password{ background: url(/_assets/images/login/bg-password-input.png); border-color: #d4dae2; } .login-form .btn-yellow{ display: block; width: 100%; margin-bottom: 24px; } .login-form .welcome-msg{ margin:10px; padding:10px; height:250px; float:right; display:block; width:65%; overflow-x:hidden; overflow-y:scroll; } #welcome { /* widen the tutorial msg */ padding: 10px 20px !important; } .btn-yellow, .btn-green{ display: inline-block; vertical-align: top; border: solid #d96a5d; border-width: 0 0 4px; background: #f5ca34; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1Y2EzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2YzYzIyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2VlYTgwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYzllMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5ca34 0%, #f3c22a 25%, #eea80c 73%, #ec9e00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ca34), color-stop(25%,#f3c22a), color-stop(73%,#eea80c), color-stop(100%,#ec9e00)); background: -webkit-linear-gradient(top, #f5ca34 0%,#f3c22a 25%,#eea80c 73%,#ec9e00 100%); background: -o-linear-gradient(top, #f5ca34 0%,#f3c22a 25%,#eea80c 73%,#ec9e00 100%); background: -ms-linear-gradient(top, #f5ca34 0%,#f3c22a 25%,#eea80c 73%,#ec9e00 100%); background: linear-gradient(to bottom, #f5ca34 0%,#f3c22a 25%,#eea80c 73%,#ec9e00 100%); -pie-background: linear-gradient( #f5ca34 0%,#f3c22a 25%,#eea80c 73%,#ec9e00 100%); text-align: center; color: #fff; font: 700 24px/30px 'Lato', 'Microsoft YaHei New', 'Microsoft Yahei', 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif; font-variant:small-caps; position: relative; border-radius: 6px; text-shadow: 0 0 6px rgba(132,94,0,.75); padding: 15px 15px 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-yellow:hover, .btn-green:hover{ background: #ec9e00; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjOWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iI2VlYTgwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2YzYzIyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWNhMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ec9e00 0%, #eea80c 27%, #f3c22a 75%, #f5ca34 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec9e00), color-stop(27%,#eea80c), color-stop(75%,#f3c22a), color-stop(100%,#f5ca34)); background: -webkit-linear-gradient(top, #ec9e00 0%,#eea80c 27%,#f3c22a 75%,#f5ca34 100%); background: -o-linear-gradient(top, #ec9e00 0%,#eea80c 27%,#f3c22a 75%,#f5ca34 100%); background: -ms-linear-gradient(top, #ec9e00 0%,#eea80c 27%,#f3c22a 75%,#f5ca34 100%); background: linear-gradient(to bottom, #ec9e00 0%,#eea80c 27%,#f3c22a 75%,#f5ca34 100%); -pie-background: linear-gradient( #ec9e00 0%,#eea80c 27%,#f3c22a 75%,#f5ca34 100%); } .btn-green{ font: 700 18px/20px 'Lato', 'Microsoft YaHei New', 'Microsoft Yahei', 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, sans-serif !important; } .btn-green:hover{ background: #D93A0D; } .login-form .bull{ font-size: 10px; line-height: 20px; display: inline-block; vertical-align: top; padding: 1px 4px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* footer */ .login-page #footer{ color: #fff; font-size: 14px; line-height: 18px; padding: 16px 0 0; } .login-page #footer p{margin: 0;} .login-page #footer p br{display: none;} #footer{padding-bottom: 20px;} #footer .top{ background: #4d4d4d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iIzQ4NDg0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iIzJhMjkyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4d4d4d 0%, #484848 16%, #2a2929 69%, #1c1c1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(16%,#484848), color-stop(69%,#2a2929), color-stop(100%,#1c1c1c)); background: -webkit-linear-gradient(top, #4d4d4d 0%,#484848 16%,#2a2929 69%,#1c1c1c 100%); background: -o-linear-gradient(top, #4d4d4d 0%,#484848 16%,#2a2929 69%,#1c1c1c 100%); background: -ms-linear-gradient(top, #4d4d4d 0%,#484848 16%,#2a2929 69%,#1c1c1c 100%); background: linear-gradient(to bottom, #4d4d4d 0%,#484848 16%,#2a2929 69%,#1c1c1c 100%); -pie-background: linear-gradient( #4d4d4d 0%,#484848 16%,#2a2929 69%,#1c1c1c 100%); position: relative; border-radius: 10px; padding: 17px 19px 15px; font: 22px/30px 'Alegreya SC', KaiTi, 楷体, STKaiti, 华文楷体, serif; margin-bottom: 25px; } #footer .top:after{ content: ''; clear: both; display: block; } #footer .top h4{ margin: 0; float: left; background: url(/_assets/images/ico-knight.svg) no-repeat; -webkit-background-size: 26px 37px; background-size: 26px 37px; font-size: 20px; line-height: 28px; font-weight: normal; padding: 2px 0 2px 38px; min-height: 37px; max-width: 40%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .no-svg #footer .top h4{background-image: url(/_assets/images/ico-knight.png);} #footer .top ul{ list-style: none; padding: 0; margin: 3px -26px 0 0; float: right; /* max-width: 60%; */ } #footer .top ul li{ float: left; margin-right: 30px; /* adjusted from 36 px */ } #footer .top a{ position: relative; display: block; } #footer .top a:after, #footer .top a:before{ content: ''; position: absolute; top: 50%; left: 0; -webkit-background-size: 100% auto; background-size: 100% auto; background-repeat: no-repeat; background-position: 50% 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } #footer .top a:before{z-index: 5;} #footer .top a:hover:before{opacity: 0;} #footer .top a:after{ opacity: 0; background-position: 0 100%; } #footer .top a:hover:after{opacity: 1;} .no-opacity #footer .top a:hover:before{display: none;} .no-opacity #footer .top a:after{display: none;} .no-opacity #footer .top a:hover:after{display: block;} #footer .top a:hover{color: #fff !important;} #footer .top .link01{ color: #f1b817; padding-left: 40px; } #footer .top .link02{ padding-left: 43px; color: #a0c4ff; } #footer .top .link03{ padding-left: 48px; color: #f22849; } #footer .top .link04{ padding-left: 37px; color: #62d920; } #footer .top .link05{ padding-left: 33px; color: #d6cb91; } #footer .top .link01:after, #footer .top .link01:before{ background-image: url(/_assets/images/icon/footerGold.svg); -webkit-background-size: 30px 60px; background-size: 30px 60px; width: 30px; height: 30px; margin-top: -19px; } #footer .top .link02:after, #footer .top .link02:before{ background-image: url(/_assets/images/icon/footervc1.svg); -webkit-background-size: 30px 60px; background-size: 30px 60px; width: 30px; height: 30px; margin-top: -17px; } #footer .top .link03:after, #footer .top .link03:before{ background-image: url(/_assets/images/icon/footerKnowledge.svg); -webkit-background-size: 30px 60px; background-size: 30px 60px; width: 30px; height: 30px; margin-top: -18px; } #footer .top .link04:after, #footer .top .link04:before{ background-image: url(/_assets/images/icon/footerSkill.svg); -webkit-background-size: 30px 60px; background-size: 30px 60px; width: 30px; height: 30px; margin-top: -18px; } #footer .top .link05:after, #footer .top .link05:before{ background-image: url(/_assets/images/icon/footerReward.svg); -webkit-background-size: 30px 60px; background-size: 30px 60px; width: 30px; height: 30px; margin-top: -16px; } .no-svg #footer .top .link01:after, .no-svg #footer .top .link01:before{background-image: url(/_assets/images/icon/footerGold.png);} .no-svg #footer .top .link02:after, .no-svg #footer .top .link02:before{background-image: url(/_assets/images/icon/footervc1.png);} .no-svg #footer .top .link03:after, .no-svg #footer .top .link03:before{background-image: url(/_assets/images/icon/footerKnowledge.png);} .no-svg #footer .top .link04:after, .no-svg #footer .top .link04:before{background-image: url(/_assets/images/icon/footerSkill.png);} .no-svg #footer .top .link05:after, .no-svg #footer .top .link05:before{background-image: url(/_assets/images/icon/footerReward.png);} #footer .copy{ color: #000; font-size: 12px; line-height: 22px; padding: 12px 2px; } #footer .copy:after{ content: ''; clear: both; display: block; } #footer .copy p { margin: 0; float: left; width:50%; } #footer .copy p br{display: none;} #footer .logo{ float: left; text-indent: -9999px; overflow: hidden; background: url(/_assets/images/logo/logo-footer.png) no-repeat; width: 55px; height: 50px; margin: -12px 7px -12px 0; } /*defunct - replace by logo by #footer .logo2{ float: right; text-indent: -60px; background: url(/_assets/images/logo/logo-footer2.png) no-repeat; width: 150px; height: 50px; margin: -22px -22px 0 0; } */ #footer .copy .by{ float: right; font-size: 14px; line-height: 18px; margin-top: -17px; } #footer .copy .by span{float: right;} #footer .copy .by img{ float: right; margin: -5px 0 0 3px; } #footer .logo a{ display: block; height: 100%; } .fader{display: none;} /*********************************************************************/ .iconLink{ margin-top: -15px; height:15px; } /*********************************************************************/ @media screen and (min-width: 965px) {#main-nav > li ul{display: block !important;}} @media screen and (max-width: 964px) { body{min-width: 320px;} .container{ padding-left: 15px; padding-right: 15px; width: auto; } /* header */ #header{ padding-top: 0; margin-bottom: 36px; } #header .container{padding-top: 5px;} .open-menu{display: block;} .navbarMenu{ position: fixed; top: 79px; bottom: 0; overflow-y: auto; right: -67%; width: 66.25%; background: #353535; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 15px; -webkit-transition: right .3s; -o-transition: right .3s; transition: right .3s; } .menu-opened .navbarMenu{right: 0;} .menu{ background: #4c2300; padding: 15px 15px 16px; margin: 0 -15px; } .menu li{ display: block; line-height: 22px; } .menu br{display: block;} .menu li + li{ margin-left: 0; padding-top: 11px; } .menu li + li:before{display: none;} .menu .logout-link a:before, .menu .logout-link a:after{top: 2px;} #main-nav{ position: static; font-size: 0; margin: 0 -15px 32px; width: auto; border-bottom: 1px solid #000; -webkit-box-shadow: 0 1px 0 #5d5d5d; box-shadow: 0 1px 0 #5d5d5d; } #main-nav > li{ display: block; border-top: 1px solid #000; } #main-nav > li + li{margin-left: 0;} .touch #main-nav > li:hover > a, .touch #main-nav .has-drop:hover > a, #main-nav .has-drop > a, #main-nav > li > a{ background: none; border-radius: 0; text-align: right; padding: 8px 30px 6px; border-top: 1px solid #5d5d5d; } #main-nav .has-drop:hover > a{border-radius: 0;} #main-nav .has-drop > a:after{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; right: 13px; } #main-nav .has-drop.active > a:after{ -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } #main-nav > li ul{ position: static; background: none; text-align: right; padding-bottom: 7px; min-height: 1px; display: none; } #main-nav > li ul li{padding-right: 30px;} .tabs-nav{ margin: 0 -12px 30px; text-align: left; } .tabs-nav li{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 4px; } .tabs-nav a{border-radius: 5px;} .tabs-nav a:after{border-radius: 0 0 5px 5px;} .tabs-nav li + li{margin: 0;} /* main */ .main-links a{ width: auto; -webkit-background-size: 200% 218px; background-size: 200% 218px; } .main-links .link-news{background-position: 100% 0;} .main-links .link-campus{background-position: 100% -109px;} /* footer */ #footer .top h4{ float: none; max-width: none; margin-bottom: 5px; } #footer .top ul{ float: none; font-size: 0.1px; line-height: 0; font-family: 'AdobeBlank'; text-align: justify; margin: 0; } #footer .top ul:after{ content: ''; display: inline-block; vertical-align: top; height: 0; width: 100%; } #footer .top ul li{ display: inline-block; vertical-align: top; float: none; font: 20px/24px 'Alegreya SC', KaiTi, 楷体, STKaiti, 华文楷体, serif; padding-top: 10px; } } @media screen and (max-width: 804px), screen and (orientation: landscape) and (max-width: 804px), screen and (orientation: portrait ) and (max-width: 804px) { .login-page .container{width: auto;} .login-form{ width: auto; height: auto; padding-right: 106px; padding-left: 308px; } .login-form h2{margin: 0 -86px 31px -288px;} .login-form .img{ width: 260px; height: auto; } } @media screen and (max-width: 767px), screen and (orientation: landscape) and (max-width: 767px), screen and (orientation: portrait ) and (max-width: 767px) { body{ background: #8d7801; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkNzgwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjOGU3OTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjOTY3ZjA5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzYlIiBzdG9wLWNvbG9yPSIjYjE5YzI2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYmRhNzMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjYmNhNjMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjIlIiBzdG9wLWNvbG9yPSIjYjZhMDJiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjOWE4NDBlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhlNzkwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, #8d7801 0%, #8e7901 3%, #967f09 12%, #b19c26 36%, #bda733 50%, #bca632 54%, #b6a02b 62%, #9a840e 85%, #8e7901 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8d7801), color-stop(3%,#8e7901), color-stop(12%,#967f09), color-stop(36%,#b19c26), color-stop(50%,#bda733), color-stop(54%,#bca632), color-stop(62%,#b6a02b), color-stop(85%,#9a840e), color-stop(100%,#8e7901)); background: -webkit-linear-gradient(left, #8d7801 0%,#8e7901 3%,#967f09 12%,#b19c26 36%,#bda733 50%,#bca632 54%,#b6a02b 62%,#9a840e 85%,#8e7901 100%); background: -o-linear-gradient(left, #8d7801 0%,#8e7901 3%,#967f09 12%,#b19c26 36%,#bda733 50%,#bca632 54%,#b6a02b 62%,#9a840e 85%,#8e7901 100%); background: -ms-linear-gradient(left, #8d7801 0%,#8e7901 3%,#967f09 12%,#b19c26 36%,#bda733 50%,#bca632 54%,#b6a02b 62%,#9a840e 85%,#8e7901 100%); background: linear-gradient(to right, #8d7801 0%,#8e7901 3%,#967f09 12%,#b19c26 36%,#bda733 50%,#bca632 54%,#b6a02b 62%,#9a840e 85%,#8e7901 100%); } /* header */ #header{ background: #723300; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyMzMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzcxMzIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iIzRmMjMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzIyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #723300 0%, #713200 15%, #4f2300 81%, #4c2200 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#723300), color-stop(15%,#713200), color-stop(81%,#4f2300), color-stop(100%,#4c2200)); background: -webkit-linear-gradient(top, #723300 0%,#713200 15%,#4f2300 81%,#4c2200 100%); background: -o-linear-gradient(top, #723300 0%,#713200 15%,#4f2300 81%,#4c2200 100%); background: -ms-linear-gradient(top, #723300 0%,#713200 15%,#4f2300 81%,#4c2200 100%); background: linear-gradient(to bottom, #723300 0%,#713200 15%,#4f2300 81%,#4c2200 100%); margin-bottom: 16px; } #header:before{display: none;} #header .container{ padding-top: 13px; padding-bottom: 13px; } #header .logo{ margin: 0 0 0 2px; background: none; font-size: 18px; line-height: 22px; height: auto; } #header .logo a{padding: 0;} .open-menu{right: 3px;} /* navbar */ #main-nav{margin-bottom: 15px;} .navbarMenu{top: 48px;} .menu{ padding-top: 0; padding-bottom: 18px; } .tabs-nav{margin: 0 0 5px;} .tabs-nav li{ display: block; width: auto; margin-bottom: 10px; font-size: 14px; line-height: 14px; padding: 0; } .tabs-nav a{ height: 28px; display: table-cell; width: 1%; vertical-align: middle; } /* main */ #main{padding-bottom: 13px;} .main-title{ /* background: none; change to no repeat as image is variable */ background-repeat:no-repeat !important; /* addedd */ font-size: 24px; line-height: 45px; /* change to accomodate logo */ min-height: 1px; margin-bottom: 14px; } .main-links{margin: 0 -3px;} .main-links li{ padding: 0 0 3px; width: 100%; font-size: 20px; line-height: 33px; } .main-links a{ height: 71px; -webkit-background-size: 200% 142px; background-size: 200% 142px; padding: 15px 10px 0 70px !important; } .main-links a:after, .main-links a:before{ -webkit-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6); } .main-links .link-academic:after, .main-links .link-academic:before{ top: 3px; left: 5px; } .main-links .link-news:after, .main-links .link-news:before{ top: -1px; left: -6px; -webkit-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); } .main-links .link-test{background-position: 0 -71px;} .main-links .link-test:after, .main-links .link-test:before{ top: -3px; left: 1px; -webkit-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); } .main-links .link-campus{background-position: 100% -71px;} .main-links .link-campus:after, .main-links .link-campus:before{ top: -3px; left: -1px; } /* login-page */ .login-page{ background: none; display: block; font-size: 16px; line-height: 21px; } .login-page .wrapper{ display: block; padding: 18px 0 11px; min-height: 100%; background: #094d8e; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5NGQ4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iIzBhNGU4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzEwNTY5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzFjNjlhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg5JSIgc3RvcC1jb2xvcj0iIzIwNmRhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDZkYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #094d8e 0%, #0a4e8e 26%, #105698 46%, #1c69ab 78%, #206daf 89%, #206daf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#094d8e), color-stop(26%,#0a4e8e), color-stop(46%,#105698), color-stop(78%,#1c69ab), color-stop(89%,#206daf), color-stop(100%,#206daf)); background: -webkit-linear-gradient(top, #094d8e 0%,#0a4e8e 26%,#105698 46%,#1c69ab 78%,#206daf 89%,#206daf 100%); background: -o-linear-gradient(top, #094d8e 0%,#0a4e8e 26%,#105698 46%,#1c69ab 78%,#206daf 89%,#206daf 100%); background: -ms-linear-gradient(top, #094d8e 0%,#0a4e8e 26%,#105698 46%,#1c69ab 78%,#206daf 89%,#206daf 100%); background: linear-gradient(to bottom, #094d8e 0%,#0a4e8e 26%,#105698 46%,#1c69ab 78%,#206daf 89%,#206daf 100%); } .login-page h1{ font-size: 24px; line-height: 26px; margin-bottom: 17px; } .login-form{ background: #003570; padding: 10px 18px 33px 18px; border-radius: 10px; } .login-form header{ padding-left: 105px; min-height: 100px; overflow: hidden; } .login-form .img{ top: 8px; left: 20px; width: 72px; height: auto; } .login-form h2{ font-size: 16px; line-height: 17px; margin: 0 0 15px; text-align: left; } .login-form h2 span{ font-size: 14px; line-height: 17px; padding: 0; } .login-form h3{ font-size: 18px; margin-bottom: 13px; } .login-form .input-group{ padding-left: 33px; } .login-form .input-group .ico{ width: 33px; } .login-form .form-control{ height: 29px; font-size: 16px; padding: 0 0 1px; } .login-form .input-group .ico-user{ -webkit-background-size: 13px auto; background-size: 13px auto; } .login-form .input-group .ico-pass{ -webkit-background-size: 11px auto; background-size: 11px auto; } .login-form .btn-yellow{margin: 22px 0 27px;} .btn-yellow{ font-size: 21px; padding: 11px 10px 10px; } /* footer */ .login-page #footer{ font-size: 12px; line-height: 22px; padding: 11px 0 0; } .login-page #footer p br{display: block;} #footer{padding-bottom: 15px;} #footer .top{ padding: 15px 23px 10px; margin-bottom: 16px; } #footer .top a{padding-left: 53px !important;} #footer .top .link04:after, #footer .top .link05:after, #footer .top .link04:before, #footer .top .link05:before{left: 3px;} #footer .top h4{ line-height: 27px; padding: 6px 0 0 45px; } #footer .top ul{ text-align: left; margin: 0 -7px 0 -17px; } #footer .top ul li{ margin: 0; width: 33%; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 10px 10px; } #footer .copy{padding: 0;} #footer .logo{ float: none; margin: 0 0 7px; display: block; } #footer .logo2{ float: right; margin: 0 0 7px; display: block; } #footer .copy p br{display: block;} .menu-opened .fader{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 40; } } @media screen and (max-width: 479px), screen and (orientation: landscape) and (max-width: 479px), screen and (orientation: portrait ) and (max-width: 479px) { #footer .top ul li{width: 50%;} } /* new 13.03.15 */ #header.space01{margin-bottom: 69px;} .login-form h3{color: inherit;} #main{ padding-bottom: 25px; overflow: hidden; } .main-links{padding-bottom: 19px;} /* main-content */ .main-content{ background: #fff; border-radius: 10px; padding: 23px 30px 47px; color: #000; font-size: 14px; line-height: 18px; position: relative; } .main-content:after{ content: ''; clear: both; display: block; } .breadcrumbs{ list-style: none; padding: 0 0 5px; margin: 0; text-align: right; font-size: 0; line-height: 0; text-transform: uppercase; clear: both; width: 100%; } .breadcrumbs li{ display: inline-block; vertical-align: top; font-size: 12px; line-height: 16px; } .breadcrumbs li+li:before{ content: '>'; width: 12px; text-align: center; display: inline-block; vertical-align: top; } .breadcrumbs a{color: #006894;} .breadcrumbs a:hover{color: #000;} .main-content .subnav{ float: left; width: 173px; margin-right: 30px; } /* subnav */ .subnav{ position: relative; background: #4d4d4d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4d4d4d 0%, #1c1c1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#1c1c1c)); background: -webkit-linear-gradient(top, #4d4d4d 0%,#1c1c1c 100%); background: -o-linear-gradient(top, #4d4d4d 0%,#1c1c1c 100%); background: -ms-linear-gradient(top, #4d4d4d 0%,#1c1c1c 100%); background: linear-gradient(to bottom, #4d4d4d 0%,#1c1c1c 100%); -pie-background: linear-gradient( #4d4d4d 0%,#1c1c1c 100%); border-radius: 10px; font-size: 12px; padding: 4px 0; } .subnav .menu-opener{display: none;} .subnav ul{ list-style: none; padding: 0; margin: 0; } .subnav li+li{ border-top: 1px solid rgba(0,0,0,.4); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.2); } .no-rgba .subnav li+li{border-top: 1px solid #000;} .subnav a{ display: block; padding: 14px 26px 13px; position: relative; color: #fabf00; } .subnav .active > a, .subnav a:hover{color: #fff;} .subnav .active > a:before{ content: ''; position: absolute; top: 18px; left: 12px; border: solid transparent; border-width: 6px 0 6px 6px; border-left-color: #fff; } /* content */ .content{ overflow: hidden; padding: 5px 0 0; font-size:16px; /* added for p tag */ line-height:20px; /* added for p tag */ } h2{ font: 30px/38px 'Alegreya SC', KaiTi, 楷体, STKaiti, 华文楷体, serif; margin: 0 0 15px; line-height: 30px; /* added */ } h2 > span{ display: block; font-size: 21px; line-height: 24px; /* adjusted */ margin-top: -13px; } h3{ margin: 0; font-size: 21px; /* increase font size */ line-height: 24px; /* adjusted */ color: #923400; font-weight: normal; } .content p{margin: 0 0 21px;} /* adjusted */ .content ul{ list-style: none; padding: 0; margin: 0 0 18px; } /* info-table */ .info-table{width: 100%;} .info-table h2{ padding: 3px 4px; } .info-table > header{ overflow: hidden; color: #a8a8a8; margin: 0 11px -4px 4px; } .info-table > header strong{ font-weight: normal; float: left; } .info-table > header .cell1{ width: 27.27%; margin: 0 0 0 87px; } .info-table > header .cell3{float: right;} .info-table > ul{ list-style: none; padding: 0; margin: 0; } .info-table > ul li{padding: 18px 11px 24px 4px;} .info-table > ul li:nth-child(even){background: #f5f4ec;} .info-table > ul li.even{background: #f5f4ec;} .info-table > ul li:after{ content: ''; clear: both; display: block; } .info-table .img { float: left; width: 77px; text-align: center; margin: 5px 10px -20px 0; } .info-table .img img{vertical-align: top;} .info-table .img .inf{ color: #a8a8a8; display: none; } .info-table .img .inf strong{ display: block; font-size: 16px; line-height: 22px; color: #923400; padding-bottom: 3px; } .info-table .main-cell{overflow: hidden;} .info-table .main-cell header{ overflow: hidden; color: #923400; font-size: 16px; line-height: 24px; margin-bottom: 4px; } .info-table .main-cell h3, .info-table .main-cell h4{ margin: 0; font-weight: bold; font-size: 16px; line-height: 24px; } .info-table .main-cell h4 {color:#333} .info-table .main-cell p{ margin:0; padding-bottom:5px; width:70%; color:#333; font-size:14px; } .info-table .main-cell a{ color: #923400; } .info-table .main-cell .num{ float: right; margin: 0 8px; font-size:14px; } .info-table .main-cell .row{ overflow: hidden; display: block; } .info-table .main-cell .row+.row{padding-top: 6px;} .info-table .main-cell .cell1{ float: left; width: 31.41%; } .info-table .main-cell .cell2{ display: block; overflow: hidden; font-size: 0.1px; line-height: 0; padding: 0 27px 0 2px; text-align: justify; } .info-table .main-cell .cell2:after{ content: ''; display: inline-block; width: 100%; font-size: 0; line-height: 0; } .info-table .main-cell .cell2 span{ display: inline-block; vertical-align: top; margin: 0 5px; font-size: 14px; line-height: 18px; } /* activity notes - added */ .info-table .main-cell ul{ list-style-position: outside; list-style-type:square; padding-left:15px; } .info-table .main-cell li{ padding:3px; } /* minicard standalone - added */ .minicard{ width:120px; height:163px; float: left; display:inline-block; position:relative; padding-right:20px; } .minicard .cardimage{ position:absolute; width:100px; margin-top:21px; margin-left:10px; } .minicard .cardframe{ position:absolute; } .minicard .cardstatus{ position:absolute; margin-top:18px; margin-left:16px; } .minicard .cardcategory{ position:absolute; margin-top:85px; margin-left:89px; } .minicard .carddifficulty{ position: absolute; margin-top:77px; margin-left:13px; width: 21px; } .minicard .carddifficulty img{ display: block; } .minicard .cardlevel{ position:absolute; margin-top:125px; margin-left:18px; overflow: hidden; } .minicard figcaption{ position: absolute; margin-top:120px; width:80px; padding: 5px 20px; font: 10px/12px 'Alegreya SC', 宋体, 'Microsoft YaHei New', 'Microsoft Yahei', 微软雅黑, SimSun, STXihei, 华文细黑, sans-serif; color: #fff; white-space:normal; line-height:10px; } .minicard h3{ text-align:right; color: inherit; font-family: inherit; font-size: 14px; /* font size readjusted */ line-height: 16px; } .minicard p{margin: 0;} /* miniActivity standalone - added */ .miniActivity{ width:130px; height:167px; float: left; display:inline-block; position:relative; padding-right:20px; } .miniActivity .cardimage{ position:absolute; margin-top:37px; margin-left:8px; } .miniActivity .cardframe{ position:absolute; } .miniActivity .cardstatus{ position:absolute; margin-top:32px; margin-left:53px; } .miniActivity .cardicon{ position:absolute; margin-top:146px; margin-left:12px; } .miniActivity .cardcategory{ position:absolute; margin-top:139px; margin-left:35px; margin-right:15px; height:20px; display:inline; float:left; overflow:hidden; } .miniActivity .cardcategory img{ padding-right:2px; } .miniActivity .cardvc{ position: absolute; margin-left:20px; margin-top:124px; width:20px; } .miniActivity .cardvc img{ height:8px; padding-right:2px; display:inline; float:left; } .miniActivity figcaption{ position: absolute; width:120px; overflow:hidden; text-align:center; font: 10px/12px 'Alegreya SC', 华文楷体, 华文细黑, 'Microsoft YaHei New', SimSun, STXihei, 宋体, 微软雅黑, 'Microsoft Yahei', sans-serif; color: #fff; white-space:normal; line-height:10px; } .miniActivity h2{ height:20px; margin:3px 5px; overflow:hidden; color: #fff; font:inherit; font-size: 12px; line-height:10px; text-shadow: 1px 1px 1px #000; } .miniActivity h3{ margin:0px; padding-top:63px; color: #000; font-family: 'Lato', 华文楷体; font-size: 10px; text-shadow: 1px 1px 1px #FFF; } .miniActivity h4{ /* calendar */ margin:0px; padding-top:8px; padding-left:52px; display:inline; float:left; color:#000; font-family: 'Lato', 华文楷体; font-size: 10px; } .miniActivity h5{ /* quota */ margin:0px; display:inline; float:right; padding-top:9px; padding-right:22px; font-family: inherit; font-size: 10px; } @media screen and (max-width: 479px) { .miniActivity h3{ padding-top:69px; } } /* Activity card - added */ .activity{ position:relative; margin:0; padding:0; width:300px; height:450px; } .activity .cardimage{ position:absolute; margin-top:110px; margin-left:22px; } .activity .cardframe{ position:absolute; margin-top:0; } .activity .cardstatus{ position:absolute; margin-top:77px; margin-left:129px; } .activity .cardicon{ position:absolute; margin-top:364px; margin-left:28px; height:35px; } .activity .cardcategory{ position:absolute; margin-top:408px; margin-left:95px; margin-right:25px; width:250px; height:50px; display:inline; float:left; overflow:hidden; } .activity .cardcategory img{ padding-right:8px; height:20px; } .activity .cardvc{ position: absolute; margin-left:42px; margin-top:305px; width:60px; } .activity .cardvc img{ height:23px; padding-right:4px; padding-bottom:2px; display:inline; float:left; } .activity .cardinstitution{ position:absolute; margin-top:160px; margin-left:220px; width:30px; color:#FFF; line-height:12px; text-shadow: 1px 1px 1px #000; } .activity figcaption{ position: absolute; margin-left:17px; width:280px; overflow:hidden; text-align:center; font-family: 'Alegreya SC', 华文楷体, 华文细黑, SimSun, STXihei, sans-serif; color: #fff; white-space:normal; } .activity h2{ /* title */ margin:17px 10px; height:41px; overflow:hidden; color: #fff; font-family: inherit; font-size: 23px; line-height:22px; text-shadow: 2px 2px 2px #000; } .activity h3{ /* startterm */ margin:0px; padding-top:180px; color: #000; font-family: inherit; font-size: 22px; text-shadow: 1px 1px 1px #fff; } .activity h4{ /* calendar */ margin:0px; display:inline; float:left; padding:43px 0 0 116px; color:#000; font-family: inherit; font-size: 23px; } .activity h5{ /* quota */ margin:0px; width:85px; display:inline; float:right; padding-top:44px; padding-right:15px; font-family: inherit; font-size: 23px; line-height:25px; } .step { background:#D7C4CC; width: 30px; line-height: 30px; display: inline-block; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; color: #fff; font-size: 22px; font-weight: bold; text-align: center; text-shadow: 1px 1px 2px #000; } /* sidebar */ .sidebar{ float: left; width: 213px; margin: 0 16px -22px 0; } /* block */ .sidebar .block{ position: relative; background: #4d4d4d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4d4d4d 0%, #1c1c1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#1c1c1c)); background: -webkit-linear-gradient(top, #4d4d4d 0%,#1c1c1c 100%); background: -o-linear-gradient(top, #4d4d4d 0%,#1c1c1c 100%); background: -ms-linear-gradient(top, #4d4d4d 0%,#1c1c1c 100%); background: linear-gradient(to bottom, #4d4d4d 0%,#1c1c1c 100%); -pie-background: linear-gradient( #4d4d4d 0%,#1c1c1c 100%); border-radius: 10px; font-size: 15px; color: #fff; font-size: 13px; line-height: 16px; padding: 10px 0; margin-bottom: 22px; } .sidebar .block header{padding: 9px 10px 14px 23px ;} .sidebar .block h3{ margin: 0 0 1px; font-size: 15px; line-height: 16px; font-weight: bold; color: #e3d165; } .sidebar .block .box{ border-top: 1px solid rgba(0,0,0,.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.2); padding: 16px 23px 14px; } .no-rgba .sidebar .block .box{border-top: 1px solid #262727;} .sidebar .block dl{margin: 0;} .sidebar .block dl dt{ color: #e3d165; padding-top: 11px; } .sidebar .block dl dd{margin: 0;} /* requirement-planning, discovery side */ .requirement-planning, .discovery .icon-list{ list-style: none; padding: 0 14px 10px 0; margin: 0; font-size: 0; line-height: 0; } .requirement-planning li, .discovery .icon-list li{ display: inline-block; vertical-align: top; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px 0 15px 5px; text-align: center; font-size: 13px; line-height: 16px; } .requirement-planning .ico, .discovery .icon-list .icon{ display: table-cell; width: 1%; height: 52px; vertical-align: middle; } .requirement-planning .ico img, .discovery .icon-list .icon img{ vertical-align: top; } .discovery .icon-list .icon a:hover{ -webkit-filter:drop-shadow(3px 3px 3px white); -moz-filter:drop-shadow(3px 3px 3px white); -ms-filter:drop-shadow(3px 3px 3px white); -o-filter:drop-shadow(3px 3px 3px white); filter:drop-shadow(3px 3px 3px white); } /* side-info */ .side-info{ float: left; width: 324px; margin: 13px 30px 0 0; } .side-info .buttons{ font-size: 0.1px; line-height: 0; text-align: justify; margin-bottom: 9px; } .side-info .buttons:after{ content: ''; display: inline-block; vertical-align: top; width: 100%; font-size: 0; line-height: 0; } /* btn01 */ .btn01{ display: inline-block; vertical-align: top; color: #fff; font: 18px/22px 'Alegreya SC', 'Microsoft YaHei New', 'Microsoft Yahei', 微软雅黑, 宋体, SimSun, STXihei, 华文细黑, serif; position: relative; border-radius: 5px; background: #4d4d4d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzRhNGE0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzI2MjUyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4d4d4d 0%, #4a4a4a 12%, #262526 80%, #1e1e1e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(12%,#4a4a4a), color-stop(80%,#262526), color-stop(100%,#1e1e1e)); background: -webkit-linear-gradient(top, #4d4d4d 0%,#4a4a4a 12%,#262526 80%,#1e1e1e 100%); background: -o-linear-gradient(top, #4d4d4d 0%,#4a4a4a 12%,#262526 80%,#1e1e1e 100%); background: -ms-linear-gradient(top, #4d4d4d 0%,#4a4a4a 12%,#262526 80%,#1e1e1e 100%); background: linear-gradient(to bottom, #4d4d4d 0%,#4a4a4a 12%,#262526 80%,#1e1e1e 100%); -pie-background: linear-gradient( #4d4d4d 0%,#4a4a4a 12%,#262526 80%,#1e1e1e 100%); padding: 1px 13px 3px; text-align: center; -webkit-transition: none; -o-transition: none; transition: none; } .btn01.active, .btn01:hover { text-decoration: none; background: #832800; -pie-background: #832800; } /* visual-box */ .visual-box{ position: relative; border-radius: 5px; background: #000; /* change background color from #242424 */ padding: 9px 6px; margin-bottom: 12px; } /* header deleted to reposition cardstatus and cardcategory .visual-box header{ overflow: hidden; padding: 0 10px 9px 15px; } .visual-box header img{vertical-align: middle;} .visual-box header .left{float: left;} .visual-box header .right{float: right;} .visual-box header .left img{margin-right: 5px;} .visual-box header .right img{margin-left: 5px;} */ /* more-items */ .side-info .more-items{font: 18px/20px 'Alegreya SC', KaiTi, 楷体, STKaiti, 华文楷体, serif;} .side-info .more-items figure{ margin: 0 0 8px; background: #242424; position: relative; border-radius: 5px; padding: 11px 12px; overflow: hidden; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; } .side-info-module{ /*added*/ background: #003 !important; } .side-info .more-items figure > img{ float: left; margin: -3px 12px -3px 0; } .side-info .more-items figure figcaption{ overflow: hidden; color:#FFF; /*added*/ font-size: 18px; line-height:18px; } .side-info .more-items figure strong{ display: block; color:#FF0; margin-bottom:10px; font-weight: normal; font-size: 24px; } .side-info .more-items a{color: #fff;} .side-info .more-items a:hover figure{background: #832800;} .side-info .more-items .more-opener{display: none;} /* media */ @media screen and (max-width: 964px) { #header.space01{margin-bottom: 36px;} } @media screen and (min-width: 767px){ .subnav ul{display: block !important;} .block .slide{display: block !important;} .side-info .more-items .slide{display: block !important;} } @media screen and (max-width: 767px), screen and (orientation: landscape) and (max-width: 767px), screen and (orientation: portrait ) and (max-width: 767px) { #header.space01{margin-bottom: 16px;} .breadcrumbs{ display: none; } .main-content{ padding: 0; background: none; } /* subnav */ .main-content .subnav{ float: none; width: auto; margin: 0 0 16px; } .subnav{ padding: 0; margin-bottom: 16px; } .subnav ul{ display: none; } .subnav .menu-opener{ display: block; cursor: pointer; } .subnav .menu-opener{ position: relative; display: block; padding: 9px 36px 10px; color: #fff; } .subnav .menu-opener:before{ content: ''; position: absolute; top: 12px; left: 18px; border: solid transparent; border-width: 6px 0 6px 6px; border-left-color: #fff; -webkit-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; } .subnav.opened .menu-opener:before{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .subnav li.active{display:none;} /* added by jason to fix mobile */ /* content */ .content{ border-radius: 10px; background: #fff; padding: 14px 18px; } h2{ font-size: 16px; margin-bottom: 10px; } h2 > span{ font-size: 14px; line-height: 16px; margin-top: -3px; } /* info-table */ .info-table{ width: auto; margin: 0 -18px; } .info-table h2{padding: 0 18px;} .info-table > header{display: none;} .info-table > ul li{ padding: 21px 18px; } .info-table .img{ width: 52px; margin: 0 10px 0 0; } .info-table .img img{ max-width: 100%; height: auto; margin-bottom: 16px; } .info-table .img .inf{ display: block; } .info-table .main-cell header{margin-bottom: 6px;} .info-table .main-cell .num{display: none;} .info-table .main-cell h3{ font-size: 16px; line-height: 18px; } .info-table .main-cell .cell1{ float: none; display: block; width: auto; padding-bottom: 6px; min-height: 36px; } .info-table .main-cell .cell2{ padding: 0; text-align: left; } .info-table .main-cell .cell2:after{display: none;} .info-table .main-cell .cell2 span{ display: block; margin: 0; } .info-table .main-cell .row + .row{padding-top: 26px;} /* sidebar */ .sidebar{ float: none; width: auto; margin: 0; padding-bottom: 2px; } .sidebar .block{ padding: 0; margin-bottom: 11px; } .sidebar .block header{ position: relative; padding: 14px 10px 15px 34px; cursor: pointer; } .sidebar .block header:before{ content: ''; position: absolute; top: 16px; left: 19px; border: solid transparent; border-width: 6px 0 6px 6px; border-left-color: #fff; -webkit-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; } .sidebar .block.active header:before{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .sidebar .block header span{ display: block; margin-bottom: -3px; } .block .slide{display: none;} /* side-info */ .side-info{ float: none; width: auto; background: #fff; border-radius: 10px 10px 0 0; padding: 21px 18px 6px; margin: 0 0 -10px; } .side-info .buttons{margin-bottom: 7px;} .btn01{ font-size: 14px; line-height: 18px; padding: 0 10px 2px; } /* visual-box */ .visual-box{ padding: 6px; margin-bottom: 11px; } .visual-box header{ padding: 0 10px 4px 5px; } .visual-box header img{ height: auto; width: 24px; } .visual-box figure figcaption{ font-size: 16px; line-height: 19px; padding: 3px 28px 8px 9px; } .visual-box figure h3{ font-size: 30px; line-height: 38px; margin-bottom: 2px; } .visual-box figure .rate{margin: 0 0 11px -1px;} .visual-box figure .rate img{ width: 21px; height: auto; } .visual-box figure .icons{ right: 10px; top: 8px; width: 15px; } .visual-box figure .icons img{height: auto;} .side-info .more-items figure{margin: 11px 0 0;} .side-info .more-items .more-opener{ display: block; border-radius: 5px; background: #242424; position: relative; color: #fff; font-size: 14px; line-height: 16px; padding: 9px 10px 9px 32px; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .side-info .more-items .more-opener:hover{background: #832800;} .side-info .more-items .more-opener strong{ font-weight: normal; font-size: 16px; padding-right: 3px; } .side-info .more-items .more-opener:before{ content: ''; position: absolute; top: 11px; left: 15px; border: solid transparent; border-width: 6px 0 6px 6px; border-left-color: #fff; -webkit-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; } .side-info .more-items.opened .more-opener:before{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .side-info .more-items .slide{display: none;} } /* additon*/ .graph, .graph1, .graph2 { width:2px; height:20px; display:inline-block; float:left; margin:0; padding:0; background-color:#FFF; } .graph1 {background-color:#B6B66D} .graph2 {background-color:#000} /* dashboard-02 */ .main-links2 li{font-size: 36px;} .main-links .link-disabled{ background: url(/_assets/images/btn-disabled@2x.png) no-repeat; background-size: 473px 110px; padding-left: 130px; color: #cdcdcd; } .main-links .link-disabled:after, .main-links .link-disabled:before{ width: 73px; height: 103px; background: url(/_assets/images/ico-lock@2x.png) no-repeat; background-size: 73px 103px; left: 34px; top: 3px; } .main-links .link-disabled:hover:after{opacity: 0;} .main-links .link-disabled:hover:before{opacity: 1;} .main-links .ico{ display: inline-block; vertical-align: top; width: 16px; margin: 24px 0 0 5px; } /* end dashboard-02 */ /* diagnostic-test */ .test-title{ margin: 0 0 28px; font: 36px/40px 'Alegreya SC', serif; color: #fff; text-shadow: 0 0 8px rgba(53, 48, 54, .9), 0 0 8px rgba(53, 48, 54, .6); padding: 0 3px; } .quiz-area{ color: #000; font-size: 16px; line-height: 18px; padding: 3px 19px 71px; } .quiz-area h2{ color: #000; margin: 0 0 15px; font: 30px/34px 'Alegreya SC', serif; } .quiz-area p{margin: 0 0 18px;} .quiz-area h3{ color: #000; font: 16px/18px 'Lato', sans-serif; margin: 0; } .quiz-area ul{ list-style: none; margin: 0; padding: 0 0 18px; } .quiz-area .check-block{padding: 0 0 27px;} .quiz-area .check-block:after{ content: ''; display: block; clear: both; } .quiz-area .check-block .check{ float: left; width: 16px; height: 15px; padding: 0; margin: 3px 5px 0 0; } .quiz-area .check-block label{ display: block; overflow: hidden; } .quiz-area input[type='submit']{ background: #773500; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3MzUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YjIyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #773500 0%, #4b2200 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#773500), color-stop(100%,#4b2200)); background: -webkit-linear-gradient(top, #773500 0%,#4b2200 100%); background: -o-linear-gradient(top, #773500 0%,#4b2200 100%); background: -ms-linear-gradient(top, #773500 0%,#4b2200 100%); background: linear-gradient(to bottom, #773500 0%,#4b2200 100%); -pie-background: linear-gradient(top, #773500 0%,#4b2200 100%); border: 0; cursor: pointer; display: inline-block; vertical-align: top; padding: 5px 23px 7px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; color: #f8c007; font: 24px/29px 'Alegreya SC', serif; } .quiz-area input[type='submit']:hover{color: #fff;} /* end diagnostic-test */ @media screen and (max-width: 964px) { /* dashboard-02 */ .main-links2 li{font-size: 30px;} .main-links .link-disabled{background-size: 100% 110px;} /* end dashboard-02 */ /* diagnostic-test */ .test-title{ margin: 0 0 20px; font-size: 30px; line-height: 34px; } /* end diagnostic-test */ } @media screen and (max-width: 767px), screen and (orientation: landscape) and (max-width: 767px), screen and (orientation: portrait ) and (max-width: 767px) { /* payment-options */ .payment-options{padding: 20px 0;} .payment-options h1{ font-size: 30px; line-height: 34px; margin: 0 0 20px; } .payment-options h2{margin: 0 0 15px;} .payment-option{width: 170px;} .payment-options .or{padding: 52px 20px 0;} /* end payment-options */ /* dashboard-02 */ .main-links .link-disabled{background-size: 100% 72px;} .main-links .link-disabled:after, .main-links .link-disabled:before{ top: -15px; left: 3px; } .main-links .ico{margin: 15px 0 0 5px;} /* end dashboard-02 */ /* diagnostic-test */ .test-title{ text-align: center; margin: 0 0 10px; font-size: 24px; line-height: 28px; } .quiz-area{ -webkit-border-radius: 10px; border-radius: 10px; padding: 15px; background: #fff; } /* end diagnostic-test */ } @media only screen and (max-width: 479px) { /* payment-options */ .payment-options .or{ display: block; padding: 15px; } /* end payment-options */ } /* discovery */ .discovery .minicard{ width:290px; height:210px; display:block; position:relative; padding-right:20px; } .discovery .minicard .frame{ position:absolute; width:290px; } .discovery .minicard .image{ position:absolute; width:176px; margin-top:18px; margin-left:10px; } .discovery .minicard .compass{ position:absolute; width:80px; margin-top:125px; margin-left:195px; } .discovery .minicard .category{ position:absolute; margin-top:140px; margin-left:208px; width:50px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:25px; background-color:rgba(0, 0, 0, 0.2); filter:drop-shadow(3px 3px 5px orange); -moz-filter:drop-shadow(3px 3px 5px orange); -webkit-filter:drop-shadow(3px 3px 5px orange); } .discovery .minicard .scroll{ position:absolute; margin-top:0; margin-left:0; width:75px; } .discovery .minicard .level{ position:absolute; width:15px; } .discovery .minicard .level.star-1{ margin-top:4px; margin-left:31px; } .discovery .minicard .level.star-2{ margin-top:15px; margin-left:37px; } .discovery .minicard .level.star-3{ margin-top:27px; margin-left:40px; } .discovery .minicard .level.star-4{ margin-top:38px; margin-left:40px; } .discovery .minicard .level.star-5{ margin-top:50px; margin-left:38px; } .discovery .minicard figcaption{ position: absolute; margin-top:25px; margin-left:165px; white-space:normal; } .discovery .minicard h3{ width:80px; color: #000; font: 12px 'Alegreya SC', 宋体, 'Microsoft YaHei New', 'Microsoft Yahei', SimSun, STXihei, sans-serif; font-size: 14px; /* font size readjusted */ text-align:center; text-shadow:2px 2px 2px #fff; line-height: 16px; overflow:hidden; } .discovery .main-cell { padding-left:20px; } @media screen and (max-width: 479px) { .discovery .main-cell { display: none; } }