@charset "utf-8";
/*----------------------------------------------------------------------*/
/*  Layout*/
/*----------------------------------------------------------------------*/
.group { *zoom: 1; }
.group:before, .group:after { display: table; content: ""; }
.group:after { clear: both; }
.pawl_p9 {position:relative;width:1224px;padding:0 9px;margin:auto;}
.pawl_p0 {position:relative;width:1242px;padding:0;margin:auto;}
.moblie_mc {display:none;}
a {display: inline-block;}
input::-webkit-input-placeholder {color:#cbcbcb !important;}
input::-moz-placeholder          {color:#cbcbcb !important;}
input:-moz-placeholder           {color:#cbcbcb !important;}
input:-ms-input-placeholder      {color:#cbcbcb !important;}

.input, .select {font-size:14px;}

header, footer, div, p, ul, li, a, input {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

html {padding:0;margin:0;}
body {padding:0;margin:0;color:#666666;font-size:14px;font-weight:400;line-height:1.6; overflow-x:hidden;-webkit-text-size-adjust: none;}

.header {position:relative;width:100%;}
.header .tophead {height:99px;background:#0d3149;color:#ffffff;}
.header .topmenu {height:71px;background:#ececec;}
.header .topmenu .nav li {float:left;height:17px;padding:0px 50px;margin-top:29px;border-right:1px solid #c8d1d6;line-height:9px;}
.header .topmenu .nav li:first-child {padding-left:0;}
.header .topmenu .nav li:last-child {border:none;}
.header .topmenu .nav a {display:inline-block;color:#597e96;font-size:16px;font-weight:300;}
.header .topmenu .nav a:hover {color:#033251;}
.header .topmenu .nav a.active {color:#033251;font-weight:400;}
.header .tophead .brand_ci {display:inline-block;width:418px;height:40px;margin-top:29px;background: url(images/graduate/logo_big.png) no-repeat;background-size:418px 40px;}
.header .tophead .side_R {float:right;padding:21px 0;font-size:14px;text-align:right;}
.header .tophead .side_R .logininfo {color:rgba(255,255,255,0.6);}
.header .tophead .side_R .logininfo span:hover {cursor:pointer; color:rgb(255,255,255);}
.header .tophead .logout_btn, .header .tophead .sjcu_btn {padding:4px 9px;font-size:14px;border:1px solid #314d60;color:#c8d1d6;}
.header .tophead .logout_btn:hover, .header .tophead .sjcu_btn:hover {background:rgba(255,255,255,0.3)}

.loginbox {border:1px solid #cbd6dd;padding:36px 0;}
.loginbox .inner {padding:22px 36px 12px 36px;}
.loginbox .head {font-size:26px;color:#000000;font-weight:400;margin-bottom:24px;}
.loginbox .inputbox {position:relative;height:125px;}
.loginbox .inputbox .opL {margin-right:120px;}
.loginbox .inputbox .opL input {width:100%;height:48px;margin-bottom:7px;font-size:16px;padding:0 11px 0;border:1px solid #d6d6d6;}
.loginbox .inputbox .opR {position:absolute;right:1px;top:0;}
.loginbox .inputbox .login_btn {width:108px;height:103px;color:#ffffff;font-size:18px;text-align:center;line-height:103px;background:#ac854e;}
.loginbox .inner.aL {border-right:1px solid #cbd6dd;}

.loginbox label {font-size:15px;}
.loginbox label input[type=checkbox] {width:16px;height:16px;margin-right:6px;}

.search_CB {margin-top:35px;}
.search_CB .set {display:inline-block;}
.search_CB span {width:96px;text-align:right;color:#000000;font-size:22px;font-weight:500;vertical-align:middle;margin-right:14px;}
.search_CB select {width:292px;color:#515151;height:40px;border:0;border-bottom:2px solid #000000;font-size:18px;}

.shortcut_list {margin-top:28px;}
.shortcut_list li {float:left;width:25%;}
.shortcut_list li .inner {padding:9px;}
.shortcut_list li .inner .title {color:#000000;font-size:24px;font-weight:400;padding:34px 0 0 110px;text-align:center;}
.shortcut_list li .inner .title2 {color:#000000;font-size:20px;font-weight:400;padding:50px 0 0 52%;}
.shortcut_list li .inner .count {color:#ac854e;font-size:50px;font-weight:400;padding:0 0 0 110px;text-align:center;line-height:1.1;cursor:pointer;}
.shortcut_list li .inner .bottom {font-size:15px;padding:10px 0 0 110px;text-align:center;}
.shortcut_list li .inner .box {height:176px;background:#ac854e;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-ms-border-radius: 10px; 
	-o-border-radius:10px; 
	border-radius: 10px;
}
.shortcut_list li .inner .box.shortcut1 {background:#ececec url(images/graduate/main_icon1.png) no-repeat 20% 50%;}
.shortcut_list li .inner .box.shortcut2 {background:#ececec url(images/graduate/main_icon2.png) no-repeat 20% 50%;}
.shortcut_list li .inner .box.shortcut3 {background:#ececec url(images/graduate/main_icon3.png) no-repeat 20% 50%;}
.shortcut_list li .inner .box.shortcut4 {background:#ececec url(images/graduate/main_icon4.png) no-repeat 20% 50%;}
.shortcut_list li .inner .box.shortcut5 {background:#ececec url(images/graduate/main_icon5.png) no-repeat 20% 50%;}
.shortcut_list li .inner .box.shortcut6 {background:#ececec url(images/graduate/main_icon6.png) no-repeat 20% 50%;}

.shortcut_list li .inner .box.active {border:2px solid #ac854e;}
.shortcut_list li .inner .box.active .count {text-decoration:underline;}
.shortcut_list li .inner .box.active.shortcut1 {background:#ffffff url(images/graduate/main_icon1_over.png) no-repeat 20% 50%;}
.shortcut_list li .inner .box.active.shortcut2 {background:#ffffff url(images/graduate/main_icon2_over.png) no-repeat 20% 50%;}
.shortcut_list li .inner .box.active.shortcut3 {background:#ffffff url(images/graduate/main_icon3_over.png) no-repeat 20% 50%;}
.shortcut_list li .inner .box.active.shortcut4 {background:#ffffff url(images/graduate/main_icon4_over.png) no-repeat 20% 50%;}
.shortcut_list li .inner .box.active.shortcut5 {background:#ffffff url(images/graduate/main_icon5_over.png) no-repeat 20% 50%;}
.shortcut_list li .inner .box.active.shortcut6 {background:#ffffff url(images/graduate/main_icon6_over.png) no-repeat 20% 50%;}

.notice.aL {margin-top:26px;padding-right:30px;}
.notice.aR {margin-top:26px;padding-left:30px;}
.notice .head {height:30px;}
.notice .head p {float:left;color:#000000;font-size:20px;font-weight:400;}
.notice .head .allview_btn {float:right;color:#000000;font-size:14px;text-decoration:underline;}

.notice .notice_list {margin-top:14px;}
.notice.aL .notice_list li {background:url(images/graduate/icon_dot2.png) no-repeat 1px 13px;padding-left:10px;}
.notice .notice_list li a {display:block;padding:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.notice .notice_list li a .title {float:left;width:calc(100% - 80px);color:#000000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.notice .notice_list li a .date {float:right;color:#b4b4b4;}
.notice .notice_list li a:hover .title {text-decoration:underline;}

.notice .notice_list li a .tag {display:inline-block;min-width:78px;margin-right:6px;color:#ac854e;font-size:13px;text-align:center;border:1px solid #ac854e;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	-ms-border-radius: 0; 
	-o-border-radius:0;
	border-radius: 0;
}

.guide {padding:26px 28px;background:#edf2f5;}
.guide .head_title {font-size:20px;color:#0d3149;font-weight:400;}
.guide ol {padding-left:24px;color:#37578e;}
.guide .title {color:#37578e;font-weight:400;}
.guide .txt {color:#222222;}

.dot_txt {padding:0 0 0 13px!important;background:url(images/graduate/icon_dot.png) no-repeat 2px 10px;}

.site_guide {position:fixed;z-index:10;width:80px;height:300px;top:230px;right:calc(50% - 730px);}
.site_guide .circle_btn {width:98px;height:98px;background:#ac854e;color:#ffffff;text-align:center;margin-bottom:10px;
	-webkit-border-radius: 49px; 
	-moz-border-radius: 49px; 
	-ms-border-radius: 49px; 
	-o-border-radius:49px;
	border-radius: 49px;
}
.site_guide .circle_btn.btn1 {background:#ac854e url(images/graduate/icon_wifi.png) no-repeat center 17px;}
.site_guide .circle_btn.btn2 {background:#ac854e url(images/graduate/icon_headset.png) no-repeat center 15px;}
.site_guide .circle_btn.btn3 {background:#ac854e url(images/graduate/icon_paper.png) no-repeat center 17px;}
.site_guide .circle_btn p {margin-top:51px;line-height:13px;}
.site_guide .top_btn {margin-left:33px;line-height:15px;text-align:center;color:#677681;font-size:16px;margin-top:18px;}

.block_list {border:1px solid #cccccc;}
.block_list li {position:relative;border-bottom:1px solid #cccccc;padding:8px 8px 8px 8px;background:#ffffff;}
.block_list li:last-child {border:none;}
.block_list li b {font-weight:600;}
.block_list.style1 li .forward {float:left; width:80px;}
.block_list.style1 li .forward .label {width:74px;padding:8px 0px;}
.block_list.style1 li .texts {margin:-1px 0 0 84px;width:calc(100% - 180px);}
.block_list li .texts .title {font-size:15px;width:100%;color:#222222;padding:2px 0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.block_list li .texts .title a {display:inline;color:#222222;}
.block_list li .texts .title .label {font-weight:500;font-size:14px;margin-right:6px;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;;border-radius: 0px !important;}
.block_list li .texts .info {font-size:13px;color:#777777;}
.block_list li .texts .info span {display:inline-block;background:url(images/graduate/icon_dot2.png) no-repeat 0 10px;padding:0 16px 0 5px;}
.block_list.style1 li .backward {position:absolute;top:8px;right:8px;text-align:right;}
.block_list.style1 li .backward .score {font-size:17px;font-weight:600;color:#222222;margin-top:-5px;}
.block_list.style1 li .backward .button {width:80px;padding:0;}
.block_list.style2 li .texts {width:100%;}
.block_list.style3 li .forward {float:left; width:80px;}
.block_list.style3 li .texts {margin:-1px 0 0 84px;width:calc(100% - 90px);}

.board_list.board_list li {cursor:pointer;}
.board_list.board_list li:hover {background:#f2f2f2;}

.board_view {border-top:2px solid #999999;}
.block_label {background-color:#eeeeee;}
.block_label .label {font-size:14px !important;}
.block_label .field {font-size:14px;}
.block_label >.label>span {padding:5px 0 0 8px;}
.block_label >.field .cell {padding:2px 6px 3px;}
.block_label >.field .cell > div {padding:4px 6px 3px 6px;line-height:1.6;}
.block_label {border:1px solid #cccccc;border-top:none;border-right:none;background-color:#ebecf7;}
.block_label >.field {border-left:1px solid #cccccc;background-color:#ffffff;}
.block_label >.field>div {color:#777777;}


.replybox {padding:0;overflow:hidden;margin-top:16px;border-top:2px solid #7092BE}
.replybox .block_label {background-color:#D8DCE3 !important;}

span.label.tiny {display:inline-block;height:13px;padding: 0px 3px 0px;font-size:12px;line-height:13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* .board_view .group {border-bottom:1px solid #bbbbbb;}
.board_view .group .label {padding:6px 12px;background:#f2f2f2;font-weight:600;}
.board_view .group .field {padding:10px 20px;background:#ffffff;font-weight:400;}
.board_view.response {border-top:2px solid #7092BE;line-height:1.6;}
.board_view.response .group {border-bottom:1px solid #CAD1DA;}
.board_view.response .group .label {background:#D8DCE3;}
 */
.accordion_list {border-top:1px solid #0279c1;}
.accordion_list li .head {min-height:70px;padding-bottom:6px;background:url(images/graduate/faq_q.png) no-repeat 24px 12px;border-bottom:1px solid #c3c3c3;}
.accordion_list li .head .title {font-size:16px;padding:12px 80px 0;font-weight:600;color:#222222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(images/graduate/arrow_down.png) no-repeat right 26px;}
.accordion_list li .head .title.active {background:url(images/graduate/arrow_up.png) no-repeat right 26px;}
.accordion_list li .head .title a {display:inline;color:#222222;}
.accordion_list li .head p.info {font-size:13px;padding:0 80px 6px;font-weight:300;color:#777777;}
.accordion_list li .head p.info span {display:inline-block;}
.accordion_list li .content {display:none;padding:17px 40px 17px 80px;font-size:14px;color:#818181;background:#f6f6f6 url(images/graduate/faq_a.png) no-repeat 24px 12px;border-bottom:1px solid #c3c3c3;}

.accordion_list li {cursor:pointer;}

.icon-question-round {color:#ba0a3c;vertical-align:baseline;cursor:pointer;}
.guide_alert {position:absolute;width:280px;border:1px solid #ba0a3c;}
.guide_alert .head {padding:0px 8px;background:#ba0a3c;}
.guide_alert .head p {float:left;padding:2px 0;color:#ffffff !important;}
.guide_alert .head p .title {color:#ffffff;}
.guide_alert .head a.close_btn {float:right;color:#ffffff;font-size:16px;}
.guide_alert .contents {padding:12px 16px;background:#ffffff;}

.filelist_alert {position:absolute;width:280px;border:1px solid #ac854e;}
.filelist_alert .head {padding:0px 8px;background:#ac854e;}
.filelist_alert .head p {float:left;padding:2px 0;color:#ffffff !important;}
.filelist_alert .head p .title {color:#ffffff;}
.filelist_alert .head a.close_btn {float:right;color:#ffffff;font-size:16px;}
.filelist_alert .contents {padding:12px 16px;background:#ffffff;}
.filelist_alert .contents li a {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.filelist_alert_btn {cursor:pointer;}

.footer {min-height:120px;padding-bottom:24px;color:#bac6cf;background:#596a75;overflow:hidden;}
.footer .inner {background:url(images/graduate/footer_logo.png) no-repeat 8px 40px;}
.footer .info {padding:38px 0 0 220px;font-size:13px;}
.footer .info span {padding-right:32px;}
.footer span {display:inline-block;}

@media screen and (max-width:1480px) {
	.site_guide {position:absolute;z-index:10;width:auto;height:71px;top:99px;right:0;overflow:hidden;}
	.site_guide .circle_btn {float:left;width:84px;height:71px;border-left:1px solid #9D7947;
		-webkit-border-radius: 0; 
		-moz-border-radius: 0; 
		-ms-border-radius: 0; 
		-o-border-radius:0;
		border-radius: 0;
	}
	.site_guide .circle_btn:first-child {border:none;}
	.site_guide .circle_btn.btn1 {background-position: center 7px;}
	.site_guide .circle_btn.btn2 {background-position: center 8px;background-size:auto 26px;font-size:12px !important;}
	.site_guide .circle_btn.btn3 {background-position: center 9px;}
	.site_guide .circle_btn p {margin-top:37px;line-height:13px;}
	.site_guide .top_btn {display:none;}
	.site_guide .circle_btn:before {background:transparent !important;}
}

@media screen and (max-width:1224px) {
	.pawl_p9 {width:100%;}
	.pawl_p0 {width:100%;}
	.header .topmenu .nav li:first-child {padding-left:50px;}
}

@media screen and (max-width:1024px) {
	.shortcut_list li .inner .box {height:160px;background-size:auto 72px !important;}
	.shortcut_list li .inner .title {padding-left:42%;font-size:20px;}
	.shortcut_list li .inner .title2 {padding-left:50%;font-size:17px;}
	.shortcut_list li .inner .count {padding-left:40%;font-size:38px;}
	.shortcut_list li .inner .bottom {padding-left:40%;}
	.row-fluid .span33 {width:50%;}
	.loginbox .span33 .inner {border-right:1px solid #cbd6dd;}
	.loginbox .span33:nth-child(2) .inner {border:none;}
}

@media screen and (max-width:920px) {
	.shortcut_list li {width:50%;}
}

@media screen and (max-width:800px) {
	.pawl_p9 {width:100%;}
	.pawl_p0 {width:100%;}
	.notice.aL {padding-right:0px;}
	.notice.aR {padding-left:0px;}
	.row-fluid .span33 {width:100%;}
	.row-fluid .span5 {width:100%;}
	.row-fluid .span5.R {border-left:1px solid #bbbbbb;}
	.loginbox .inner {border:none;}
	.loginbox .inner.aL {padding-bottom:42px;border:none;border-bottom:1px solid #cbd6dd !important;}
	.pcview {display:none;}
	.moblie_mc {display:inline-block;}
	.search_box {text-align:right;}
	.search_box > div {display:inline-block;clear:both;float:none;text-align:right;padding-right:0;padding-left:10px;}
	.search_box .search_btns {display:block;text-align:right;clear:both;float:none !important;margin-top:4px;}
	.block_list li {padding:4px 6px 4px 6px;}
	.block_list li .forward {width:58px !important;}
	.block_list li .forward .label {font-size:12px !important;width:58px !important;padding:6px 2px !important;margin-top:2px;}
	.block_list.style1 li .texts {margin:3px 0 0 69px;width:calc(100% - 130px);}
	.block_list li .texts .title {font-size:15px;}
	.block_list li .backward {right:6px;}
	.block_list li .backward .score {margin-top:0;width:58px;border:1px solid #bbbbbb;padding:0px 6px;text-align:center;}
	.block_list li .backward .button {font-size:13px;width:58px !important;height:30px;line-height:30px;margin-top:-3px !important;}
	.block_list.style3 li .texts {margin:-1px 0 0 69px;width:calc(100% - 68px);}
	.guide ol li{font-size:13px;}
	body {position:relative;}
	.footer {margin-bottom:42px;}
	.site_guide {position:absolute;z-index:10;width:100%;height:42px;top:auto;bottom:0;right:0;}
	.site_guide .circle_btn {float:left;width:50%;height:42px;
		-webkit-border-radius: 0; 
		-moz-border-radius: 0; 
		-ms-border-radius: 0; 
		-o-border-radius:0;
		border-radius: 0;
	}
	.site_guide .circle_btn:first-child {border:none;}
	.site_guide .circle_btn.btn1 {background-position: 4px 8px;background-size:auto 23px;}
	.site_guide .circle_btn.btn2 {background-position: 4px 9px;background-size:auto 22px;font-size:12px !important;}
	.site_guide .circle_btn.btn3 {background-position: 4px 7px;background-size:auto 26px;}
	.site_guide .circle_btn p {margin-top:3px;}
	.site_guide .circle_btn.btn2 p {margin-top:7px;}
	.site_guide .top_btn {display:none;}
}
@media screen and (max-width:690px) {
	.header .tophead .brand_ci.ms {margin-top:45px;}
	.header .tophead .side_R {float:none;position:absolute;padding:0;right:12px;top:12px;}
	.header .tophead .sjcu_btn {display:none;}
	.header .tophead .brand_ci {width:100%;background-position:center center;}
	.header .tophead .logininfo {display:none;}
	.header .topmenu .pawl_p9 {text-align:center;}
	.header .topmenu .nav {display:inline-block;}
	.header .topmenu .nav li {padding:0 42px}
	.header .topmenu .nav li:first-child {padding-left:42px;}
	.shortcut_list.pawl_p0 {padding-right:4px;padding-left:2px;}
	.shortcut_list li .inner {padding:6px;}
	.shortcut_list li .inner .box {height:140px;background-size:auto 80px !important;background-position:16% 50% !important;}
	.shortcut_list li .inner .title {font-size:18px;font-weight:400;padding:26px 0 0 100px;text-align:center;}
	.shortcut_list li .inner .title2 {font-size:16px;padding:40px 0 0 44%;}
	.shortcut_list li .inner .count {padding:0 0 0 100px;}
	.shortcut_list li .inner .bottom {padding:6px 0 0 100px;}
	.loginbox {padding:0 18px;}
	.loginbox .inner {padding:34px 0 34px 0;}
	.loginbox .head {text-align:center;margin-bottom:14px;}
	.loginbox .inputbox .opL {width:100%;margin-right:0;}
	.loginbox .inputbox .opR {position:static;width:100%;display:block;}
	.loginbox .inputbox .login_btn {float:none;height:52px !important;line-height:52px;}
	.loginbox .inputbox input {height:52px;}
	.loginbox label {display:inline-block;padding-top:16px;}
	.footer .info {padding:90px 0 0 0;}
	.guide {padding:16px 16px;}
	.simulation_btnset {margin:12px 0 0 !important;}
	.row-fluid .span33 {width:100%;}
	.loginbox .span33 .inner {border-right:none;}
}
@media screen and (max-width:480px) {
	.header .topmenu .nav li {padding:0 30px}
	.header .topmenu .nav li:first-child {padding-left:30px;}
	.search_CB {margin-top:16px;}
	.search_CB span {font-size:19px;margin-right:10px;}
	.search_CB select {width:242px;font-size:18px;}
	.shortcut_list {margin-top:20px;}
	.shortcut_list li .inner {padding:4px;}
	.shortcut_list li .inner .box {height:134px;background-size:auto 64px !important;background-position:13% 50% !important;}
	.shortcut_list li .inner .title {font-size:18px;font-weight:400;padding:26px 0 0 76px;text-align:center;}
	.shortcut_list li .inner .title2 {font-size:16px;padding:34px 0 0 40%;}
	.shortcut_list li .inner .count {padding:0 0 0 76px;}
	.shortcut_list li .inner .bottom {padding:6px 5px 0 65px;}
	.header .tophead .brand_ci {background-size:360px 34px;background-position:center center;}
	.accordion_list li .head {background-position:6px 12px;}
	.accordion_list li .head .title {padding:12px 54px 0;}
	.accordion_list li .head p.info {padding:0 54px;}
	.ns_tab > li a {font-size:14px !important;padding:0px 12px;}
}
@media screen and (max-width:410px) {
	.header .topmenu .nav li {padding:0 18px}
	.header .topmenu .nav li:first-child {padding-left:18px;}
	.header .tophead .brand_ci {background-size:306px 29px;background-position:center center;}
	.shortcut_list li .inner .title2 {font-size:15px;}
	.footer .info {font-size:11px;}
	.site_guide .circle_btn p {text-align:left;margin-left:34px;}
}