/* $Id: default.css | sero-lee */
html{background-color:transparent;min-height:100%}
html,body{min-width:320px}
/*html.justregsit,.justregsit body{min-width:auto}*/
html,body,html *{font-family:"Microsoft JhengHei","Lucida Grande",Tahoma,Verdana,Arial,sans-serif,PMingLiU}
html.lang-zh-Hans,html.lang-zh-Hans>body,html.lang-zh-Hans *{font-family:"Lucida Grande",Tahoma,Verdana,Arial,SimSun,PMingLiU}
html.lang-zh-vn,html.lang-zh-vn>body,html.lang-zh-vn *{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}
html.lang-en,html.lang-en>body,html.lang-en *{font-family:arial,sans-serif}
/* font setting */
.font-roboto{font-family:monospace,Roboto,Times,serif}
/* ie setting */
html.ie7 textarea{white-space:pre !important}
html.ie8 textarea{white-space:pre-wrap !important}
/* link line remove */
a,a:focus{outline:none;hlbr:expression(this.onFocus=this.blur());}
/* chlid clear */
.cBoth:after,.cBoth{display:block;clear:both;font-size:0em;line-height:0;}
.cBoth:after{content:"";}
/* ajaxloader */
#ajaxloader{display:none;z-index:999999;position:fixed;text-align:center;top:0;left:0;right:0;bottom:0;background-color:transparent}
#ajaxloader:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;opacity:.75;}
#ajaxloader .ajaxbox{display:block;position:absolute;top:50%;left:50%;margin-top:-32px;margin-left:-32px}
#ajaxloader .ajaxicon{
	display: block;
	position: relative;
	width: 64px;
	height: 64px;
	line-height: 64px;
	color: #686868;
}
#ajaxloader .ajaxicon:before{
	content: "\231b";
	display: block;
	font-family: 'Glyphicons Halflings';
	font-size: 32px;
	color: ;
}
#ajaxloader .ajaxicon-animation:before{
	z-index: 2;
	position: relative;
}
#ajaxloader .ajaxicon-animation:after{
	z-index: 1;
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	border: 2px solid transparent;
	border-top-color: #ddd;
	border-radius: 50%;
}
#ajaxloader .ajaxicon-animation:after{
	-webkit-animation: ajaxicon-spin 2s infinite linear;
	animation: ajaxicon-spin 2s infinite linear;
}
body.loader{overflow:hidden}
body.loader #ajaxloader{display:block}
body.loader.loader-hidebg #ajaxloader:before{opacity:0;}
html.ie_8 body.loader #ajaxloader:before{filter:alpha(opacity=75)}
html.ie_8 body.loader-hidebg #ajaxloader:before{filter:alpha(opacity=0)}
/**/
@-webkit-keyframes ajaxicon-spin{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes ajaxicon-spin{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
/* spinner */
#ajaxloader .ajaxspinner{
	margin-top: -60px;
	margin-left: -60px;
}
.spinner{
	position: relative;
	margin: 0 auto;
	width: 120px;
	height: 120px;
}
.container1>div,
.container2>div,
.container3>div{
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #686868;
	box-shadow: 0 0 4px 1px rgba(0,0,0,.125);
	border-radius: 50%;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.spinner .spinner-container{
	position: absolute;
	width: 100%;
	height: 100%;
}
.container2{
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.container3{
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}
.circle1{
	top: 0;
	left: 0;
}
.circle2{
	top: 0;
	right: 0;
}
.circle3{
	right: 0;
	bottom: 0;
}
.circle4{
	left: 0;
	bottom: 0;
}
.container2 .circle1{
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.container3 .circle1{
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
.container1 .circle2{
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.container2 .circle2{
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.container3 .circle2{
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.container1 .circle3{
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.container2 .circle3{
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.container3 .circle3{
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.container1 .circle4{
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.container2 .circle4{
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.container3 .circle4{
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay{
	0%,80%,100%{
		-webkit-transform: scale(0.0);
	}
	40%{
		-webkit-transform: scale(1.0);
	}
}
@keyframes bouncedelay{
	0%,80%,100%{
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}
	40%{
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}
/* margin */
.margin-t-15px{margin-top:15px}
.margin-b-15px{margin-bottom:15px}
.margin-l-15px{margin-left:15px}
.margin-r-15px{margin-right:15px}
.margin-h-15px{margin-top:15px;margin-bottom:15px}
.margin-v-15px{margin-left:15px;margin-right:15px}
.margin-t-un-15px{margin-top:-15px}
.margin-b-un-15px{margin-bottom:-15px}
.margin-l-un-15px{margin-left:-15px}
.margin-r-un-15px{margin-right:-15px}
.margin-h-un-15px{margin-top:-15px;margin-bottom:-15px}
.margin-v-un-15px{margin-left:-15px;margin-right:-15px}
/* ul,ol style */
ul.disc,ul.disc>li,ol.disc,ol.disc>li{list-style-type:disc;}
ul.circle,ul.circle>li,ol.circle,ol.circle>li{list-style-type:circle;}
ul.square,ul.square>li,ol.square,ol.square>li{list-style-type:square;}
ul.decimal,ul.decimal>li,ol.decimal,ol.decimal>li{list-style-type:decimal;}
ul.roman,ul.roman>li,ol.roman,ol.roman>li{list-style-type:upper-roman;}
ul.latin,ul.latin>li,ol.latin,ol.latin>li{list-style-type:upper-latin;}
ul.alpha,ul.alpha>li,ol.alpha,ol.alpha>li{list-style-type:upper-alpha;}
ul.greek,ul.greek>li,ol.greek,ol.greek>li{list-style-type:lower-greek;}
/* absolute box setting */
.abs-box{display:block;position:absolute;overflow:hidden;}
.abs-box-center{text-align:center;font-size:18px;top:50%;left:50%;width:32px;height:32px;line-height:24px;padding:4px;margin-top:-16px;margin-left:-16px;border:2px solid;border-radius:50%}
.abs-box-center>p{margin:0}
/* ul write feed type */
#feedbar{display:table;font-size:14px;margin:0;padding:0;}
#feedbar li{display:table-cell;}
#feedbar,#feedbar li{vertical-align:middle;min-height:28px;}
#feedbar li a,#feedbar li span{
/*float:left;*/
display:block;
position:relative;
text-decoration:none;
color:#1F62B1;
background-color:#ffffff;
line-height:1.42857143;
padding:6px 12px;
border:1px solid #dddddd;
margin-left:-1px;}
#feedbar li:first-child a,#feedbar li:first-child span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
#feedbar li:last-child a,#feedbar li:last-child span{border-top-right-radius:4px;border-bottom-right-radius:4px;}
#feedbar li span{color:#999999;cursor:not-allowed;}
#feedbar li b{color:#000000;margin:0 2px;}
#feedbar li a.hover{background-color:#f2f2f2;}
#feedbar li.active span,#feedbar li.active a{z-index:2;color:#ffffff;background-color:#428bca;border-color:#428bca;cursor:default;}
#feedbar li.field span{cursor:default;}
#feedbar li b,#feedbar li.field input{font-size:12px;vertical-align:middle;line-height:normal}
#feedbar li.field input{width:10px;min-width:34px;text-align:center;}
#feedbar li.field b{margin:0 2px 0 0;}
/* userbar */
#userbar-box{
	font-size: 12px;
	display: block;
	position: absolute;
	right: 10px;
	bottom: 0;
	color: #fff;
}
#userbar-box>ul:before,
#userbar-box>ul:after{
	content: '';
	z-index: 0;
	display: block;
	position: absolute;
	opacity: .85;
}
#userbar-box>ul:before{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	box-shadow: 0 0 4px 1px rgba(0,0,0,.125),inset 0 0 7px rgba(255,255,255,.075);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
/*
#userbar-box>ul:after{
	width: 28px;
	height: 28px;
	right: -28px;
	border: 14px solid transparent;
	border-top-color: #000;
	border-left-color: #000;
}
*/
#userbar-box>ul>li,
#userbar-box>ul{
	position: relative;
	margin: 0;
	padding: 0;
}
#userbar-box>ul{
	display: table;
}
#userbar-box>ul>li{
	z-index: 1;
	display: table-cell;
	line-height: 20px;
	padding-left: 4px;
	padding-right: 4px;
}
/* lang */
#website-lang-box{position:absolute;left:0;bottom:10px}
/* markbox */
.markbox{
	padding: 5px;
	line-height: 1;
	color: #333;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 1px 4px 1px rgba(0,0,0,.05),inset 0 0 7px rgba(0,0,0,.05);
	text-shadow: 1px 1px 4px rgba(0,0,0,.25);
}
.markbox-lg{
	font-size: 1.2em;
	padding: 15px;
}
.markbox-icon:before{
	font-family: FontAwesome;
	font-size: inherit;
	vertical-align: middle;
	display: inline-block;
	margin-right: 4px;
	line-height: inherit;
}
.markbox-search:before{content:"\f002"}
.markbox-star:before{content:"\f005"}
.markbox-check:before{content:"\f058"}
.markbox-remove:before{content:"\f057"}
.markbox-clock:before{content:"\f017"}
.markbox-question:before{content:"\f059"}
.markbox-info:before{content:"\f05a"}
.markbox-exclamation:before{content:"\f06a"}
/* nco box */
.row-nco{
	margin-bottom: 15px;
}
.row-nco .btn>span{
	font-size: 15px;
	display: block!important;
	line-height: 1.725;
}
.row-nco .btn>i{
	font-size: 24px;
	display: inline-block;
	margin-left: 2.5px;
	margin-right: 2.5px;
}
.row-nco .btn>i:before{
	font-family: FontAwesome;
}
.row-nco .btn>i.nco-facebook{color:#337ab7}
.row-nco .btn>i.nco-line{color:#00b900}
.row-nco .btn>i.nco-google{color:#dc473a}
.row-nco .btn>i.nco-twitter{color:#41abe1}
.row-nco .btn>i.nco-wechat{display:none;color:#50b749}
.row-nco .btn>i.nco-weibo{color:#d52b2a}
.row-nco .btn>i.nco-baidu{color:#2319dc}
.row-nco .btn>i.nco-facebook:before{content:"\f082"}
.row-nco .btn>i.nco-line:before{content:"\e902";font-family:FontLine}
.row-nco .btn>i.nco-google:before{content:"\f0d4"}
.row-nco .btn>i.nco-twitter:before{content:"\f081"}
.row-nco .btn>i.nco-wechat:before{content:"\f1d7"}
.row-nco .btn>i.nco-weibo:before{content:"\f18a"}
.row-nco .btn>i.nco-baidu:before{content:"\f106";font-family:FontDiao}
html.touch-dev .row-nco .btn>i.nco-wechat{display:inline-block}
/**/
.row-nco .col-line{
	text-align: center;
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-top: 5px;
	line-height: 1;
}
.row-nco .col-line:before{
	z-index: 0;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 7px;
	right: 0;
	height: 1px;
	background-color: #ccc;
	box-shadow: 1px 1px 1px #eee;
}
.row-nco .col-line>span{
	z-index: 1;
	font-size: 12px;
	display: inline-block!important;
	position: relative;
	width: auto!important;
	height: 14px;
	line-height: 14px;
	padding: 0 10px;
	color: #aaa;
	background-color: #fff;
	text-shadow: 1px 1px 1px #ddd;
}
html.justregsit .row-nco .col-line,
.register-form-frame .row-nco .col-line,
.main-login-frame .row-nco .col-line{
	margin-top: 15px;
}
html.justregsit .row-nco .col-line:before,
.register-form-frame .row-nco .col-line:before,
.main-login-frame .row-nco .col-line:before{
	left: 15px;
	right: 15px;
}
html.justregsit .row-nco{
	margin-left: 0;
	margin-right: 0;
}
html.justregsit .main-login-frame .row-nco{
	margin: 0 -15px 15px;
}
/**/
.menu-arrow{
	z-index: 2;
	text-align: center;
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 20px;
	height: 100%;
}
.menu-arrow>i{
	color: #686868;
	text-shadow: 1px 0 2px rgba(0,0,0,.5);
}
.menu-arrow-left{left:0}
.menu-arrow-right{right:0}
/**/
.bdrs-box{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	padding: 2px 4px;
	color: #eee;
	background-color: #686868;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0,0,0,.325),inset 0 -3px 5px rgba(0,0,0,.125);
	text-shadow: 1px 1px 3px rgba(0,0,0,.275);
}
.bdrs-box.bdrs-operate-success,
.bdrs-box.bdrs-lesson-watch{background-color:#09f}
.bdrs-box.bdrs-operate-error,
.bdrs-box.bdrs-lesson-test{background-color:#f00}
.bdrs-box.bdrs-operate-request{background-color:#aaa}
.bdrs-box.bdrs-lesson-download{background-color:#808}
.bdrs-box.bdrs-lesson-listen{background-color:#080}
.bdrs-box.bdrs-lesson-read{background-color:#9A9A2E}
.bdrs-box.bdrs-lesson-tkibc{background-color:#d4ce3a}
.bdrs-box.bdrs-quiz-0{background-color:#3a4ca2}
.bdrs-box.bdrs-quiz-1{background-color:#4b8ec3}
.bdrs-box.bdrs-quiz-2{background-color:#63caad}
.bdrs-box.bdrs-quiz-3{background-color:#65cb78}
.bdrs-box.bdrs-quiz-4{background-color:#67cb4d}
.bdrs-box.bdrs-quiz-5{background-color:#d4ce3a}
.bdrs-box.bdrs-quiz-6{background-color:#e27031}
.bdrs-box.bdrs-quiz-7{background-color:#e00}
/**/
#page-block #article-block{
	min-height: 480px;
}
html.justregsit #page-block #article-block{
	min-height: auto;
}
/**/
html.justregsit #sero_function_gotop,
html.justregsit #header-block,
html.justregsit #article-blank,
html.justregsit #article-menu,
html.justregsit #page_path,
html.justregsit #footer-line,
html.justregsit #footer-block{
	display: none;
}
/* media max-width */
@media all and (max-width:1070px){
	#sero_function_gotop{display:none}
}
@media all and (max-width:1041px){
	#userbar-box{
		right: 0;
	}
	#userbar-box>ul:before{
		border-top-right-radius: 0;
	}
}
/* media min-width */
@media (min-width: 768px){
	.menu-arrow{
		display: none;
	}
}