@CHARSET "UTF-8";
* {
	margin: 0;
	padding: 0;
	outline: 0;
}

body,
html {
	height: 100%;
}

body {
	background: url(../img/simple/body.jpg) repeat 0 0;
	line-height: 22px;
	color: #828282;
	font-size: 12px;
	font-family: arial, sans-serif, 宋体;
	min-width: 980px;
}

a {
	color: #067AA7;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

a.view {
	float: right;
	padding-left: 8px;
	background: url(../img/simple/bullet.jpg) no-repeat 0 10px;
	font-size: 10px;
}

article,
aside,
details,
footer,
header,
menu,
nav,
section,
.main-item:hover ul,
.welcome-cnt .desktop {
	display: block;
}

input,
textarea,
select {
	font-size: 12px;
	font-family: arial, sans-serif;
}

textarea {
	overflow: auto;
}

.error,
.alert {
	border-color: #FBC2C4;
	background: #FBE3E4;
	color: #8A1F11;
}

.notice {
	border-color: #FFD324;
	background: #FFF6BF;
	color: #514721;
}

.success {
	border-color: #C6D880;
	background: #E6EFC2;
	color: #264409;
}

.info {
	border-color: #92CAE4;
	background: #D5EDF8;
	color: #205791;
}

.cl {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	text-indent: -4000px;
}

.notext {
	line-height: 0;
	font-size: 0;
	text-indent: -4000px;
}

.left,
.alignleft {
	display: inline;
	float: left;
}

.right,
.alignright {
	display: inline;
	float: right;
}

img.box,
div.box,
.article .content img,
#qrcode-box {
	display: block;
	padding: 5px;
	border: 2px solid #EFEFEF;
	background-color: #FFF;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 2px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 2px rgba(0, 0, 0, .1);
	behavior: url(../css/PIE/PIE.htc);
}

.hide,
.top-nav a.nav-btn,
.welcome-cnt .tablet {
	display: none;
}

.shell {
	width: 980px;
	margin: 0 auto;
}

#footer span.shadow-bottom {
	display: block;
	position: absolute;
	left: 0;
	top: -46px;
	width: 100%;
	height: 46px;
	background: url(../img/simple/main-shadow-bottom.jpg) repeat-x 0 0;
	z-index: 20;
}

#footer {
	position: relative;
	border-top: 1px solid #FFF;
}

#header {
	height: 95px;
}

#logo {
	position: relative;
	float: left;
	width: 500px;
	padding-top: 5px;
	line-height: 0;
	font-size: 0;
}

#logo a {
	display: block;
	height: 85px;
	background: url(../img/cas/shared/caseLogo111.png) no-repeat 0 0 !important;
	text-indent: -4000px;
}

#qrcode-box {
	position: absolute;
	top: 10px;
	right: -130px;
}

#qrcode {
	width: 65px;
	height: 65px;
}

#qrcode-box span.tip {
	display: block;
	position: absolute;
	top: 10px;
	right: -40px;
	line-height: 13px;
	font-size: 11px;
	text-align: center;
}

#header .widget {
	position: relative;
	float: right;
	padding-top: 20px;
}

#header .widget .user {
	padding: 0 20px 5px 0;
	text-align: right;
}

#header .widget .search {
	width: 250px;
	margin-left: auto;
	padding-right: 20px;
}

#header .widget .search input.field {
	float: left;
	width: 200px;
	height: 24px;
	padding: 0 8px;
	border: 1px solid #D3D3D3;
	background: #F9F9F9;
	line-height: 24px;
	color: #1F3368;
	font-size: 11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

#header .widget .search input.search-btn {
	float: left;
	width: 20px;
	height: 26px;
	border: 0;
	background: url(../img/simple/search-ico.jpg) no-repeat 0 0;
	line-height: 0;
	font-size: 0;
	text-indent: -4000px;
	cursor: pointer;
}

.top-nav.desktop ul.main-menu {
	display: block !important;
}

.top-nav .shell {
	position: relative;
}

.top-nav {
	height: 59px;
	background: #2491B6;
}

.top-nav ul {
	list-style: none;
	list-style-position: outside;
	line-height: 58px;
	font-family: 微软雅黑, sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.top-nav ul li.main-item {
	position: relative;
	float: left;
	padding: 0;
	border-right: 1px solid #DBEEF3;
}

.top-nav ul li.active {
	border-right: 0;
}

.top-nav ul li a {
	float: left;
	padding: 0 20px;
	color: #FFF;
	text-shadow: rgba(0, 0, 0, .8) 0 1px 0;
}

.top-nav ul li span {
	float: left;
}

.top-nav ul li a:hover,
.top-nav ul li span.active a {
	background: #C8E6ED;
	color: #00719D;
	text-decoration: none;
	text-shadow: rgba(255, 255, 255, .8) 0 1px 0;
}

.top-nav ul li span.active a {
	background: #C8E6ED url(../img/simple/active-nav-border.jpg) no-repeat right 0;
}

.top-nav ul li span.active {
	padding-left: 2px;
	background: url(../img/simple/active-nav-border.jpg) no-repeat 0 0;
}

.top-nav span.top-nav-shadow {
	position: absolute;
	left: 50%;
	top: 59px;
	width: 959px;
	height: 7px;
	margin-left: -480px;
	background: url(../img/simple/top-nav-shadow.jpg) no-repeat 0 0;
	z-index: 99999;
}

.main-item ul {
	display: none;
	position: absolute;
	left: 0;
	top: 57px;
	float: none;
	width: 100%;
	border: 1px solid #DBEEF3;
	background: #2491B6;
	line-height: 28px;
	font-size: 14px;
	z-index: 9999;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 60px rgba(0, 0, 0, .1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 60px rgba(0, 0, 0, .1) inset;
	-o-box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 60px rgba(0, 0, 0, .1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .27), 0 0 60px rgba(0, 0, 0, .1) inset;
}

.main-item ul li {
	display: block;
	float: none;
	padding: 0;
	border-bottom: 1px solid #DBEEF3;
	background: transparent;
}

.main-item ul li a {
	display: block !important;
	float: none;
	padding: 5px;
	text-align: center;
}

#welcome .shell {
	height: 290px;
}

.welcome-center {
	position: relative;
	width: 100%;
	background: url(../img/simple/welcome-i.jpg) repeat 0 0;
}

.welcome-top {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 72px;
	background: url(../img/simple/welcome-t.jpg) repeat-x 0 0;
}

.welcome-bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 72px;
	background: url(../img/simple/welcome-b.jpg) repeat-x 0 0;
}

.welcome-inner {
	position: relative;
	margin-bottom: -47px;
	background: url(../img/simple/welcome-cnt.jpg) repeat-y center 0;
	z-index: 99;
}

.welcome-cnt {
	width: 422px;
	padding-top: 30px;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .5);
}

.welcome-cnt #subject {
	width: 397px;
}

.welcome-cnt #subject a {
	display: block;
	position: relative;
	height: 104px;
	line-height: 1.5em;
	color: #FFF;
	font-size: 30px;
	font-family: 华文新魏, 楷体, 楷体_gb2312;
	text-decoration: none;
}

.welcome-cnt #subject a .zh {
	font-size: 50px;
	font-weight: bolder;
}

.welcome-cnt #subject a .en {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 22px;
	font-family: 'Segoe Script', 'Comic Sans MS', 'MV Boli';
}

.welcome-cnt .desktop,
.welcome-cnt .tablet {
	padding-bottom: 10px;
	color: #FFF;
	text-indent: 2em;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}

.welcome-cnt a.blue-btn {
	display: block;
	position: relative;
	bottom: -10px;
	right: -250px;
	width: 120px;
	height: 70px;
	background: url(../img/simple/blue-btn-120.jpg) no-repeat 0 -75px;
	line-height: 56px;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	z-index: 100;
	text-shadow: rgba(0, 0, 0, .5) 0 1px 1px;
}

.welcome-cnt a.blue-btn:hover {
	background-position: 0 0;
	color: #DBDBDB;
	text-decoration: none;
}

.slider-holder {
	position: absolute;
	bottom: -36px;
	right: -19px;
	width: 495px;
	height: 293px;
	padding: 34px 44px;
	background: url(../img/simple/slider.jpg) no-repeat 0 0;
	z-index: 1000;
}

.slider-holder .flexslider {
	position: relative;
	width: 497px;
	height: 288px;
}

.slider-holder .flexslider ul.slides {
	position: relative;
	list-style: none;
	list-style-position: outside;
}

.slider-holder .flexslider ul.slides li {
	float: left;
	width: 497px;
	height: 288px;
}

.slider-holder .flexslider ul.slides li img {
	width: 497px;
	height: 288px;
}

.index-first {
	padding-top: 60px;
}

.main {
	position: relative;
	padding: 46px 0 50px;
}

.main span.shadow-top {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 46px;
	background: url(../img/simple/main-shadow.jpg) repeat-x 0 0;
	z-index: 20;
}

.main h2 {
	padding-bottom: 12px;
	line-height: 28px;
	color: #2D2D2D;
	font-size: 28px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
}

.main h3 {
	padding-bottom: 8px;
	line-height: 22px;
	color: #2D2D2D;
	font-size: 20px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
}

.main span.shadow-middle {
	display: block;
	height: 30px;
	background: url(../img/simple/section-shadow.jpg) no-repeat center bottom;
}

.main span.shadow-sidebar-middle {
	display: block;
	height: 25px;
	background: url(../img/simple/sidebar-list-border.jpg) no-repeat center bottom;
}

.pos {
	position: relative;
	margin: -20px 0 20px;
	z-index: 100;
}

.cols-2 .col-1-lg {
	float: left;
	width: 635px;
}

.cols-2 .col-2-sm {
	float: right;
	width: 282px;
	padding-left: 30px;
	background: url(../img/simple/col-separator.jpg) no-repeat 0 center;
}

.articles.min-height {
	_height: 350px;
	min-height: 350px;
}

ul.articles {
	list-style: none;
}

ul.articles li {
	position: relative;
	padding-left: 12px;
	background: url(../img/simple/bullet-footer-col.jpg) no-repeat 0 16px;
	line-height: 26px;
	font-size: 13px;
}

ul.articles li:hover {
	background-color: #F6F6F6;
}

ul.articles li span.title {
	display: block;
	height: 26px;
	padding-right: 80px;
	line-height: 26px;
	font-family: 微软雅黑, 宋体;
	overflow: hidden;
}

ul.articles li span.date {
	position: absolute;
	right: 5px;
}

ul.column {
	list-style: none;
	width: 210px;
	margin: 10px 0;
	padding: 20px 0;
	line-height: 26px;
	font-size: 16px;
}

ul.column li a {
	display: block;
	margin-bottom: 5px;
	padding: 8px 10px;
}

ul.column li a:hover,
ul.column li.active a {
	padding: 7px 9px;
	border: 1px solid #2196C2;
	background-color: #CBE2E8;
	text-decoration: none;
}

.pagination {
	margin-top: 10px;
}

.pagination span {
	display: inline-block;
	padding-right: 10px;
}

.pagination a:hover,
.news-box a:hover {
	color: #2599C6;
	text-decoration: none;
}

.article .title {
	padding-bottom: 20px;
	line-height: 1.5em;
	color: #2D2D2D;
	font-size: 30px;
	font-family: 微软雅黑, 宋体;
	font-weight: 500;
	text-align: center;
}

.article .param {
	padding-bottom: 10px;
	line-height: 2em;
	font-size: 14px;
	text-align: center;
}

.article .content {
	line-height: 1.8em;
	color: #636363;
	font-size: 16px;
	text-indent: 2em;
}

.article .content p,
.article .content div,
.article .content h2,
.article .content h3 {
	margin: 10px 0;
}

.article .content img {
	margin: 20px auto;
}

.article .attach {
	margin-top: 30px;
}

.article .attach ol li {
	margin: 0 0 5px 20px;
	font-size: 14px;
}

.article .content table {
	margin: 5px auto;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	text-indent: 0;
}

.article .content td {
	padding: 5px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

.news-box {
	float: left;
	margin: 5px 10px 10px;
	border: 1px solid #F8F8F8;
	background-color: #FFF;
}

.news-box {
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 2px 1px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 2px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 2px 1px rgba(0, 0, 0, .1);
}

.news-box .news {
	width: 300px;
}

.news-box span.img {
	display: block;
	overflow: hidden;
}

.news-box span.img img {
	display: block;
	width: auto;
	height: 200px;
	margin: 0 auto;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}

.news-box a:hover img {
	-moz-opacity: .9;
	filter: alpha(opacity=90);
	opacity: .9;
}

.news-box span.title {
	display: block;
	height: 36px;
	padding: 6px;
	line-height: 18px;
	font-family: 微软雅黑, 宋体;
}

.news-box span.date {
	display: block;
	padding: 2px;
	line-height: 12px;
	font-size: 10px;
	font-style: italic;
	text-align: right;
}

.footer-cols {
	padding: 26px 0;
	background: url(../img/simple/footer-cols.jpg) repeat-x 0 0;
}

.footer-cols .col {
	float: left;
	width: 216px;
	padding-right: 24px;
}

.footer-cols .col.reserve {
	width: 170px;
}

.footer-cols .col.first {
	width: 166px;
}

.footer-cols .col.last {
	width: 296px;
	padding-right: 0;
}

.footer-cols h3 {
	padding-bottom: 12px;
	line-height: 28px;
	color: #FFF;
	font-size: 21px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	text-shadow: rgba(0, 0, 0, .6) 0 1px 2px;
}

.footer-cols p,
.footer-cols p a,
.footer-cols ul li a {
	color: #FFF;
}

.footer-cols ul,
.footer-nav ul {
	list-style: none;
	list-style-position: outside;
}

.footer-cols ul li {
	padding-left: 9px;
	background: url(../img/simple/bullet-footer-col.jpg) no-repeat 0 8px;
	color: #FFF;
}

.footer-cols ul li.left {
	float: left;
	padding-right: 20px;
}

.footer-bottom {
	height: 12px;
	padding: 15px 20px 10px 5px;
	background: #B3DCE6;
}

.footer-nav {
	float: left;
	line-height: 11px;
	font-size: 11px;
}

.footer-nav ul li {
	float: left;
	padding: 0 10px;
	background: url(../img/simple/footer-nav-border.jpg) no-repeat 0 0;
}

.footer-nav ul li.first {
	padding-left: 0;
	background: transparent;
}

.footer-nav ul a {
	color: #6B848A;
}

.footer-bottom p.tip {
	float: left;
	line-height: 11px;
	color: #6B848A;
}

.footer-bottom p.copy {
	line-height: 11px;
	color: #6B848A;
	text-align: right;
}

.footer-bottom p.copy span {
	padding: 0 9px;
}

.footer-bottom p.copy a {
	color: #2FA3CA;
	text-decoration: underline;
}

.footer-bottom p.copy a:hover {
	text-decoration: none;
}

.login-panel {
	background: url(../img/cas/loginbg.jpg) no-repeat 10px 90px;
}

.pwd-panel {
	width: 300px;
	margin: 10px auto;
}

.login-panel .form-box {
	float: right;
	margin: 50px 80px 85px 0;
}

.form-box {
	padding: 15px 20px 0 10px;
	border: 1px solid #F8F8F8;
	background: #FFF url(../img/cas/formheader01.jpg) no-repeat 0 0;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 2px 1px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 2px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 2px 1px rgba(0, 0, 0, .1);
}

.form-box h3 {
	margin-bottom: 15px;
	color: #FFF;
}

.form-box p {
	margin: 5px 0;
	line-height: 30px;
}

.form-box label {
	display: inline-block;
	width: 65px;
	padding-right: 5px;
	text-align: right;
}

.form-box input {
	width: 160px;
	height: 24px;
	padding: 0 8px;
	border: 1px solid #D3D3D3;
	background: #F9F9F9;
	line-height: 24px;
	color: #1F3368;
	font-size: 11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.form-box .tip {
	display: block;
	padding-left: 30px;
}

.form-box #imgVC {
	display: inline-block;
	position: relative;
	top: 8px;
	padding: 0 5px;
}

.form-box #vc {
	width: 40px;
}

.form-box #status,
#wechat p {
	text-align: center;
}

.form-box a.green-btn {
	display: block;
	width: 90px;
	height: 70px;
	margin: 0 auto;
	background: url(../img/simple/blue-btn-90.jpg) no-repeat 0 -75px;
	line-height: 56px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	text-shadow: rgba(0, 0, 0, .5) 0 1px 1px;
}

.form-box a.green-btn:hover {
	background-position: 0 0;
	color: #DBDBDB;
	text-decoration: none;
}

.msgBox {
	width: 560px;
	height: 160px;
	margin: 100px auto 0;
}

.msgPanel {
	height: 150px;
	padding-left: 150px;
}

.msgBox h1 {
	line-height: 100px;
	color: red;
	font-size: 60px;
	font-family: 微软雅黑, 宋体;
}

.msgBox p {
	line-height: 30px;
	font-size: 16px;
	font-family: 楷体, 楷体_gb2312, 宋体;
}

.msgTool {
	padding-right: 30px;
	text-align: right;
}

.msgTool a {
	display: inlinel-block;
	padding-right: 10px;
}

.msgDeny {
	background: url(../img/lib/icons/msg/deny.jpg) no-repeat;
}

.msgError {
	background: url(../img/lib/icons/msg/error.jpg) no-repeat;
}

.msgLimit {
	background: url(../img/lib/icons/msg/limit.jpg) no-repeat;
}

#wechat {
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: 500px;
	padding: 5px;
	background-color: rgba(255, 255, 255, .8);
}

@media only screen and ( max-width: 1220px) {
	#wechat {
		display: none;
	}
}

@media only screen and ( min-width: 768px) and ( max-width: 980px) {
	body {
		min-width: 768px;
	}
	.shell {
		max-width: 768px;
	}
	#header {
		height: 80px;
	}
	#logo {
		float: left;
		width: 425px;
		padding-top: 5px;
	}
	#logo a {
		height: 75px;
		background: url(../img/cas/shared/caselogo-tablet.jpg) no-repeat 0 0 !important;
	}
	#qrcode-box {
		display: block;
		top: 0;
		right: -78px;
	}
	#header .widget {
		float: right;
		padding-top: 15px;
	}
	#header .widget .search {
		width: 210px;
	}
	#header .widget .search input.field {
		width: 160px;
	}
	.top-nav span.top-nav-shadow,
	.welcome-cnt .desktop,
	.footer-bottom p.tip,
	#wechat {
		display: none;
	}
	.top-nav ul {
		font-size: 14px;
	}
	.top-nav ul li a {
		padding: 0 13px;
	}
	.main-item ul,
	ul.articles li {
		font-size: 12px;
	}
	.main-item ul li a {
		padding: 5px;
	}
	#welcome .shell {
		height: 210px;
	}
	.welcome-inner,
	.container {
		width: 728px;
		padding: 0 20px;
	}
	.welcome-cnt {
		width: 295px;
	}
	.welcome-cnt #subject {
		width: 277px;
	}
	.welcome-cnt #subject a {
		display: block;
		height: 68px;
		font-size: 20px;
	}
	.welcome-cnt #subject a .zh {
		font-size: 38px;
	}
	.welcome-cnt #subject a .en {
		position: absolute;
		bottom: 6px;
		right: 6px;
		font-size: 14px;
	}
	.welcome-cnt .tablet,
	.main span.shadow-top {
		display: block;
	}
	.welcome-cnt a.blue-btn {
		bottom: -20px;
		right: -170px;
		font-size: 14px;
	}
	.slider-holder {
		right: 0;
		width: 382px !important;
		height: 260px !important;
		padding: 30px 35px 0;
		background: url(../img/simple/slider-tablet.jpg) no-repeat 0 0;
	}
	.slider-holder .flexslider {
		width: 382px;
		height: 220px;
	}
	.slider-holder .flexslider ul.slides li,
	.slider-holder .flexslider ul.slides li img {
		width: 100%;
		height: 100%;
	}
	.main span.shadow-middle {
		background: url(../img/simple/tablet-section-shadow.jpg) no-repeat center bottom !important;
	}
	.cols-2 .col-1-lg {
		float: left;
		width: 470px;
	}
	.cols-2 .col-2-sm {
		float: right;
		width: 200px;
	}
	ul.column {
		width: 100%;
		padding: 10px;
		font-size: 14px;
	}
	.new-box {
		float: left;
	}
	.news-box .news {
		width: 220px;
	}
	.news-box span.img img {
		height: 129px;
	}
	.footer-cols .shell {
		width: 728px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.footer-cols .col {
		width: 166px;
		padding-right: 6px;
	}
	.footer-cols .col.first {
		width: 126px;
	}
	.footer-cols .col.reserve {
		width: 136px;
	}
	.footer-cols ul li.left {
		padding-right: 10px;
	}
	.footer-cols .col.last {
		width: 276px;
		padding-right: 0;
	}
	.footer-bottom {
		padding: 10px 20px 6px 0;
	}
	.footer-bottom .footer-nav {
		display: block;
		float: none;
		padding-bottom: 16px;
	}
	.footer-bottom p.copy {
		font-size: 11px;
	}
	.footer-bottom .shell {
		width: 748px;
		padding-left: 20px;
	}
	.login-panel {
		background: url(../img/cas/loginbg_tablet.jpg) no-repeat 10px 100px;
	}
	.login-panel .form-box {
		float: right;
		margin: 10px 10px 20px 0;
	}
	.msgBox {
		margin: 60px auto 0;
	}
	.main .shell .fa-file-text{display:none;} 
}

@media only screen and ( max-width: 767px) {
	body {
		min-width: 320px;
	}
	.shell {
		max-width: 100%;
	}
	a.view {
		float: right;
		padding-left: 8px;
		background: url(../img/simple/bullet.jpg) no-repeat 0 8px;
		font-size: 10px;
	}
	#header {
		height: 80px;
	}
	#logo {
		float: none;
		width: 380px;
		padding-top: 4px;
	}
	#logo a {
		height: 49px;
		background: url(../img/cas/shared/ph_logo.png) no-repeat 0 0 !important;
	}
	#qrcode-box,
	.top-nav span.top-nav-shadow,
	.top-nav ul li.active,
	.main-item ul,
	.main-item:hover ul,
	.welcome-cnt .desktop,
	.main span.shadow-top,
	.footer-bottom p.tip,
	#wechat {
		display: none;
	}
	#header .widget {
		float: none;
		padding-top: 5px;
	}
	#header .widget .user {
		position: absolute;
		top: 7px;
		right: 135px;
	}
	#header .widget .search {
		width: 130px;
	}
	#header .widget .search input.field {
		width: 85px;
	}
	.top-nav {
		position: relative;
		height: 48px;
		margin: 7px;
		border: 1px solid #9AD0E2;
		background: #FCFCFF;
		z-index: 1001;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}
	.top-nav ul.main-menu {
		display: none;
		position: absolute;
		left: -1px;
		top: 46px;
		width: 100%;
		padding: 0;
		border: 1px solid #9AD0E2;
		border-top: 0;
		background: #FCFCFF;
		line-height: 24px;
		font-size: 14px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		-o-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	}
	.top-nav ul li span.active a,
	.top-nav ul li span.active,
	.top-nav ul li a:hover {
		display: block;
		float: none;
		background: none;
	}
	.top-nav ul li.main-item {
		display: block;
		float: none;
		padding: 15px 20px;
		background: url(../img/simple/tablet-section-shadow.jpg) no-repeat center top;
	}
	.top-nav ul li a {
		display: block;
		float: none;
		padding: 0;
		color: #239CC5;
		text-shadow: rgba(255, 255, 255, .8) 0 1px 0;
	}
	.top-nav ul li span {
		float: none;
	}
	.top-nav ul li.last a {
		display: block;
		float: none;
		padding-right: 0;
	}
	.top-nav ul li.last {
		padding-bottom: 10px;
	}
	.top-nav a.nav-btn {
		display: block;
		width: 100%;
		height: 48px;
		padding-left: 20px;
		line-height: 48px;
		color: #239CC5;
		font-size: 14px;
		font-family: 'Ubuntu', sans-serif;
		font-weight: 700;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	}
	.top-nav a.nav-btn:hover {
		text-decoration: none;
	}
	.top-nav a.nav-btn span {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 48px;
		background: url(../img/simple/nav-arr@2x.jpg) no-repeat center 20px;
		z-index: 2000;
	}
	.top-nav a.nav-btn span.active {
		background: url(../img/simple/nav-arr-active.jpg) no-repeat center 20px;
	}
	.main h2 {
		line-height: 24px;
		font-size: 24px;
	}
	.main h3 {
		line-height: 18px;
		font-size: 18px;
	}
	#welcome .shell {
		height: auto;
	}
	.welcome-inner {
		width: 100%;
		padding: 0 10px;
		background: transparent;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.welcome-cnt {
		width: 100%;
		padding-top: 20px;
	}
	.welcome-cnt #subject {
		width: 277px;
	}
	.welcome-cnt #subject a {
		display: block;
		height: 68px;
		font-size: 20px;
	}
	.welcome-cnt #subject a .zh {
		font-size: 36px;
	}
	.welcome-cnt #subject a .en {
		position: absolute;
		bottom: 6px;
		right: 6px;
		font-size: 14px;
	}
	.welcome-cnt .tablet {
		display: block;
	}
	.welcome-cnt a.blue-btn {
		left: 50% !important;
		bottom: -30px;
		margin-left: -60px;
		font-size: 14px;
	}
	.slider-holder {
		left: 50%;
		bottom: -220px;
		width: 280px !important;
		height: 163px !important;
		margin-left: -160px;
		padding: 20px;
		background: url(../img/simple/slider-mobile.jpg) no-repeat 0 0;
	}
	.slider-holder .flexslider {
		width: 280px;
		height: 163px;
	}
	.slider-holder .flexslider ul.slides li,
	.slider-holder .flexslider ul.slides li img {
		width: 100%;
		height: 100%;
	}
	.index-first {
		padding-top: 250px;
	}
	.main {
		margin-top: 0;
	}
	.container {
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.article .content img {
		width: 96%;
		height: auto;
	}
	.cols-2 .col-1-lg {
		display: block;
		float: none;
		width: 100%;
		padding-bottom: 20px;
	}
	.cols-2 .col-2-sm {
		display: block;
		float: none;
		width: 100%;
		padding-left: 0;
		background: transparent;
	}
	.articles.min-height {
		_height: auto;
		min-height: auto;
	}
	.main span.shadow-middle,
	.main span.shadow-sidebar-middle,
	.login-panel {
		background: transparent;
	}
	ul.articles li {
		font-size: 12px;
	}
	ul.column {
		width: auto;
		padding: 10px;
		font-size: 14px;
	}
	.pagination a {
		padding-right: 5px;
	}
	.news-box {
		float: none;
		width: 300px;
		margin: 5px auto 20px;
	}
	.footer-cols .shell {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.footer-cols .col {
		display: block;
		width: 100%;
		padding-right: 0;
	}
	.footer-cols .col.reserve {
		display: block;
		width: 100%;
	}
	.footer-cols .col {
		display: none;
	}
	.footer-cols .col ul li {
		padding-right: 10px;
	}
	.footer-cols .col.last {
		padding-right: 0;
	}
	.footer-bottom {
		padding: 5px 20px 3px 0;
	}
	.footer-bottom .footer-nav {
		display: block;
		float: none;
		padding-bottom: 16px;
		font-size: 10px;
		text-align: center;
	}
	.footer-bottom .footer-nav ul li {
		display: inline;
		float: none;
		padding: 0 2px 0 4px;
		background-position: 0 2px;
	}
	.footer-bottom p.copy {
		font-size: 10px;
	}
	.footer-bottom .shell {
		width: 100%;
	}
	.login-panel .form-box {
		float: none;
		width: 260px;
		margin: 10px auto;
	}
	.msgBox {
		width: 300px;
		margin: 10px auto 0;
	}
	.msgBox h1 {
		line-height: 60px;
		font-size: 20px;
	}
	
	
	.main .shell .fa-file-text{display:none;} 
}

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
	.slider-holder {
		background: url(../img/simple/slider-mobile@2x.jpg) no-repeat 0 0;
		-webkit-background-size: 320px 202px;
		-moz-background-size: 320px 202px;
		background-size: 320px 202px;
	}
	.main span.shadow-middle {
		margin: 0;
		background: url(../img/simple/mobile-section-shadow@2x.jpg) no-repeat center bottom;
		-webkit-background-size: 299px 14px;
		-moz-background-size: 299px 14px;
		background-size: 299px 14px;
	}
}