body{overflow: hidden}
body .site{min-width: 320px;  max-width: 720px;  }
p { padding: 0 0 12px 0}
/* Page structure */
.site #rt-wrapper{top:0; }
.site .in-wrapper{margin: 0 ; margin: 20px 20px 0; min-width: 280px;  max-width: 680px; overflow: hidden}
.site #mid-wrapper{width: 33.5%; overflow: hidden;  }
.site #mid-wrapper img{width: 100%; height: auto; position: relative; z-index: 1}
.site #mid-wrapper .d-mobile{display: block; visibility: visible; }
.site #mid-wrapper .d-desktop{display: none; visibility: hidden; width: 0; height: 0;}
.site .arrow-wrapper{display: none; visibility: hidden}
.site #mid-wrapper .arrow-wrap-mobile{display: block; visibility:visible; width: 100%; height: 43px; position: absolute;z-index: 2; top: 20px; left: 0; overflow: hidden}
.site #mid-wrapper .arrow-wrap-mobile  a{line-height: 40px; color: #555; }
.site #mid-wrapper .arrow-wrap-mobile .arrow-l-mobile{background:url(images/arrow-l-mob.png) 0 0 no-repeat; width: 35%; height: 100%; float: left;  padding: 0 0 0 20px; margin: 0 0 0 10px;}
.site #mid-wrapper .arrow-wrap-mobile .arrow-r-mobile{background:url(images/arrow-r-mob.png) right 0 no-repeat;width: 35%; height: 100%; float: right;  padding: 0 20px 0 0; margin: 0 10px 0 0; overflow: hidden}
.site #mid-wrapper .arrow-wrap-mobile .arrow-r-mobile a{margin: 0 10px 0 0;  float: right }
/* Blog Content */
.blog-content #move-up-bu{display: none; visibility: hidden}
.blog-content #move-down-bu{display: none; visibility: hidden}
.blog-content #move-up{display: none; visibility: hidden}
.blog-content #move-down{bottom: 0px; height: 100%}
.blog-header .blog-title{text-align: right; margin: 0}
.blog-header .blog-title h3{color: #666; font-size: 11px; line-height: 12px;}
.blog-header .blog-title h4{color: #666; font-size: 9.5px; line-height: 12px;}
.blog-header .d-desktop{display: none}
.blog-header .d-mobile{display: block}
.blog-header .mobile-arrow{display: block; visibility:visible; position: absolute; width: 16px; height: 43px; }
.blog-header .mobile-arrow .arrow{background:url(images/arrow-l-mob.png) 0 0 no-repeat; width: 100%; height: 100%}
.blog-content{display: block; overflow: hidden; width: 100%; height: 100%}
.blog-content li.post {position: relative; display: block; }
.blog-content li.post .col-left{width: 100%; float: none; display: block;}
.blog-content li.post .col-right{width: 100%; float: none; display: block}
.blog-content li.post .col-right img{width: 100%; height: auto; display: block; }
.blog-content li.post .col-top{display: block; margin: 0; padding: 0; }
.blog-content li.post .col-bottom{display: block; }
.blog-content li.post .col-bottom p{padding: 10px 3px}
.blog-content li.post .blog-text{}
.blog-content li.post p{line-height: 14px}
.blog-back{display: none; visibility: hidden}
/* VB Content */
.vb-header{display: none}
.vb-nav{position:relative; min-width: 280px; max-width: 680px; overflow: hidden; padding: 0 0 20px 0; background: url(images/top-shadow.png) bottom left repeat-x; top:0; }
.vb-nav .mobile-arrow{display: block; visibility:visible; position: absolute; width: 16px; height: 43px; right: 0 }
.vb-nav .mobile-arrow .arrow{background:url(images/arrow-r-mob.png) 0 0 no-repeat; width: 100%; height: 100%}
.vb-logo{width: 130px;  margin: 0; padding: 0; position: absolute; right: 0; top: 45px;}
.vb-logo img{width: 100%;}
.menu-vb-menu-hk-container,
.menu-vb-menu-cn-container,
.menu-vb-menu-container {margin: 12px 0 0 0; float: left; width: 135px;  }
.menu-vb-menu-hk-container li,
.menu-vb-menu-cn-container li,
.menu-vb-menu-container li {position: relative;font-size: 12px; line-height: 12px; padding-bottom: 2px;}
.menu-vb-menu-hk-container li:hover ul.sub-menu,
.menu-vb-menu-cn-container li:hover ul.sub-menu,
.menu-vb-menu-container li:hover ul.sub-menu{display: block; text-align: left; padding: 3px 0 3px 20px; position: relative}
.menu-vb-menu-hk-container  li ul.sub-menu li,
.menu-vb-menu-cn-container  li ul.sub-menu li,
.menu-vb-menu-container li ul.sub-menu li{font-size:12px; line-height: 15px;padding: 0 0 0 0;margin: 0;}
.menu-vb-menu-container  a{color: #666}
#lang_sel_list{margin: 0 0 10px 0;display: block;  width: 135px; float:left; margin}

/* VB Section */
.vb-content {width: 100%; margin: 30px 0 0 0;}
.page-id-192 .vb-content,
.page-id-482 .vb-content,
.page-id-337 .vb-content{margin: -100px 0 0 0}
.exi-doc .alumn-list{padding: 0 0 60px; display: block; min-width: 280px;  max-width: 680px;   }
.exi-doc .zoom-image{ width: 100%; }
.exi-doc .zoom-image img{width: 100%; height: auto; display: block; margin: 0; padding: 0}
.exi-doc ul.photo-gallery{margin: -18px 0 0 0; padding: 0}
.exi-doc ul.photo-gallery li.item{width: 32%; margin: 0 2% 2% 0; display: block}
.exi-doc ul.photo-gallery li.item:nth-child(3n){margin: 0 0 2% 0; width: 33%; }
.exi-doc .zoom-image {margin: 0 0 0 0;  padding: 0;}

.vb-content .talks .meta-table .col-left{width: 35%; float: left}
.vb-content .talks .meta-table .col-right{width: 65%; float: right}