@charset "utf-8";
a:link { color: #0066CC; text-decoration: none; }
a:visited { text-decoration: none; color: #0066CC; }
a:hover { text-decoration: none; color: #FF9900; }
a:active { text-decoration: none; }

a{ transition:color 300ms,background-color 300ms,opacity 300ms;-moz-transition:color 300ms,background-color 300ms,opacity 300ms;-o-transition:color 300ms,background-color 300ms,opacity 300ms;-webkit-transition:color 300ms,background-color 300ms,opacity 300ms;}

html { font-size: 62.5%; color:#222; overflow-y: scroll; overflowx-x:hidden; _zoom:expression(function(ele){document.execCommand('BackgroundImageCache',false,true); ele.style.zoom ='1';}(this));}
body { margin: 0px; padding: 0px; text-align: left }
pre { margin: 0px; padding: 0px; }
p { margin: 15px 0px; padding: 0px; }
div { margin: 0px; padding: 0px; }
table { margin: 0px; padding: 0px; border-collapse:collapse;}
form { margin: 0px; padding: 0px; }
dl { padding: 0px; margin: 0px; }
ul { margin: 15px 0px; padding: 0px 0px 0px 20px; word-wrap: break-word;}
dt { padding: 0px; margin: 0px; }
dd { padding: 0px; margin: 0px; }
img {vertical-align:top;}

h1, h2, h3 { color: #003300; /*font-weight:normal; */}  /*800d0d  0033FE */
h1 { margin: 20px 0px;  line-height: 30px; }
h2 { margin: 18px 0px; }
h3 { margin-bottom: 10px; }
h4 { margin-top: 10px; }

h1 /*{ font-size: 27px; }*/{ font-size: 24px; font-weight:bold; }
h2 /*{ font-size: 23px; }*/{ font-size: 20px;font-weight:bold; }
h3 { font-size: 19px; font-weight:normal; }
h4 { font-size: 17px; }


input:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only; }

#wrapper { margin: 0px; padding: 0px; width: 100%; position: relative; min-width:910px; *width:expression((document.documentElement.clientWidth||document.body.clientWidth)<910?"910px":"auto"); }
#langbar { padding: 0px; margin: 0px; background-color:#003300; width:100%; height:30px; line-height:30px; font-size:12px; color:#FFFFFF }
#company { float:left; font-style:italic; }
#lang { float:right; }
#lang a:link, #lang a:visited  { font-weight: bold; color: #FFFFFF; text-decoration: none; }
#lang a:hover { color: #FFCC00; text-decoration: none; }
#Chinese { font-family: "Microsoft YaHei", SimHei, SimSun, Helvetica; }
#English { font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
#header { padding: 0px; margin: 0px; background-color:#0d4900; width:100% }
#banner { max-width:870px; padding:0px 20px; margin:0px auto; *width:870px; }

#menubtn { display:none; background:url(../images/white_menu_icon.gif) center center no-repeat; height:80px; width:80px; position:absolute; right:0px; top:30px; cursor:pointer }
#menu { margin: 0px auto; height: 38px; max-width: 910px; position:relative; z-index:90; *width:910px; display:block; top:-1000px; }
#menu ul { list-style-type: none; margin: 0px; padding: 0px; }
#menu li.topmenuhover { background: url(../images/menuback.gif) repeat-x top; }
#menu .menu-e { font-size: 16px; font-weight: 400; color: #FFFFFF; text-align: center; cursor: pointer; text-decoration: none; height: 23px; float: left; position: relative; display: inline; margin-left: 20px; line-height: 23px; padding-top: 3px; }
#menu .menu-e a:link, #menu .menu-e a:visited { color: #FFFFFF; text-decoration: none; display:block; }
#menu .menu-c { font-size: 16px; font-weight: 400; color: #FFFFFF; text-align: center; cursor: pointer; text-decoration: none; height: 23px; float: left; position: relative; display: inline; margin-left: 20px; line-height: 23px; padding-top: 3px; font-family: "Microsoft YaHei", SimHei, SimSun, Helvetica; }
#menu .menu-c a:link, #menu .menu-c a:visited { color: #FFFFFF; text-decoration: none; display:block; }
#menu .submenu { z-index: 99; background-color: #0a0a0a; text-decoration: none; left: -2px; top: 26px; position: absolute; cursor: default; text-align: left;  margin: 0px; display: none; padding: 0px; white-space: nowrap; }
#menu .submenu li { margin: 0px; padding: 0px; white-space: nowrap; border-top: 1px solid #373737; }
#menu .submenu a:link, #menu .submenu a:visited { font-size: 12px; color: #bebebe; text-decoration: none; font-weight: normal; line-height: 26px; height: 26px; display: block; padding:8px 12px 8px 10px; }
#menu .submenu a:hover { text-decoration: underline; color:#FFFFFF }

@media screen and (max-width:800px) {
#menubtn { display:block; }
#menu { width:240px; position:absolute; left:-242px; top:0px; background-color:#222; height:100%;  border-right:1px solid #FFFFFF; display:block; }
#menu.openmenu { left:0px; transition:left 0.3s ease; -moz-transition:left 0.3s ease; -o-transition:left 0.3s ease; -webkit-transition:left 0.3s ease; }
#menu .menu-e { font-size: 16px; font-weight: normal; text-align: left; height: auto; float: none; display: block; margin-left: 0px; line-height: 48px; padding:0px 30px 0px 15px; border-bottom:1px solid #333; }
#menu .menu-c { font-size: 16px; font-weight: normal; text-align: left; height: auto; float: none; display: block; margin-left: 0px; line-height: 48px; padding:0px 30px 0px 15px; border-bottom:1px solid #333; }
#menu .submenu { background-color: #222; left: auto; top: -6px; position: relative; display: block; }
#menu .submenu li { margin: 0px; padding: 0px; white-space: nowrap; border-top: 0px solid #373737; }
#menu .submenu a:link, #menu .submenu a:visited { font-size: 14px; color: #FFFFFF; text-decoration: none; font-weight: normal; line-height: 26px; height: 26px; display: block; padding:4px 10px 4px 10px; }
#menu .submenu a:hover { text-decoration: none; color:#FFFFFF }
}

#main { margin: 0px; padding: 0px; width: 100%; position: relative; }
#footer { margin: auto; clear: both; width: 100%; font-size: 15px; color:#FFFFFF; background-color: #444; text-align: center; padding: 20px 0px; }
#footer a{ color: #FFFFFF; text-decoration: underline}

.TouchDevice { cursor:pointer; -webkit-tap-highlight-color: transparent; }
.col-box { font-size:13px;padding-left:20px; display:inline-block; *display:inline; *ZOOM:1;vertical-align:text-top; }
.col-box p {margin-bottom:  -15px;margin-top: -5px;}
.en-body { font-family:'Open Sans','Microsoft YaHei', Arial, Helvetica, sans-serif; font-size:15px; /*font-size:1.5rem;*/ line-height:25px; color:#000; font-weight:400 }
.cn-body { font-family:'Microsoft YaHei', SimSun, SimHei, Helvetica; font-size:15px; /*font-size:1.5rem;*/ line-height:25px; color:#000; font-weight:400 }
.content-wrapper { background-color:#F7F7F7; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; }/*c8c8c8*/ /*b5b5b5*/
.content-body { max-width:975px; padding:0px 20px; margin:0px auto; *width:975px; }

.front-speaker{ width:238px; padding:0px 24px 30px 24px; display:inline-block; *display:inline; *ZOOM:1;vertical-align:text-top; text-align:center }
.front-speaker-photo { width:150px; text-align:center; display:inline-block; *display:inline; *ZOOM:1;}

.bullet-points{ width:188px; padding:0px 14px 16px 14px; display:inline-block; *display:inline; *ZOOM:1;vertical-align:text-top; text-align:center }
.bullet-points-text { font-size: 15px}

.carousel-wrapper { position:relative; overflow:hidden; }
.carousel-items { width:20000px; position:absolute; text-align:left; }
.carousel-item { width:200px; padding:0px 0px 0px 0px; display:inline-block; *display:inline; *ZOOM:1;vertical-align:text-top; text-align:center;font-size: 13px }
.carousel-details { padding:0px 5px 0px 5px }

.carousel-btn-prev { height:38px; width:38px; line-height:38px; background-image:url(../images/showcase-nav.png); background-position:0px 0px; position:absolute; top:40%; left:8px; display:block; z-index:3; cursor:pointer }
.carousel-btn-next { height:38px; width:38px; line-height:38px; background-image:url(../images/showcase-nav.png); background-position:38px 0px; position:absolute; top:40%; right:8px; display:block; z-index:3; cursor:pointer }

.sponsor-body { text-align:center; }
.signin { background-color: #444; padding:10px 0px; text-align:center; color:#FFFFFF; }
.signin h2 { color:#FFFFFF; margin: 18px 0px 15px 0px; font-size:27px; }
.signinframe { max-width:500px; height:50px ;width:100%; *width:500px; }

.highlight-body{ padding-bottom:20px; }
.highlight { padding:0px; margin:1px; display:inline-block; width:170px; *ZOOM:1; *display:inline; }
.highlight a{ display:block; }
.highlight a:hover{ opacity:0.85 }

.event-logo { display:none; margin:20px 0px; padding:0px; vertical-align:middle; text-align:left; width:100px; }
.event-datelocation { display:none;  margin:20px 10px 20px 10px; padding:0px; vertical-align:top; text-align:left; }
.event-annual { font-size:18px; color:#FFFFFF; line-height:18px; font-style:italic; }
.event-name { font-size:30px; color:#FFFFFF; font-weight:bold; line-height:30px; padding-top:10px; padding-bottom:15px; }
.event-slogan { font-size:16px; color:#FFFFFF; line-height:56px }
.event-date { font-size:18px; color:#ffcc00; line-height:18px; }
.banner-en{ background: url(../images/banner-e.jpg) no-repeat; height:140px } 
.banner-cn{ background: url(../images/banner-c.jpg) no-repeat; height:140px }
.banner-en .event-name { letter-spacing:0px; font-size:25px; }
.banner-cn .event-name { letter-spacing:1.4px; }

.global-partners{ width:195px; padding:10px 10px 0px 10px;  display:inline-block; *ZOOM:1; *display:inline; vertical-align:text-top;}
.video-holder { width:850px; vertical-align:text-top; position:relative; margin:0px auto 20px auto }
.videoplayer { width:100%; height:100%; position:absolute; *width:850px; *height:545px; }
.speaker { padding:0px 0px 15px 0px; border-bottom:1px dashed #ccc; margin-bottom:15px; overflow:hidden; *ZOOM:1; }
.speaker-photo { width:78px; padding:0px; display:block; float:left; }
.speaker-details { display:block;  padding-left:88px; }
.speaker-details p{ margin:0px; margin-top:-4px; }
.media-logo { width:150px; padding:0px; display:block; float:left; text-align:center }
.newscontent { padding:0px 0px 5px 0px; border-bottom:1px dashed #ccc; margin-bottom:15px; overflow:hidden; *ZOOM:1; }
.newscontent-details { display:block;  padding-left:160px; }
.newscontent-details p{ margin:0px; margin-top:-4px; margin-bottom:10px; }

.discount-body { max-width:450px; *width:450px; }
.results-body { display:none; }
.photo-body { text-align:left; }/*center*/
.eventphoto { margin:0px; padding:0px 5px 5px 5px; display:inline-block; width:420px; *ZOOM:1; *display:inline; vertical-align:text-top; }
.hotel-photo { max-width:360px; *width:360px; }
.tupian{width: 130%}
.tupian-e{width: 160%}
.tupian-ee{width: 185%}
.col-1-2 { width: 50%; }
.col-1-3 { width: 30.33%; }
.col-2-3 { width: 66.66%; }
.col-1-4 { width: 25%; }
.col-3-4 { width: 74%; }
.col-1-5 { width: 19%; }
.col-2-5 { width: 40%; }
.col-3-5 { width: 60%; }
.col-4-5 { width: 80%; }
.col-1-6 { width: 16.66%; }
.col-5-6 { width: 83.33%; }
.col-1-8 { width: 12.5%; }
.col-3-8 { width: 37.5%; }
.col-5-8 { width: 62.5%; }
.col-7-8 { width: 87.5%; }
/*@media screen and (max-width:680px) {
  .mobile-stack [class*='col-'] { width: 100% !important; }
}

@media screen and (max-width:400px) {
  .mobile-stack-xs [class*='col-'] { width: 100% !important; }
}*/

.quick-nav { padding:5px 10px;; margin-right:5px; margin-bottom:10px; display:inline-block; *ZOOM:1; *display:inline; cursor:pointer; }
.border-top { border-top:1px solid #b5b5b5; }
.border-bottom { border-bottom:1px solid #b5b5b5; }
.agenda-body { padding-bottom:20px; }
.agenda-header { text-align:center; font-size:19px; padding:20px; background-color:#FFDC6D; } /*FFDC6D*/
.agenda-caption { text-align:center; font-size:17px; font-weight:bold; padding:10px; background-color:#FFFFCC; border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; }
.agenda-moderator { font-size:14px; font-weight:normal;  }
.agenda-session-abstract { background-color:#F7F7F7; border-bottom:1px solid #b5b5b5; padding:10px 0px; }
.agenda-grid { max-width:870px; padding:0px 20px; margin:20px auto; *width:870px; }
.agenda-grid p{ margin:0px; }
.agenda-grid ul { margin: 0px; }
.agenda-time { vertical-align:text-top; text-align:left; display:inline-block; *ZOOM:1; *display:inline; width:15%; font-weight:bold; } 
.agenda-topic { vertical-align:text-top; text-align:left; display:inline-block; *ZOOM:1; *display:inline; width:85%; margin-left:-5px; } 
.agenda-break { background-color:#F7F7F7; border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; padding:10px 0px; } /*F7F7F7  FFCC00  FFDC6D*/
.agenda-break .agenda-grid { margin:0px auto; }
.agenda-speech { color:#0066FF; font-weight:bold; cursor:pointer; }
.agenda-description { margin-top:25px; }
.agenda-close-desc { display:inline-block; margin-top:15px; *ZOOM:1; *display:inline; }
.no-border-top { border-top:none; }
.no-border-bottom { border-bottom:none; }


.all { background-color:#9DCED7; }
.keynote { background-color:#FFDC6D; }
.track1 { background-color:#ffcccc; }
.track2 { background-color:#c5e0b4; }
.track3 { background-color:#ffcc99; }
.track4 { background-color:#bdd7ee; }
.track5 { background-color:#ccff99; }
.track6 { background-color:#ffe699; }
.track7 { background-color:#ffff99; }
.track8 { background-color:#e6cdff; }
.track9 { background-color:#edeff3; }

ul.logolist { text-align:center; list-style-type: none; margin:0px; padding:0px }
ul.logolist li { margin: 0px; display:inline-block; *ZOOM:1; *display:inline; }
div.vertical-middle span { font-size:9pt; display:inline-block ;vertical-align:middle; background-color:#FFFFFF; width:180px;}
div.vertical-middle img { vertical-align:middle;}
ul.logolist div.vertical-middle  { width:150px; }
ul.logolist div.vml { width:auto; }
div.vertical-middle { vertical-align:middle; text-align:center; margin:10px 10px 20px 10px; }

.btn-view-speakers { padding:20px; font-size:18px; }
.btn-view-speakers a:link,.btn-view-speakers a:visited{ color:#003300; text-decoration:none; }
.btn-view-speakers a:hover { text-decoration: underline; }

.text-indent { text-indent: 2em; text-align: left; }
.text-justify { text-align:justify; }
.hr { margin: 20px 0px; padding: 0px; font-size: 0px; height: 1px; line-height: 1px; border-top: 1px solid #999999; }
.br { margin: 10px auto; padding: 0px; }
.br_20 { margin: 20px auto; padding: 0px; }
.red { color: #F00000; }
.gray-d { color:#3D3D3D }
.gray { color: #606060; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.blue { color:#000099; }
:focus {outline:none; }
.btnbar { margin:20px auto; padding:0px; }

.en-body input{ font-family:'Open Sans','Microsoft YaHei', Arial, Helvetica, sans-serif; }
.en-body select{ font-family:'Open Sans','Microsoft YaHei', Arial, Helvetica, sans-serif; height:30px; line-height:30px; }
.en-body button{ font-family:'Open Sans','Microsoft YaHei', Arial, Helvetica, sans-serif; }
.en-body textarea{ font-family:'Open Sans','Microsoft YaHei', Arial, Helvetica, sans-serif; }
.cn-body input{ font-family:'Microsoft YaHei', SimSun, SimHei, Helvetica; }
.cn-body select{ font-family:'Microsoft YaHei', SimSun, SimHei, Helvetica; height:30px; line-height:30px; }
.cn-body button{ font-family:'Microsoft YaHei', SimSun, SimHei, Helvetica; }
.cn-body textarea{ font-family:'Microsoft YaHei', SimSun, SimHei, Helvetica; }

input.input-text { width:100%; line-height: 25px; padding: 2px; height: 25px; border-top: none; border-radius: 0px; border-bottom: 1px solid #999999; border-left:none; border-right:none; font-size:15px; margin: 0px; *width:auto; }
input.input-text-hover{ border-bottom:1px solid #0099FF }
input.input-text-error { border-bottom:1px solid #FF0000 }
input.input-radio { cursor:pointer; height:16px; width:16px; vertical-align:middle; margin:0px; position:relative; top:-2px; *top:6px; }
input.disime { ime-mode: disabled; }
label.label-text { line-height:30px; display: inline-block; padding-left: 0px; text-align: left; padding-right: 10px; vertical-align:baseline; *ZOOM:1; *display:inline; *vertical-align:bottom; }
label.label-other { line-height:30px; display: inline-block; padding-left: 0px; text-align: left; padding-right: 10px; vertical-align:baseline; *ZOOM:1; *display:inline; *vertical-align:bottom; }
label.label-radio { line-height:30px; display: inline; padding-left: 3px; margin-right: 5px; vertical-align:baseline; cursor:pointer; *ZOOM:1; *display:inline; *vertical-align:bottom; }
label.right { text-align:right; }

.en-body label.label-text { width:120px; }
.cn-body label.label-text { width:90px; }
.cn-body label.w { width:110px; }

.input-field { margin:20px 0px 20px 0px; }
.input-holder { display:inline-block; max-width:400px; *width:400px; padding-right:4px; *ZOOM:1; *display:inline; }
.select-holder { display:inline-block; padding-right:4px; *ZOOM:1; *display:inline; }
.checkbox-holder { display:inline-block; margin:0px 20px 5px 0px; }

.payment-text { margin-top:0px; padding-left:0px;}

textarea:disabled, input:disabled { background-color:#FFFFFF; }

button.regbtn { background: #e3e3e3; border: 1px solid #bbb; border-radius: 3px; color: #333; font-size:15px; padding: 8px 0px 9px 0px; text-align: center; margin:0px 5px 0px 5px; cursor: pointer; }
button.regbtn:hover { background: #d9d9d9; color: #222; }
button.regbtn:active { background: #d0d0d0;color: #000; }
button.btn-auto { padding-left:10px; padding-right:10px; }
.btn-n { width:60px }
.btn-w { width:100px }

.partner-banner-m1 { display:none; }
.partner-banner-m2 { display:none; }

@media screen and (max-width:8000px) {
#wrapper { min-width:inherit }
.event-logo { display:inline-block; }
.event-datelocation { display:inline-block;}
.banner-en{ background: none; height:auto; }
.banner-cn{ background: none; height:auto; }
.eventphoto { padding:0px 1% 1% 1%; width:48%; }
.video-holder { max-width:98%; width:100%; }
.speaker-details{ -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; }
.global-partners{ -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:25%; }
.front-speaker { -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:33%; }
.bullet-points { -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:25%; }
body { -webkit-text-size-adjust:none; }
.pt {margin-left: 94px;}
.col-box { -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.newscontent-details{ -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; }
.mit{margin-left: 35px;}
}



@media screen and (max-width:920px) {
#banner { text-align:center; }
.event-logo { width:160px;display:inline-block; margin:0px; padding:20px 0px; text-align:center; }
.event-datelocation { display:block; margin:0px; padding:0px 0px 20px 0px; text-align:center; }
.front-speaker { width:50%; }
.bullet-points { width:50%; }
.carousel-item { width:200px; }
.carousel-details { padding:0px 5px 0px 5px }
.pt {margin-left: 94px;}
.col-1-3 { width: 100%;}
.mit{margin-left: 35px;}
}

@media screen and (max-width:640px) {
.event-annual { font-size:16px; line-height:16px }
.event-name { font-size:24px; padding-top:0px; padding-bottom:18px; }
.banner-en .event-name { font-size:20px; }
.event-slogan { font-size:16px;  line-height:56px }
.event-date { font-size:14px; line-height:18px; }
.global-partners { width:50%; }
.partner-banner-comp { display:none; }
.partner-banner-m1 { display:block; }
.partner-banner-m2 { display:none; }
.carousel-btn-prev, .carousel-btn-next { display:none; }
.pt {margin-left: 94px;}
.tupian{width: 100%}
.tupian-e{width: 100%}
.tupian-ee{width: 100%}
}

@media screen and (max-width:600px) {
select { width:100%; }
input.input-text { padding:2px 0px 2px 0px; }
label.right { text-align:left; }
.input-holder, .select-holder{ display:block; width:100%; max-width:none; }
.checkbox-holder { display:block; }
.agenda-time { width:100%;  } 
.agenda-topic { width:100%; margin-left:0px; } 
.highlight { width:32%; }
.pt {margin-left: 94px;}
.tupian{width: 100%}
.tupian-e{width: 100%}
.tupian-ee{width: 100%}
.newscontent-details { padding-left:0px; }
.newscontent-details p{ font-size:14px; line-height:20px; }
.media-logo { display:none; }
}

@media screen and (max-width:460px) {
.eventphoto { padding:0px 0px 10px 0px; width:100%; }
.video-holder { max-width:100%; width:100%; }
.front-speaker { width:100%; padding:0px 0px 20px 0px;  }
.bullet-points { width:100%; padding:0px 0px 10px 0px;  }
.partner-banner-comp { display:none; }
.partner-banner-m1 { display:none; }
.partner-banner-m2 { display:block; }
.carousel-item { margin-left:20px; margin-right:20px; }
.carousel-details { padding:0px 0px 0px 0px }
.pt {margin-left: 0px;}
.tupian{width: 100%}
.tupian-e{width: 100%}
.tupian-ee{width: 100%}
}

@media screen and (max-width:420px) {
#banner, .content-body, .agenda-grid, .agenda-header { padding-left:15px; padding-right:15px; }
.global-partners { width:100%; }
.highlight { width:49%; }
.speaker-photo { width:40px; }
.speaker-details { padding-left:50px; }
.speaker-details p{ font-size:14px; line-height:20px; }
.agenda-header { font-size:17px; }
.agenda-caption { font-size:15px; }
.text-justify { text-align:inherit; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
.tupian{width: 100%}
.tupian-e{width: 100%}
.tupian-ee{width: 100%}
}