@charset "gb2312";

/*common responsive*/
@media (max-width: 1199px) {
.header .search_small .s_txt{ -moz-width:calc(100% - 132px); -ms-width:calc(100% - 132px); -o-width:calc(100% - 132px); -webkit-width:calc(100% - 132px); width:calc(100% - 132px);}
.footer{padding:15px 0 10px;}
.register{padding-left:50%; padding-right:5%; background-size:80% auto;}
.regform dl dd img{margin-top:0;}

.common-tab-head{height:42px;}
}
/*1024*/
@media (min-width: 993px) and (max-width: 1199px) {
.header .search_small{width:36%;}
}

/*ipad 980*/
@media (min-width: 769px) and (max-width: 992px) {
.header .search_small{width:40%;}
.header .logo{width:38%; background-size:100% auto;}
.header .wzq{left:40%;}
.register{padding:6% 8%;background:#fff;}

.picSlider,.gdds-live{width:100%;}
.picSlider{margin-bottom:22px;}

.Course-search .w1{width:100%;}
.Course-search .w2{width:100%;}
.Course-search .w3{width:100%;}
.Course-search .w4{width:50%;}
.Course-search .input-text-c,
.Course-search .input-text-m{width:74%;}
.Course-search .abutton{padding-top:10px; margin-left:90px;}

}



/*mobile*/
@media (max-width: 768px) {
.panel{width:96%;}
.header .search_small, .mainnav{display:block;}
.header .panel{width:100%;}
.header .inheader{height:108px;}
.header .logo{position:absolute; width:288px; height:100%; max-width:62%; margin:auto; top:0; right:0; bottom:0; left:0; background-position: center center; background-size:100% auto;}
.header .wzq{display:none;}
.header .search_small{display:none;}
.header_ssicon, .header_navicon{position:absolute; top:0; bottom:0; display:block; margin:auto; max-width:8%; height:100%; background-size:100% auto; cursor:pointer; background-repeat:no-repeat; background-position:center center;}
	
.header_ssicon{left:3%; width:38px; background-image:url(imagescommonheader-ss.png);}
.header_navicon{right:3%; width:43px; background-image:url(imagescommonheader-nav.png);}
	
.header .search_small{background:rgba(0,72,133,0.9); padding:20px 3%; position:absolute; top:108px; left:0; width:100%; z-index:99;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */	}
.header_ss .SearchTxt{float:left; height:40px;  -moz-width:calc(100% - 60px); -ms-width:calc(100% - 60px); -o-width:calc(100% - 60px); -webkit-width:calc(100% - 60px); width:calc(100% - 60px); border:#67d212 1px solid; border-right:none; border-radius:5px 0 0 5px; padding-left:10px; padding-right:10px;}
.header_ss .SearchBtn{float:left; width:60px; height:40px; border:0; padding:0; background:#67d212; color:#fff; cursor:pointer; font-size:1em; -webkit-appearance:none;border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -ms-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;}
	
.header .mainnav{width:100%; padding-top:5px; padding-bottom:5px; line-height:180%;}
.header .mainnav ul li{float:left; text-align:center; width:25%; }
.header .mainnav ul li a{display:block; height:auto; padding-top:2px; padding-bottom:2px; color:#fff;}
.header .mainnav ul li a:hover{color:#fff; background-color:#4692e8;}
.header .mainnav ul li.on{background-color:#3aaaea;}
.header .mainnav ul li.on a{color:#fff;}
.header .mainnav ul li.on a:hover{background-color:#3aaaea;}

.header .navgation{position:absolute; top:108px; width:100%; padding-top:22px; padding-bottom:22px; line-height:200%; background:#1D73D8; font-weight:700;}
.header .navgation ul li{float:left; text-align:center; width:33.33%; padding:0;}
.header .navgation ul li a{display:block; width:90%; margin:auto; padding:0; height:auto; color:#fff;}
.header .navgation ul li a:hover{color:#fff; background:#3188d8;}
.header .navgation ul li.on{background:none;}
.header .navgation ul li.on a{color:#fff;}
.header .subStation{background:rgba(0,72,133,0.9)}
.header .subStation ul li a:hover{background:rgba(0,72,133,0.8);}
.footer br{display:block;}
#loginalert{width:90%; margin-left:-45%;}

.register{padding:6% 8% 0; margin-bottom:48px; background:#fff;}

.picSlider,.gdds-live{width:100%;}
.picSlider{margin-bottom:22px;}
.picSlider,.picSlider .bd li{width:100%; min-height:120px; height:auto;}
.picSlider .bd li img{height:auto;}

.records-col4 ul li{width:23%; margin-bottom:2%;}

.Course-search .w1{width:100%;}
.Course-search .w2{width:100%;}
.Course-search .w3{width:100%;}
.Course-search .w4{width:50%;}
.Course-search .input-text-c,
.Course-search .input-text-m{width:74%;}
.Course-search .abutton{padding-top:10px; margin-left:90px;}

.sideBar{padding:0; margin-bottom:15px; width:100%;}
.mainContent{width:100%;}

.users-center{margin-top:68px; margin-bottom:68px;}
.kcgg-detail h3{padding-right:125px;}
.kcgg-detail h3 a{width:100px; right:15px;}
.live-notice .left,
.live-notice .right{float:none; width:100%;}
.live-notice .right{margin-top:20px;}
.live-notice a.join{position:static; margin-top:20px;}
.live-zbyg{padding:30px 12px 25px;}
}

@media (min-width: 481px) and (max-width: 767px) {
.gdds-pc-center dl.notlogin dt{width:58%;}
.gdds-pc-center dl.notlogin dd{width:41%;}
.toCourse table .w4{width:14%;}

.Course-search select,
.Course-search input[type="text"]{width:43%;}

.live-review-col3 ul li{width:48%;}
.live-review ul li img{height:135px;}

}

@media (max-width: 480px) {
.header .inheader{height:98px;}
.header .search_small{top:98px;}
.header .navgation{top:98px;}
.footer br{display:none;}
.footer span{display:block;}

.common-list-time li{width:auto;}
.common-list-time li a{float:none; padding-right:12px; overflow:visible; white-space:normal;}
.common-list-time .time{position:static!important;}

.gdds-live .topics{padding:20px; height:auto;}
.gdds-live .topics dt,
.gdds-live .topics dd{width:100%;}
.gdds-live .topics dt{margin-bottom:26px;}
.gdds-live .topics a.join{position:static; margin-top:16px;}
.gdds-pc-center dl.notlogin dt,
.gdds-pc-center dl.notlogin dd{width:100%; float:none;}
.gdds-pc-center dl.notlogin dt,
.gdds-pc-center .notrecord{padding-top:30px; padding-bottom:30px; line-height:200%;}
.gdds-pc-center dl.notlogin dd{border-top:solid #ddd 1px; border-left:none;}
.gdds-pc-center dl.notlogin dd .longin-pc{margin-left:auto; margin-right:auto;}
.gdds-topics .mid-vd-2 .tzgg-list{height:auto; padding-bottom:8px;}
.toCourse table th br{display:block;}
.toCourse table .w1{width:20%;}
.inmobile{display:none;}

.records-col4 ul li{width:48%;}
.records-col4 ul li img{height:112px;}
.records-col3 ul li{width:48%;}
.records-col3 ul li img{height:112px;}

.live-review-col3 ul li{width:48%;}
.live-review ul li img{height:135px;}
.live-review-col2 ul li{width:100%; margin-right:0; margin-left:0;}
.live-review-col2 ul li{height:auto;}

.Course-search select,
.Course-search input[type="text"]{width:96%;}
.jftable table td.datetime span{display:block; white-space:nowrap;}
.users-center{width:100%;}
.users-center img,
.users-center span{float:none; display:block; margin:0 auto 20px; text-align:center;}
.users-center .abutton{position:static; left:auto; text-align:center;}
.users-center .abutton a{margin-right:5px; margin-left:5px;}
.download-search strong{top:50%; margin-top:-15px;}
.download-list .downs{width:58px;}
.regBtn{text-align:center; margin-left:0;}
.kcgg-detail h3{padding-right:3%;}
.kcgg-detail h3 a{position:static !important; margin-top:12px; float:right;}
}

@media (max-width: 360px) {
.loginwrap .loginform{padding-right:2%; padding-left:2%;}
.loginwrap .remember span{display:block;}	
.loginwrap .forget{margin-top:12px;}
.loginwrap .loginform dl dd.dd01{width:66%;}
.loginwrap .loginform .longinput{width:80%;}

.register{padding-right:2%; padding-left:2%;}
.regform .longinput{width:80%;}
.regform dl dd.dd01{width:35%;}

.gdds-topics .big-vd ul li img{height:auto;}
.gdds-topics .small-vd ul li img{height:112px;}

.larger-list li a{max-width:75%;}
.Course-search .input-text-c,
.Course-search .input-text-m{width:50%;}
.jftable table td a{padding-right:0; padding-left:2%;}

.download-search{margin-bottom:3%; padding-left:0; min-height:30px;}
.download-search strong{position:static !important; display:block; line-height:30px; margin-top:auto;}
.download-search select,
.download-search input{clear:both; margin-top:4px; margin-left:0;}
.download-search input.yzminput{width:90%;}
.download-search select{width:90%;}
.download-list li a.title{width:72%;}
.live-review-col3 ul li{width:98%;}
.live-review ul li img{height:auto;}
}

@media (max-width: 320px) {
.header .inheader{height:80px;}
.header .search_small{top:80px; padding:10px 2%;}
.header .navgation{top:80px;}
.navgation ul li a{font-size:.925em;}

.gdds-live .topics{padding:10px;}
.Course-search select,
.Course-search input[type="text"]{width:94.5%;}
}