.doc-toper {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #323436; COLOR: #999; FONT-SIZE: 12px; PADDING-TOP: 10px
}
.doc-toper A:link {
	COLOR: #f00
}
.doc-toper A:visited {
	COLOR: #f00
}
.doc-naver {
	PADDING-BOTTOM: 30px; PADDING-TOP: 30px
}
.doc-logo {
	DISPLAY: block; MARGIN-BOTTOM: 10px
}
.doc-naver .nav A:link {
	FONT-SIZE: 16px; FONT-WEIGHT: bold
}
.doc-naver .nav A:visited {
	FONT-SIZE: 16px; FONT-WEIGHT: bold
}
.doc-naver .nav .active A {
	COLOR: #0a8
}
.fixed-top.doc-header {
	Z-INDEX: 2; BORDER-BOTTOM: #ddd 1px solid; BACKGROUND-COLOR: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .175)
}
.fixed-top.doc-header .doc-toper {
	DISPLAY: none
}
.fixed-top.doc-header .doc-intro {
	DISPLAY: none
}
.fixed-top.doc-header .doc-naver {
	PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #fff; PADDING-TOP: 10px
}
.doc-sidebar {
	MARGIN: 20px 0px 20px 50px; DISPLAY: block
}
.doc-right {
	MARGIN-TOP: 20px
}
.doc-footer {
	TEXT-ALIGN: center; PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 20px
}
.doc-h2 {
	BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 15px; MARGIN-BOTTOM: 15px; FONT-SIZE: 28px
}
.doc-h3 {
	MARGIN: 30px 0px 10px; FONT-SIZE: 21px
}
.doc-lead {
	FONT-SIZE: 18px
}
.doc-readme {
	FONT-SIZE: 16px
}
.doc-title {
	MARGIN-BOTTOM: 20px
}
.doc-code {
	MARGIN-BOTTOM: 20px
}
.doc-demo {
	MARGIN-BOTTOM: 20px
}
.doc-quote {
	MARGIN-BOTTOM: 20px
}
.doc-quoteyellow {
	MARGIN-BOTTOM: 20px
}
.doc-quotered {
	MARGIN-BOTTOM: 20px
}
.doc-democode {
	MARGIN-BOTTOM: 20px
}
.doc-code {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: #f5f5f5; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 15px; border-radius: 4px
}
.doc-demoview {
	BORDER-BOTTOM: medium none; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 15px; border-radius: 4px 4px 0 0
}
.doc-demoview:before {
	COLOR: #999; CONTENT: "ʾ"
}
.doc-demoview .view-head {
	MARGIN-BOTTOM: 10px; COLOR: #999
}
.doc-demoview .view-body {
	PADDING-TOP: 15px
}
.doc-democode {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: #f5f5f5; FONT-SIZE: 12px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 15px; border-radius: 0 0 4px 4px
}
.doc-blogview {
	BORDER-BOTTOM: medium none; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 15px; border-radius: 4px 4px 0 0
}
.doc-blogview:before {
	COLOR: #999; CONTENT: ""
}
.doc-blogview .view-head {
	MARGIN-BOTTOM: 10px; COLOR: #999
}
.doc-blogview .view-body {
	PADDING-TOP: 15px
}
.doc-blogcode {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND: #fff; FONT-SIZE: 12px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 15px; border-radius: 0 0 4px 4px
}
.doc-viewad0 {
	BORDER-BOTTOM-COLOR: #cec; BORDER-TOP-COLOR: #cec; BORDER-RIGHT-COLOR: #cec; BORDER-LEFT-COLOR: #cec
}
.doc-codead0 {
	BORDER-BOTTOM-COLOR: #cec; BORDER-TOP-COLOR: #cec; BORDER-RIGHT-COLOR: #cec; BORDER-LEFT-COLOR: #cec
}
.doc-codead0 {
	BACKGROUND: #efe
}
.doc-viewad1 {
	BORDER-BOTTOM-COLOR: #ffd324; BORDER-TOP-COLOR: #ffd324; BORDER-RIGHT-COLOR: #ffd324; BORDER-LEFT-COLOR: #ffd324
}
.doc-codead1 {
	BORDER-BOTTOM-COLOR: #ffd324; BORDER-TOP-COLOR: #ffd324; BORDER-RIGHT-COLOR: #ffd324; BORDER-LEFT-COLOR: #ffd324
}
.doc-codead1 {
	BACKGROUND: #fff6bf
}
XMP {
	LINE-HEIGHT: 18px; DISPLAY: block; WHITE-SPACE: pre-wrap
}
PRE {
	LINE-HEIGHT: 18px; DISPLAY: block; WHITE-SPACE: pre-wrap
}
PLAINTEXT {
	LINE-HEIGHT: 18px; DISPLAY: block; WHITE-SPACE: pre-wrap
}
.doc-grid {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-TOP: 10px
}
.doc-grid SPAN {
	BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 5px; DISPLAY: block; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 5px; border-radius: 2em
}
.doc-bg-color P {
	PADDING-BOTTOM: 15px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 15px
}
.doc-border DIV {
	PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; MARGIN-BOTTOM: 15px; PADDING-TOP: 20px
}
#doc-input-focus {
	BORDER-BOTTOM-COLOR: #09c; BORDER-TOP-COLOR: #09c; BORDER-RIGHT-COLOR: #09c; BORDER-LEFT-COLOR: #09c
}
.doc-dialog {
	PADDING-BOTTOM: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 20px
}
.doc-banner {
	PADDING-BOTTOM: 70px; PADDING-LEFT: 10%; PADDING-RIGHT: 10%; BACKGROUND: #0a8; COLOR: #fff; PADDING-TOP: 70px
}
.doc-banner H1 {
	FONT-SIZE: 36px
}
.doc-banner H3 {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 10%; PADDING-RIGHT: 10%; FONT-SIZE: 22px; PADDING-TOP: 0px
}
.doc-banner .button-big {
	BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; PADDING-BOTTOM: 14px; PADDING-LEFT: 25px; PADDING-RIGHT: 25px; MARGIN-BOTTOM: 15px; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid; PADDING-TOP: 14px
}
.doc-banner .button-big:hover {
	BORDER-BOTTOM: #f00 2px solid; BORDER-LEFT: #f00 2px solid; BACKGROUND: #f00; COLOR: #fff; BORDER-TOP: #f00 2px solid; BORDER-RIGHT: #f00 2px solid
}
.doc-input {
	MARGIN-BOTTOM: 15px
}
.doc-intro {
	PADDING-BOTTOM: 40px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: #0a8; COLOR: #fff; PADDING-TOP: 40px
}
.doc-intro H1 {
	MARGIN-BOTTOM: 15px; FONT-SIZE: 32px
}
.doc-intro P {
	FONT-SIZE: 22px
}
.bdshare_dialog_box {
	BOX-SIZING: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box
}
.bdsharebuttonbox A:hover {
	FILTER: alpha(opacity=100); COLOR: inherit; opactity: 1
}
.doc-backtop {
	Z-INDEX: 9; POSITION: fixed; BOTTOM: 0px; COLOR: #999; FONT-SIZE: 30px; CURSOR: pointer; RIGHT: 5px
}
.doc-backtop:hover {
	COLOR: #0a8
}
.sidenav A:link {
	BORDER-LEFT: transparent 2px solid; PADDING-LEFT: 20px
}
.sidenav A:visited {
	BORDER-LEFT: transparent 2px solid; PADDING-LEFT: 20px
}
.sidenav.nav A {
	PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.sidenav.nav UL {
	DISPLAY: none
}
.sidenav .active A {
	BORDER-BOTTOM-COLOR: #09f; BORDER-TOP-COLOR: #09f; COLOR: #09f; BORDER-RIGHT-COLOR: #09f; BORDER-LEFT-COLOR: #09f
}
.sidenav .active UL {
	DISPLAY: block
}
.sidenav .active UL A {
	BORDER-BOTTOM-COLOR: transparent; BORDER-TOP-COLOR: transparent; PADDING-LEFT: 20px; COLOR: inherit; BORDER-RIGHT-COLOR: transparent; MARGIN-LEFT: 20px; BORDER-LEFT-COLOR: transparent; FONT-WEIGHT: normal
}
.sidenav .active UL .active A {
	BORDER-BOTTOM-COLOR: #0a8; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-COLOR: #0a8; PADDING-LEFT: 21px; BORDER-TOP-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; COLOR: #0a8; BORDER-RIGHT-COLOR: #0a8; MARGIN-LEFT: 20px; BORDER-LEFT-COLOR: #0a8; BORDER-LEFT-WIDTH: 1px
}
.sidenav A:hover {
	BORDER-BOTTOM-COLOR: #0a8; BORDER-TOP-COLOR: #0a8; COLOR: #0a8; BORDER-RIGHT-COLOR: #0a8; BORDER-LEFT-COLOR: #0a8
}
.sidenav .active UL A:hover {
	BORDER-BOTTOM-COLOR: #0a8; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-COLOR: #0a8; PADDING-LEFT: 21px; BORDER-TOP-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; COLOR: #0a8; BORDER-RIGHT-COLOR: #0a8; MARGIN-LEFT: 20px; BORDER-LEFT-COLOR: #0a8; BORDER-LEFT-WIDTH: 1px
}
.fixed-top.sidenav {
	TOP: 80px
}
.doc-icons {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.doc-icons LI {
	TEXT-ALIGN: center; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #f5f5f5; PADDING-LEFT: 5px; WIDTH: 118px; PADDING-RIGHT: 5px; DISPLAY: inline-block; MARGIN-BOTTOM: 5px; HEIGHT: 120px; VERTICAL-ALIGN: top; OVERFLOW: hidden; PADDING-TOP: 5px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.doc-icons LI SPAN {
	DISPLAY: block; FONT-SIZE: 12px
}
.doc-icons LI SPAN:first-child {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 36px; PADDING-TOP: 10px
}
.doc-icons LI:hover {
	BACKGROUND: #0a8; COLOR: #fff; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.doc-drop-open .drop-menu {
	DISPLAY: block
}
.doc-radius DIV {
	TEXT-ALIGN: center; PADDING-BOTTOM: 40px; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; DISPLAY: inline-block; HEIGHT: 100px; VERTICAL-ALIGN: top; PADDING-TOP: 40px
}
.doc-spy-content {
	HEIGHT: 150px; OVERFLOW: auto
}
.doc-fixed-top.fixed-top {
	Z-INDEX: 9; FILTER: alpha(opacity=80); MARGIN-TOP: 60px; RIGHT: 0px; LEFT: 0px; opacity: .8
}
.doc-fixed-bottom.fixed-bottom {
	Z-INDEX: 9; FILTER: alpha(opacity=80); RIGHT: 0px; LEFT: 0px; opacity: .8
}
.doc-layout {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid
}
.doc-layout-header {
	BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: center
}
.doc-carousel {
	BORDER-BOTTOM: #fff 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #fff 1px solid; BACKGROUND: url(#) #f5f5f5 no-repeat center center; HEIGHT: 300px; COLOR: #aaa; FONT-SIZE: 18px; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid; PADDING-TOP: 100px
}
.space {
	TEXT-ALIGN: center; MARGIN: 80px 0px 50px
}
.time {
	LINE-HEIGHT: 19px; DISPLAY: block; HEIGHT: 19px; COLOR: #fff; FONT-SIZE: 12px
}
.iphone {
	BACKGROUND-IMAGE: url(#); WIDTH: 375px; FLOAT: left; HEIGHT: 806px
}
.iphone IFRAME {
	BACKGROUND-COLOR: white; MARGIN-TOP: 147px; WIDTH: 320px; HEIGHT: 548px; MARGIN-LEFT: 27px; OVERFLOW: hidden
}
.iphone5 {
	BACKGROUND: url(#) #fff no-repeat center top; PADDING-TOP: 105px
}
.iphone5 IFRAME {
	WIDTH: 320px; MARGIN-BOTTOM: 169px; HEIGHT: 504px
}
.iphone5-x {
	BACKGROUND: url(#) #fff no-repeat center top; PADDING-TOP: 24px
}
.iphone5-x IFRAME {
	WIDTH: 568px; MARGIN-BOTTOM: 88px; HEIGHT: 256px
}
.iphone6 {
	BACKGROUND: url(#) #fff no-repeat center top; PADDING-TOP: 105px
}
.iphone6 IFRAME {
	WIDTH: 375px; MARGIN-BOTTOM: 169px; HEIGHT: 603px
}
.iphone6-x {
	BACKGROUND: url(#) #fff no-repeat center top; PADDING-TOP: 24px
}
.iphone6-x IFRAME {
	WIDTH: 667px; MARGIN-BOTTOM: 87px; HEIGHT: 311px
}
.iphone6-plus {
	BACKGROUND: url(#) #fff no-repeat center top; PADDING-TOP: 105px
}
.iphone6-plus IFRAME {
	WIDTH: 414px; MARGIN-BOTTOM: 169px; HEIGHT: 672px
}
.iphone6-plus-x {
	BACKGROUND: url(#) #fff no-repeat center top; PADDING-TOP: 23px
}
.iphone6-plus-x IFRAME {
	WIDTH: 736px; MARGIN-BOTTOM: 87px; HEIGHT: 350px
}
.ipad {
	BACKGROUND: url(#) #fff no-repeat center top; PADDING-TOP: 112px
}
.ipad .time {
	MARGIN-BOTTOM: 76px; COLOR: #bbb
}
.ipad IFRAME {
	WIDTH: 768px; MARGIN-BOTTOM: 131px; HEIGHT: 929px
}
.ipad-x {
	BACKGROUND: url(#) #fff no-repeat center top; PADDING-TOP: 100px
}
.ipad-x .time {
	MARGIN-BOTTOM: 76px; COLOR: #bbb
}
.ipad-x IFRAME {
	WIDTH: 1024px; MARGIN-BOTTOM: 120px; HEIGHT: 675px
}
.img-icons {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.img-icons LI {
	TEXT-ALIGN: center; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #f5f5f5; PADDING-LEFT: 2px; WIDTH: 80px; PADDING-RIGHT: 2px; DISPLAY: inline-block; MARGIN-BOTTOM: 3px; HEIGHT: 80px; VERTICAL-ALIGN: top; OVERFLOW: hidden; PADDING-TOP: 2px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}
.img-icons LI SPAN:first-child {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 36px; PADDING-TOP: 5px
}
.img-icons LI SPAN {
	DISPLAY: block;
}