html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin: 0px;padding: 0px;border: 0px;outline: 0px;font-size: 100%;vertical-align: baseline;background: transparent;}
body{line-height: 1;}
ol,ul,li{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{content: '';content: none;}
/* remember to define focus styles!*/
:focus{outline: 0;}
/* remember to highlight inserts somehow!*/
ins{text-decoration: none;}
del{text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup*/
table{border-collapse: collapse;border-spacing: 0;}
a{text-decoration: none;color: #fff;}
body{font-family: "Kreon";font-weight: 300;color: #333;background: #f5f5f5;}

#switcher{height:44px;background-color:#1161ba;z-index: 99999;position:fixed;width: 100%;top: 0;}
.switcher_device{width:69%;float:left;}
.switcher_device li{display: inline;float: left;position: relative;}
.switcher_right{width:20%;float:right;height:21px;padding:10px 15px;width:auto; color:#fff }
.close_frame{display:inline-block;height:14px;width:14px;background:url("../img/closeiframe.png") no-repeat 0 0;transition:transform 0.2s ease-in-out;}
.close_frame:hover{background-position:0 -15px;transform:rotate(180deg);}
#demo_title{width:66%;float:right; margin-left: 30px;margin-top:10px;color:#FFFFFF;font-weight:bold;font-family: "microsoft yahei";}
#demo_title a{color:#fff;}
#demo_title a:hover{text-decoration:underline;}
/*icon css*/
.icon-monitor, .icon-tablet, .icon-mobile-1, .icon-mobile-2, .icon-mobile-3{margin-right: 7px;margin-top:10px;width: 17px;height: 16px;}
.icon-monitor{margin-left: 10px;background-image: url(../img/device_ico.png);background-position: 0 0;background-repeat: no-repeat;}
.icon-tablet{background: url(../img/device_ico.png) no-repeat -24px 0;}
.icon-mobile-1{background: url(../img/device_ico.png) no-repeat -49px 0;}
.icon-monitor:hover, .icon-monitor.active{background-position: 0 -16px;}
.icon-tablet:hover, .icon-tablet.active{background-position: -24px -16px;}
.icon-mobile-1:hover, .icon-mobile-1.active{background-position: -49px -16px;}
.icon-mobile-2{background: url(../img/device_ico.png) no-repeat -71px 0;}
.icon-mobile-3{background: url(../img/device_ico.png) no-repeat -94px 0;}
.icon-mobile-2:hover, .icon-mobile-2.active{background-position: -71px -16px;}
.icon-mobile-3:hover, .icon-mobile-3.active{background-position: -94px -16px;}

.tablet-width{height:960px!important;width: 785px;margin:50px auto;padding: 175px 100px 115px 100px;background: url(../img/bg-mob.png) no-repeat 0 0;}
.tablet-width iframe{height: 960px!important;}

.mobile-width{height:703px!important;width: 1041px;margin:50px auto;padding: 165px 115px 100px 100px;background: url(../img/bg-mob.png) no-repeat 0 -1249px;}
.mobile-width iframe{height:704px!important;}

.mobile-width-2{height:417px!important;width: 337px;margin:50px auto;padding: 125px 25px 159px 25px;background: url(../img/bg-mob.png) no-repeat 0 -2217px;}
.mobile-width-2 iframe{height:416px !important;}

.mobile-width-3{height:256px!important;width:497px;margin:50px auto;padding: 45px 115px 69px 105px;background: url(../img/bg-mob.png) no-repeat -387px -2217px;}
.mobile-width-3 iframe{height: 256px !important;}

#iframe-wrap{height: 100%;overflow: visible;position: relative;top:-11px;z-index: 50;}
/*advertisement css*/
.fdad{width:300px;height:278px;padding:7px 10px 10px;background-color: #FFF;position: fixed;top: 64px;z-index: 888;}
.leftfloat{left:25px;}
.rightfloat{right:25px;}
.leftbottom{right:25px;top:55%;}
.fdad .title{float:left;font-family: Arial;font-size: 12px;color: #ccc;line-height:20px;width:100%;height:20px;margin-bottom:5px;}
.fdad .title .close{float: right;font:normal 14px/normal 'microsoft yahei';cursor: pointer;width:25px;height:25px;}
.fdad .content{width:200px;height:200px;position:relative;}
.fdad .content .notip{position:absolute;height:40px;width:150px;font:normal 12px/1.8 'microsoft yahei';top:50%;left:50%;margin-top:-20px;margin-left:-75px;color:#999;z-index:0;text-align:center;}
.fdad .content .mainad{position:absolute;left:0;top:0;zindex:2;}
.bottomad{width:960px;height:85px;padding:7px 10px 10px;background-color: #FFF;position: fixed;bottom:50px;left:50%;margin-left:-480px;z-index: 888;}
.bottomad .title{float: left;font-family: Arial;font-size: 12px;color: #ccc;line-height:20px;width:100%;height:20px;margin-bottom:5px;}
.bottomad .title .close{float: right;font:normal 14px/normal 'microsoft yahei';cursor: pointer;}
.bottomad .content{width:960px;height:60px;position:relative;}
.bottomad .content .notip{position:absolute;height:20px;width:220px;font:normal 12px/20px 'microsoft yahei';top:50%;left:50%;margin-top:-10px;margin-left:-110px;color:#999;z-index:0;}
.bottomad .content .mainad{position:absolute;left:0;top:0;zindex:2;}
#footer-notice{font-size:12px;text-align:center;height:30px;line-height:30px;color:#fafafa;background-color:#1161ba;z-index: 99999;position:fixed;width:100%;bottom: 0;font-family: "microsoft yahei"}
.footContent{display: none;}



input[type="text"], input[type="password"], textarea, select, .editable, .editable-tarea {   color: #333;   background-color: #FFF;   border: solid 1px #ddd; }
input, button, select, textarea {
    outline: none;
}
input[type="text"]{ width:66%; height:23px; line-height:23px;}


#bannerBox{ display: block;position: fixed;left: 0;top: 0;overflow: hidden;z-index: -999;height: 100%;width: 100%;}
#bannerBox .slideBanner{ height: 100%;width: 100%;}
#bannerBox .slideBanner li{ display: block;list-style: none;z-index: -30;position: fixed;overflow: hidden;top: 0;left: 0;width: 100%;height: 100%;background: #111;}