/**********************************************************/
/*  BASE.CSS 為 框架用 CSS 包含 <header> <footer> 內容      */
/**********************************************************/

/* ______________________________________________________ */
/* XS 超小屏幕（手机，大於 0px） 及共用 ____________________ */
/* ______________________________________________________ */
@media (min-width: 0px) {

    /* color */
    .bg-gray { background: #F0F0EF; }
    .bg-dark {background: #b5b5b5;}
    .bg-purple { background: #AC2F7D; }
    .bg-lilac { background: #C091AE; }
    .bg-pink { background: #E39FBA; }
    .bg-peach {background: #CB0A6E;}
    .bg-sky { background: #80CEEB; }
    .bg-blue { background: #417BBF; }
    .bg-orange { background: #EE7959; }
    .bg-yellow {background: #FDD000;}


    .tc-black { color: #2f2f2f; }
    .tc-gray { color: #6C6C6C;}
    .tc-white {color: #FFF; }
    .tc-orange { color: #EE7959; }
    .tc-purple { color: #B74C94; }
    .tc-warm-purple { color: #8b3e8b; }
    .tc-pink { color: #EB008B; }
    .tc-peach {color: #db1680;}


    /* baseElements.start. (定義基本元素的樣式: body, h1-h6, ul, ol, a, p, 等等) */
    h1 { font-size:32px; font-weight: bold; line-height: 42px; }
    h2 { font-size:21px; font-weight: bold; line-height: 32px; }
    h3 { font-size:16px; line-height: 24px; }
    h4 { font-size:14px; line-height: 16px; }
     p { font-size:13px; line-height: 28px; margin: 8px 0; }
     a { color: #3F3A39;}
     a:focus { color: #3F3A39;}
     a:hover { color: #88358f; text-decoration:underline;}
     a:hover p{ text-decoration:none;}
     a:hover h1,a:hover h2,a:hover h3{ text-decoration:underline;}
     /*go-top*/
    .affix-top .btnTop {display:none;}
    .affix .btnTop {display:block;}
    .btnTop {display:none;position:fixed;right: 0;bottom: 20px;width: 58px;height: 76px; background: url("c01/layout/go-top.png")no-repeat;}
    .carousel-indicators{bottom:15px;margin-left: auto;right:30px; text-align: right;}
    .outer-box{ padding-left: 0; padding-right: 0;}
    /* baseElements.end. */

    /* baseLayout.start. (定義基本的模版: header, footer, 等等，元素可以幫助網站定義基本的圖層) */
    /*body { color:#3F3A39; background: #505050; font-family: 'Microsoft JhengHei', 'Arial','Microsoft YaHei','sans-serif';}*/
    body { color:#3F3A39; background: #505050;font-size: 13px; font-family:  'Arial', 'PMingLiU', 'sans-serif';}
    .wrap { background: #fff; }
    .banner{ padding-top:90px; margin-top: 0; background: #FFF; margin-bottom: 0;}
    main{padding-bottom: 40px;}
    .breadcrumb{background: transparent;margin-bottom: 0; color: #6e6e6e; padding: 20px 15px; }
    .breadcrumb a{ color: #6e6e6e;}
    .breadcrumb a:hover{ color: #e72f62; text-decoration: underline;}
    section { margin-bottom:0; padding-bottom:0; }
    footer { background:#505050;}
    /* basicLayout.end. */

    /* ________________________________________________________________________________ */
    
    /* header.start. */
    /*NAV XS*/
    .nav-xs{ font-size: 14px;}
    .navbar-header{ background: #FFF; height: 50px; overflow: hidden;}
    .navbar-header .btn {line-height: 42px; height: 50px; width: 50px; background: #FFFFFF; color: #333; border-radius: 0; }
    .navbar-header .top-search {line-height: 45px; height: 50px; }
    .navbar-header .top-search img { max-height: 50px; }
    .navbar-header .top-search input{border: none;height: 50px; font-size: 14px; box-shadow: none;}
    .navbar-header .navbar-toggle{margin: 0;padding: 0;background: #e72f62; color: #FFFFFF;}
    .navbar-header .navbar-toggle.collapsed{background: #FFF; color: #333;}    /*top-kv*/
    .top-kv {border-bottom: 2px solid #FFF;}
    .top-kv .exhibitor-zone{ float: left; width: 33%; background: #DB2227; color: #FFF;}
    .top-kv .press-analysts{ float: left; width: 34%; background: #13507F; color: #FFF;}
    .top-kv .buyer{ float: left; width: 33%; background: #EB6317; color: #FFF;}
    .top-kv span{ font-size:13px; }


    .navbar.navbar-collapse{max-height: 600px; width: 225px;}
    .navbar {margin: 0 0 0 0; padding: 0; border: none; }
    .navbar .panel{background: #000; border-radius: 0; margin-top: -2px; border: 0px;}
    .navbar a,.navbar a:hover{color: #FFF; }
    .navbar ul{padding-left: 12px; margin-bottom: 0; border-bottom: 1px solid #333;}
    .navbar li{list-style: none; line-height: 36px;}
    .navbar .btn-link{ border-bottom: #333 solid 1px; height: 36px;  width: 189px; text-align: left; }
    .navbar .btn-sm{ border-bottom: #333 solid 1px; height: 36px; width: 36px; border-left: #333 solid 1px; height: 36px; }
    .navbar.panel-group .panel+.panel{ margin-top: 0;}
    .navbar .language{background: #526faa;}
    .logo-bar-xs{background: transparent; position: fixed; top: 50px; right: 0; }
    /* header.end. */

    /* footer.start. */
    .my-sitemap{ background: #606060; padding: 5px  0;}
    .my-sitemap li{ list-style: none; color: #bcbcbc; font-size: 13px; line-height: 20px;}
    .my-sitemap li a{ list-style: none; color: #bcbcbc;}
    .my-sitemap .my-sitemap-btn{ margin-top:-28px; width:58px; height:29px; background: url("c01/layout/my-sitemap-btn.png")no-repeat; }
    .my-sitemap .collapse.in { margin: 20px;}
    .my-sitemap .collapse { margin: 20px;}
    .my-sitemap .collapsing { margin: 20px;}
    .my-sitemap td { vertical-align:top; }
    .my-sitemap td ul { padding-left: 0; }

    footer .info{ color: #838383; text-align: center; padding: 0; }
    footer .col-sm-9{background: #212121; padding-top: 20px;}
    footer .col-sm-3{background: #505050;}
    footer .info p{ margin-bottom: 20px;}
    footer .info a:hover,
    footer .info a{ list-style: none; color: #838383; font-size: 13px; line-height: 15px;}
    footer .my-logo{padding: 20px 0;}
    /* footer.end. */

    /* ________________________________________________________________________________ */

    /* main.start. */
    main h2{margin-bottom: 0;}
    main h3{margin-bottom: 0;}
    /*main img{width: 730px;}*/

    /*title*/
    .title{ padding: 9px 18px; margin-bottom: 0;}
    .title-purple {background: #88358f; color: #FFF;}

    /*top-label*/
    .top-label .title-label {position: absolute;  padding: 2px 5px 2px 5px;left: 0;top:20px; color: #FFF; background: #636363;}
    .top-label .title-label span {font-size:10px; -webkit-transform:scale(0.83); }
    .box .title-label {top:-10px;}
    /*img-mask*/
    .top-label .img-mask{margin-top: 30px; display: flex; height: 145px; background: #fff; align-items: center; justify-content: center; }
    .img-mask{ overflow: hidden; position: relative; }
    .img-mask.off-mt{margin-top: 0;}
    a:hover .img-mask span{display: block;}
    .img-mask span {position: absolute;display: none;color: #FFF;background: rgba( 80, 70, 150, 0.5);width: 100%;height: 100%;top:0;left: 0;    }
    .img-mask span p{position: absolute;top:50%;width: 100%;line-height: 13px;text-align: center;color: #FFF;margin-top: -7px;    }
    .img-mask span:after{position: absolute;content: ' '; width:25%;height: 1px;background: #FFF;top:50%;right: 0;}
    .img-mask span:before{ position: absolute;content: ' ';width:25%;height: 1px;background: #FFF;top:50%;left: 0;}
    .img-mask span.empty:after{display: none;}
    .img-mask span.empty:before{display: none;}

    .img-mask:hover h3 { color: rgba( 80, 70, 150, 1.0);}

    /*img-mask color*/
    .news-list  .img-mask span{ background-color: rgba(218,21,82,0.75);}
    .news-media .img-mask span{ background-color: rgba(218,21,82,0.75);}
    .exhibition .img-mask span{ background-color: rgba(232,103,26,0.75);}
    .conference .img-mask span{ background-color: rgba(90,38,138,0.75);}
    .travel     .img-mask span{ background-color: rgba(20,67,154,0.75);}
    .award      .img-mask span{ background-color: rgba(247,181,0,0.75);}
    .about      .img-mask span{ background-color: rgba(229,0,127,0.75);}
    .promotion  .img-mask span{ background-color: rgba(0,142,178,0.75);}

    /*img-mask color*/
    section.news-list  a:hover { color: rgba(218,21,82,1);}
    section.news-media a:hover { color: rgba(218,21,82,1);}
    section.exhibition a:hover { color: rgba(232,103,26,1);}
    section.conference a:hover { color: rgba(90,38,138,1);}
    section.travel     a:hover { color: rgba(20,67,154,1);}
    section.award      a:hover { color: rgba(247,181,0,1);}
    section.about      a:hover { color: rgba(229,0,127,1);}
    section.promotion  a:hover { color: rgba(0,142,178,1);}

    .news-list  a:hover h3{ color: rgba(218,21,82,1);}
    .news-media a:hover h3{ color: rgba(218,21,82,1);}
    .exhibition a:hover h3{ color: rgba(232,103,26,1);}
    .conference a:hover h3{ color: rgba(90,38,138,1);}
    .travel     a:hover h3{ color: rgba(20,67,154,1);}
    .award      a:hover h3{ color: rgba(247,181,0,1);}
    .about      a:hover h3{ color: rgba(229,0,127,1);}
    .promotion  a:hover h3{ color: rgba(0,142,178,1);}


    /*mask color*/
    .img-mask-1:hover h3 { color: rgba(218,  21,  82, 1.0);}
    .img-mask-2:hover h3 { color: rgba(232, 103,  26, 1.0);}
    .img-mask-3:hover h3 { color: rgba( 90,  38, 138, 1.0);}
    .img-mask-4:hover h3 { color: rgba( 20,  67, 154, 1.0);}

    .img-mask-1:hover .img-responsive { background: rgba(218,  21,  82, 0.75);}
    .img-mask-2:hover .img-responsive { background: rgba(232, 103,  26, 0.75);}
    .img-mask-3:hover .img-responsive { background: rgba( 90,  38, 138, 0.75);}
    .img-mask-4:hover .img-responsive { background: rgba( 20,  67, 154, 0.75);}

    /*table-bordered*/
    main .table-bordered{background: #FFF;  padding: 0 12px 12px 12px;}
    main img.table-bordered{background: #FFF;  padding: 0; margin-top: 15px; margin-bottom: 15px;}

    main .headlines .table-bordered {height: auto;overflow: hidden;}
    main .line-3 {height: 92px;overflow: hidden;}

    /*h-block*/
    .h-block img { height: auto; }
    .h-block .img { height: 400px; }
    .h-block .table-bordered{ margin-top: 0; height:auto; overflow: hidden; }
    .h-block ul{margin-top: 15px;}
    .h-block li{ line-height: 22px; list-style: none;}
    .h-block li:before{content: ' ';width: 6px;height: 6px;background: #e3b5cf;position: absolute;margin-left: -16px;margin-top: 8px;}

    /*my-video*/
    .my-video{ height: 240px; }

    /*images-circle*/
    .images-circle{ background: #FFF; padding-top: 20px; }
    .images-circle h3{ min-height: 50px; margin: 5px 0 10px 0; }

    /*app*/
    .app {background: #FFF;}
    .app a,
    .app div{margin-bottom: 20px;}

    /*btn-more*/
    .btn-more img{margin-top: 20px;}
    .btn-more a:hover img{ opacity: 0.8;}
    /* main.end. */

    /*my-login*/
    .my-login{color: #6f6f6f; margin-top: 40px;}
    .my-login a{  text-decoration: underline;}
    .my-login .header{color:#FFF; border-right: 0; padding: 32px;}
    .my-login .header ul{margin-top: 30px; margin-bottom: 0; list-style: none;}
    .my-login .header a{ color: #FFF; font-size: 20px; line-height: 30px;}

    .my-login .content{ border: 1px solid #ddd; padding: 30px;  min-height: auto; background: #FFF;}
    .my-login h1{margin: 0;}
    .my-login h2{margin:0 0 10px 0;}
    .my-login .input-group-addon{border-radius: 0 ;color: #FFF; background: #bebebe; }
    .my-login .form-control {border-radius: 0; }
    .my-login .btn{color: #FFF; background: #bebebe;}
    .my-login .btn{border-radius:0; }
    .my-login .help-block{margin: 0; padding-left: 15px; line-height: 20px;}
    .my-login .help-block:before{content: ' ';width: 6px;height: 6px;background: #e3b5cf;position: absolute;margin-left: -10px;margin-top: 8px;    }


    /*login*/
    .login{padding-top: 40px; padding-bottom: 0; margin-top: -30px; color: #6f6f6f;}
    .login a{ color: #6f6f6f; text-decoration: underline;}
    .login .header{height: auto; color:#FFF; border: 1px solid #ddd;border-bottom: 0; padding: 20px;}
    .login .content{height: auto; border: 1px solid #ddd; padding:30px 5px;}
    .login h1{margin: 0;}
    .login .input-group-addon{border-radius: 8px 0 0 8px ;color: #FFF; background: #bebebe; }
    .login .form-control {border-radius: 8px; }
    .login .btn{color: #FFF; background: #bebebe;}
    .login .btn{border-radius:8px; }
    .login .help-block{margin: 0; padding-left: 15px; line-height: 20px;}
    .login .help-block:before{content: ' ';width: 6px;height: 6px;background: #e3b5cf;position: absolute;margin-left: -10px;margin-top: 8px;    }

    /*m-search*/
    .m-search {margin-bottom: 30px; min-height:280px; max-height: 280px; }
    .m-search .table-bordered { padding:15px 20px; }
    .m-search hr{margin-top: 10px;margin-bottom: 10px;}
    .m-search h2{margin-top: 0;}
    .m-search h3{margin-top: 5px;}
    .m-search .title{padding: 0;}
    .m-search .com{ height: auto;}
    .glyphicon-map-marker{ color: #e94d38; }

    /*p-search*/
    .p-search {margin-bottom: 30px; min-height:280px; max-height: 280px; }
    .p-search .table-bordered { padding:15px 20px; }
    .p-search hr{margin-top: 10px;margin-bottom: 10px;}
    .p-search h2{margin-top: 0;}
    .p-search h3{margin-top: 5px;}
    .p-search .title{padding: 0;}
    .p-search .com{ height: 150px;}
    a:hover.p-search{ color: #000000; text-decoration: none;}

    /*search-list*/
    .search-list{ height: 390px;}
    .search-list {margin-bottom: 30px;}
    .search-list .table-bordered { padding:15px; }
    .search-list hr{margin-top: 10px;margin-bottom: 10px;}
    .search-list h2{margin-top: 0;}
    .search-list h3{margin-top: 5px;}
    .search-list .title{padding: 0; color: #2f2f2f;}
    .search-list .com{ font-size: 13px;}
    .search-list .title-label { top:-10px; left: 16px;}


    /*pagination*/
    .pagination>li>a, .pagination>li>span{padding: 2px 8px;margin: 2px;color: #777;border: 0;    }
    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#b74c94; }
    .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ background: #cc89b4; color: #FFF;}

    /*filter*/
    .filter {margin-top:0; }
    .filter ul { padding:0 10px 10px 10px; border: 1px solid #CCC; border-top: none; background: #f6f6f6; border-radius: 0px; margin-bottom: 20px;}
    .filter .form-control{border-radius: 5px;}
    .filter li{padding:0 10px; margin: 10px 0 !important; }
    .filter .dropdown-menu{ margin: 0 10px 0 10px; background: #FFF; padding:10px 0; }
    .filter .dropdown-toggle{ margin: 10px; background: #FFF; color: #6F6F6F; border:1px solid #CCC; margin-bottom: -1px; padding-right: 10px; }
    .filter .btn-search{ position: relative; background: #8b3e8b; color: #FFF; line-height: 22px; margin: 10px 0; padding: 6px 0 4px 0; border-radius:5px;  border: solid 1px #8b3e8b;}
    .filter .btn-search:focus,
    .filter .btn-search:hover{color: #FFF; background: #B74C94; border: solid 1px #B74C94;}
    .filter .btn-search>img{ position: absolute; left: 50%; margin-left: 30px;}
    .filter .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ border-color: #ccc;}
    .filter p{line-height: normal;}


    .filter .filter-tab{ list-style: none;border:1px solid #CCC; border-bottom: none; background: #f6f6f6; margin-bottom: 0; padding:0 15px; }
    .filter .filter-tab li{ display: inline-block; line-height: 1rem; padding: 0 8px; border-right: 1px solid #772978;}
    .filter .filter-tab li:last-child{ border-right: none;}
    .filter .filter-tab li.active a{ color: #772978;}



    /*detailed*/
    .detailed .box{ background: rgba(240,240,240,0.9);margin: 20px 0; padding:30px 15px;  border-radius: 8px;}
    .detailed img{margin-bottom: 0px;}
    .detailed ul{-webkit-padding-start: 24px; padding-left: 24px; margin-top: 8px; }
    .detailed li{color: #6E6E6E; line-height: 28px;}
    .detailed .box a{color: #417bbe;text-decoration: underline;font-size: 13px; line-height: 28px; margin: 8px 0; }

    /*about*/
    .about h3{margin: 8px 0;}
    .about .area a {}
    .about .area a:hover {color:#787878; text-decoration: underline;}
    .about .box{ background: rgba(240,240,240,0.9);margin: 20px 0; padding:30px 15px;  border-radius: 8px;}
    .about .img-area{ position:relative; height: 100px; padding: 10px 0;}
    .about .floor-no{ font-size: 24px ; font-weight: bold; color:#787878; }
    .about .area {}
    .about .area>div {min-height: 660px; }
    .about .area .name{margin: 10px 0; }
    .about .area ul{ -webkit-padding-start: 24px; padding-left: 24px; list-style: none; }
    .about .area li:before {content: ' '; width: 6px; height: 6px; background: #ca6697; position: absolute; margin-left: -16px; margin-top: 8px; border-radius: 6px;}
    .about .area .btn-hollow{ background: transparent; border: 1px solid #bfbfbf; border-radius: 0;margin-bottom: 0; font-size: 13px; }
    .about .area .btn-hollow:hover{ color: #FFF; background: #ca6697; border: 1px solid #ca6697; text-decoration: none; }
    .about .partner{ margin-top:15px; min-height: 115px; }
    .about .partner .img-circle{ border: 1px #CCC solid; }

    /*news-detailed*/
    .news-detailed img.pull-right{ padding-left:20px; padding-right: 0; padding-top: 15px; padding-bottom: 15px; }
    .news-detailed img.pull-left{ padding-left:0; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; }
    .news-detailed .btn {border-radius: 8px; margin-right: 5px; margin-bottom: 15px; width: 88px; height:30px;}
    .news-detailed .btn-line{ background: url("c01/layout/btn-line.png") no-repeat;  }
    .news-detailed .btn-fb{ background: url("c01/layout/btn-fb.png") no-repeat; }
    .news-detailed .btn-google{ background: url("c01/layout/btn-google.png") no-repeat; }
    .news-detailed .h1{font-size: 25px;}

    /*news-list*/
    .news-list>a {min-height: 230px; max-height:none;}
    .news-list h3{height: auto;}
    /*.news-list .top-label {min-height: 321px; }*/


    /*news-media*/
    .news-media p{text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}
    .news-media a.popup-video:after{ content: ''; position: absolute; width:126px; height:124px; margin-top:-62px; margin-left:-63px;  top:25%;left: 50%; background: url('c01/layout/btn-video-play.png') no-repeat center center; opacity: 0.3; }
    .news-media a:hover.popup-video:after{ opacity: 1.0;}

    /*conference*/
    main.conference .btn{margin-top: 15px; margin-bottom: 15px; border-radius: 0; color: #FFF;}
    main.conference .btn:hover{background: #636363;}
    main.conference .topics{margin: 15px 0;}
    main.conference a.active .img-mask {border: 1px solid #b74c94;border-bottom: 1px solid #DDD;}
    main.conference a.active .table-bordered {border:1px solid #b74c94; border-top: 1px solid #DDD;}
    main.conference .box{ background: rgba(255,255,255,1.0);margin: 20px 0; padding:30px 15px;  border-radius: 0px;}
    main.conference h1 p.pull-right{margin-top: 0;}
    main.conference .area ul{ -webkit-padding-start: 24px; padding-left: 24px; list-style: none; }
    main.conference .area li:before {content: ' '; width: 6px; height: 6px; background: #ca6697; position: absolute; margin-left: -16px; margin-top: 8px; border-radius: 6px;}
    main.conference .btn-register { margin-top: 20px; font-size: 21px; padding: 10px 50px; }

    main.conference h2.title{ margin-top: 0; padding: 0;}
    main.conference hr{ margin:15px 0;}
    main.conference .nav-tabs a:hover,
    main.conference .nav-tabs a{background: #C091AE;color: #FFF; border-radius: 0; border-color: #C091AE; font-size: 16px;}
    main.conference .nav-tabs .active a:hover,
    main.conference .nav-tabs .active a{background: #AC2F7D;color: #FFF; border-radius: 0;border-color: #AC2F7D;}

    main.conference .event{ display:inline-block; width: 100%; background: #FFF; margin: 20px 0 0 0; padding:15px 10px;}
    main.conference .event .event-img{ padding: 0;}
    main.conference .event .img-thumbnail{ border-radius: 0; }
    main.conference .event a{ position:relative;}
    main.conference .event .info{ position: absolute; z-index: 10; top: 0; right: -344px; background: #FFF; width: 190%; height: 100%;}

    main.conference .event .event-title{ color: #B74C94; padding: 0;  font-size: 20px; margin-bottom: 10px; }
    main.conference .event .event-company1{ color: #333; padding: 0;  font-size:16px; margin-bottom: 0;}
    main.conference .event .event-company2{ color: #333; padding: 0;  font-size:14px; margin-bottom: 10px;}
    main.conference .event .event-name{ color: #333; padding: 0;  font-size:18px; margin-bottom: 10px;}
    main.conference .event .event-date{ color: #333; padding: 0;  font-size:14px; margin-bottom: 0;}
    main.conference .event .event-time{ color: #333; padding: 0;  font-size:14px; margin-bottom: 0;}
    main.conference .event .event-location{ color: #333; padding: 0;  font-size:14px; margin-bottom: 0;}
    main.conference .event .btn {margin-top: 5px; margin-bottom: 0;}

    /*css-table*/
    main.conference .css-table{
        width: 99.9%;
        background-color: #ffffff;
        border-collapse: collapse;
        margin-bottom: 20px;
        line-height: 30px;
        font-size: 15px;
    }

    main.conference td,
    main.conference th,
    main.conference .css-table .td,
    main.conference .css-table .th{ padding: 5px; }

    main.conference .css-table td,
    main.conference .css-table .td{ color: #000; border: #ddd 1px solid; }

    main.conference .css-table th,
    main.conference .css-table .th{
        background-color: #1a1a1a;color:#ffffff;border: #1a1a1a 1px solid;text-align: center;
    }

    main.conference .css-table {
        background-color: transparent;
    }

    main.conference .css-table .thead {
        display: none;
    }

    main.conference .css-table .tr {
        display: block;
        border: #ddd 1px solid;
        margin-bottom: 5px;
        background: #ffffff;
    }

    main.conference .css-table .th,
    main.conference .css-table .td {
        display: inline-block;
        width: 100%;
        border: none;
    }

    main.conference .css-table .td:nth-child(1) { color: #FFF; background: #e3017f;   }

    /*date-label*/
    main.conference .date-label {border-left: 0px solid #CCC;}
    main.conference .date-label .btn{ line-height: 1.5rem; background: #c091ae; border-color: transparent; }
    main.conference .date-label .btn:hover,
    main.conference .date-label li.active .btn{background: #ac2f7d; webkit-box-shadow: none; box-shadow: none;}

    /*travel*/
    main.travel .area hr{margin:10px 0;}
    main.travel {background: #f0f0ef;}
    main.travel .btn{margin-top: 15px; border-radius: 0; color: #FFF;}
    main.travel .btn:hover{background: #636363;}
    main.travel .topics{margin: 15px 0;}
    main.travel a.active .img-mask {border: 1px solid #b74c94;border-bottom: 1px solid #DDD;}
    main.travel a.active .table-bordered {border:1px solid #b74c94; border-top: 1px solid #DDD;}
    main.travel .box{ background: rgba(255,255,255,1.0);margin: 20px 0; padding:30px 15px;  border-radius: 0px;}
    main.travel h1 p.pull-right{margin-top: 0;}
    main.travel .area ul{ -webkit-padding-start: 24px; padding-left: 24px; list-style: none; }
    main.travel .area li:before {content: ' '; width: 6px; height: 6px; background: #ca6697; position: absolute; margin-left: -16px; margin-top: 8px; border-radius: 6px;}

    main.travel .nav-tabs a:hover,
    main.travel .nav-tabs a{background: #C091AE;color: #FFF; border-radius: 0; border-color: #C091AE;}
    main.travel .nav-tabs .active a:hover,
    main.travel .nav-tabs .active a{background: #AC2F7D;color: #FFF; border-radius: 0;border-color: #AC2F7D;}

    main.travel .h-block h2{margin: 30px 0 0 0;}
    main.travel .h-block h3{margin: 5px 0 0 0;}
    main.travel .h-block h4{margin: 2px 0;}
    main.travel .h-block hr{margin: 15px 0;}
    main.travel .h-block b{ display:block; margin: 5px 0 0 0;}
    main.travel .h-block p{ margin: 1px 0; line-height: 12px; font-size: 12px;}

    /*award*/
    .award .h-block h2{ margin: 10px 0 0 0;}
    .award hr{ margin: 5px 0; }

    /*area*/
    .area a{margin-bottom: 20px;}
    .area h2{padding: 10px 0; margin-top: 0; height: 53px;}


    /*modal-video*/
    .modal-video iframe {max-width: 100%;height: auto;}

    /*exhibotor*/
    .exhibotor .btn { border-radius:0; }
    .exhibotor .btn:hover { background: #636363; color: #FFF;}
    .exhibotor .table td { vertical-align: middle; }
    .exhibotor .table th { vertical-align: middle; }
    .exhibotor .box{ background: rgba(255,255,255,1.0);margin: 20px 0; padding:30px 15px;  border-radius: 0px;}

    /*hotel*/
    .hotel{ background: #FFF;}
    .hotel .glyphicon{ top:3px;}
    .hotel.banner h2{line-height: 42px; margin-left: 25px;}
    .hotel .item{ min-height: 275px; }
    .hotel .item ol{ float: right; width: 60%; margin:30px; font-size: 16px; line-height: 2; color: #FFF; }
    .hotel .item .icon-s-hotel { position: relative; margin: -8px 5px; display: inline-block; width: 24px; height: 26px; background:url(c01/hotel/icon-s-hotel.png) no-repeat center; }

    /*page-tool*/
    .hotel .page-tool {
        vertical-align: top;
        text-align: center;
        display: inline-flex;
        flex-direction:column;
        width: 100%;
    }
    .hotel .page-tool>div{ width: 100%; text-align: center;}
    .hotel .page-tool>div:nth-child(1){ order: 1;}
    .hotel .page-tool>div:nth-child(2){ order: 3;}
    .hotel .page-tool>div:nth-child(3){ order: 2;}

    .hotel .pagination { margin: 10px 0;}
    .hotel .pagination>li>a,
    .hotel .pagination>li>span {
        font-size: 15px;
        font-weight: bold;
        line-height: 38px;
        margin: 3px;
        padding: 0;
        color: #39393a;
        width: 38px;
        height: 38px;
        background: #eeeeee;
        border-radius: 8px;
    }
    .hotel .pagination>li.active>a,
    .hotel .pagination>li>a:hover{ background: #666; color: #FFF;}
    .hotel .pagination>li.disabled>a{ background: #eeeeee; color: #bbb;  }
    .hotel .page-amount { display: inline-block; width: auto; margin-left: 5px; border-radius: 8px; }
    .hotel .page-tool h3{ margin-top: 5px; line-height: 34px;}
    .hotel .btn-filter,
    .hotel .btn-map{ color: #FFF; background: #333; border-radius: 8px;}
    .hotel .btn-map span{ color: #FFF; background: transparent;}
    .hotel .btn-map:active:hover span{ color: #3F3A39; }

    /*card*/
    .hotel .card {height: auto;}
    .hotel .card{ position: relative; float: left; width: 100%; padding-bottom: 15px; border-radius: 8px; border: solid 1px #dddddd; margin-top: 15px;}
    .hotel .card .title{ position: relative; font-weight: bold; margin: 0; padding-left: 30px; padding-right: 40px; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; width : 100%;}
    .hotel .card .title:before { position: absolute; content: ''; width: 12px; height: 16px; top:14px; left:14px; background:url(c01/hotel/icon-title-hotel.png) no-repeat center; }
    .hotel .card .special { position: absolute; top:10px; right: 10px; }
    .hotel .card .data{ padding: 0 15px;}
    .hotel .card .data p{ font-size: 12px; line-height: 1.5; margin: 10px 0 0 0;}
    .hotel .card .data .info{  margin: 10px 0 25px 0; font-size: 14px; font-weight: bold; line-height: 1.57; height: 60px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    .hotel .card .data .btn-off { font-size: 14px; font-weight: bold; margin-top: 10px; padding: 1px 0 3px 0; color: #e3017f; }
    .hotel .card .data .btn-order { font-size: 14px; font-weight: bold; border-radius: 8px; margin-top: 10px; padding: 1px 12px 3px 12px; color: #fff; background: #e3017f; }
    .hotel .card .data .note { width: 100%; height: 20px; margin-bottom: 10px; border-bottom: 1px solid #ccc; color: #aaa; }


    /*information*/
    .hotel .btn-back{ color: #FFF; background: #333; border-radius: 8px;}
    .hotel .btn-back span{ color: #FFF; background: transparent;}
    .hotel .btn-back:hover { background: #666; color: #fff; }

    .hotel .pattern { background: url('c01/hotel/pattern.png') repeat-x center; margin: 20px 0; }
    .hotel .pattern span{ font-weight: bold; background: #FFF; margin-left: 40px; padding: 0 10px; }

    .hotel .information { margin-top: 60px;}
    .hotel .information .data { margin-left: 50px;}
    .hotel .information .data p{ margin: 10px 0; line-height: 1; }
    .hotel .information .data .service{ margin-top: 39px; }

    .hotel .room-type .table { border: 0; }
    .hotel .room-type .table td { vertical-align: middle; border: 1px solid #ccc; padding: 0 8px; height: 52px; }
    .hotel .room-type .table th { vertical-align: middle; border: 1px solid #eee; background: #eeeeee; color: #000; text-align: center; }
    .hotel .room-type .table img { max-width:140px; max-height: 105px; vertical-align: middle; margin-left: -8px; }
    .hotel .room-type .btn-order { font-size: 14px; font-weight: bold; border-radius: 8px; padding: 1px 12px 3px 12px; color: #fff; background: #e3017f; }

    .hotel .room-type ul{ margin: 0 0 30px 0; padding: 0; list-style: none; }
    .hotel .room-type ul li { padding: 15px; border: 1px solid #CCC; }
    .hotel .room-type ul li a{ font-size: 18px; font-weight: bold;  display: table-cell; vertical-align: middle; width: 100%; height: 80px; min-height: 80px; }
    .hotel .room-type ul li.active { background: #8b3e8b; }
    .hotel .room-type ul li.active a{ color: #FFF;  }


    .hotel .room,
    .hotel .room-photo { margin-bottom: 15px;}
    .hotel .room-photo ,
    .hotel .room-title { height: auto; max-height: none; display: table-cell; vertical-align: bottom; }
    .hotel .room-title h3{ font-weight: bold;}



}

/* ________________________________________________________________________________ */
/* 大於等於 481px） ______________________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 481px) {
    /*headlines*/
    main .headlines .table-bordered {height: auto;overflow: hidden;}
    main .headlines img{ width: 100%;}
}

/* ________________________________________________________________________________ */
/* SM 小屏幕（平板，大於等於 768px） ______________________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 768px) {
    /* baseLayout.start. */
    .banner{ padding-top:238px; margin-top: 0; background: #FFF; margin-bottom: 0;}
    .banner .item{margin-bottom: 20px;}
    main { background:#FFF url(c01/layout/main-bg.png) no-repeat center top;}
    /* baseLayout.end. */

    /* header.start. */
    /*NAV SM~LG*/

    /*travel*/
    main.travel {background:#FFF url(c01/layout/main-bg.png) no-repeat center top;}

    /*top-nav*/
    .top-nav {background: #8e8e8e; color: #FFF; }
    .top-nav .btn-title{display: inline-block;height: 30px; width: 30px; padding:8px 0; margin: 0; border-radius: 0;}
    .top-nav .btn{height: 30px; width: 30px; padding:0; margin: 0; border-radius: 0;}
    .top-nav .btn:hover,.top-nav .btn:focus{background: #417ABF; color: #FFFFFF;}
    .top-nav .btn-link{width:auto; color: #FFF;font-size: 13px; line-height: 28px;padding: 0px 6px; }
    .top-nav .btn-link:hover{text-decoration:underline; }
    .top-nav .top-search{ height: 30px; }
    .top-nav .top-search .input-group { height: 20px; padding:0;}
    .top-nav .form-control{ height: 24px; margin-top: 2px; padding: 3px;}
    .top-nav .top-search input{ width: 100px; padding: 3px 6px; border: 0; box-shadow: none; border-radius: 0;  }
    .top-nav .top-search .btn:active,
    .top-nav .top-search .btn:focus,
    .top-nav .top-search .btn:hover{ background: transparent; color: #526faa; box-shadow: none; }
    .top-nav .top-search .btn-xs:active,
    .top-nav .top-search .btn-xs:focus{ background: #FFF; color: #8e8e8e; box-shadow: none;  }
    .top-nav .top-search .btn-xs:hover{ background: #FFF; color: #526faa; box-shadow: none;  }
    .top-nav .top-search .btn-xs{ background: #FFF; color: #8e8e8e; height: 24px; margin-top: 2px; margin-right: 2px; padding: 2px;}
    /*language*/
    .language .btn-language{width:140px; background: #526faa; color: #FFF;font-size: 13px; line-height: 28px; padding: 0px 6px; }
    .language .dropdown-menu{ min-width: 140px; margin-top: 0; border: none; border-radius: 0px; padding: 0; text-align: center; }
    .language .dropdown-menu li{height: 36px; border-top: 1px solid #6B81B0; }
    .language .dropdown-menu li:first-child{border-top: 0px; }
    .language .dropdown-menu li a {line-height: 36px; color: #FFFFFF;background: #415B94;}
    .language .dropdown-menu li a:hover {line-height: 36px; color: #FFFFFF;background: #6B81B0;}
    /*top-kv*/
    .top-kv .btn{float: left; display: inline-block;border-radius: 0; margin: 0;padding: 8px 10px; font-size: 12px; color: #FFF;}
    .top-kv .exhibitor-zone{background: #DB2227;}
    .top-kv .press-analysts{background: #13507F;}
    .top-kv .buyer{background: #EB6317;}

    .affix-top .top-kv { height: 148px !important; background-position: bottom !important; transition: 0.2s; -webkit-transition: 0.2s;}
    .affix-top .top-kv img{ height: 148px !important; transition: 0.2s; -webkit-transition: 0.2s; }
    .affix .top-kv { height: 74px !important; background-position: bottom !important; transition: 0.2s ease-in 0.2s; -webkit-transition: 0.2s ease-in 0.2s;}
    .affix .top-kv img{ height: 74px !important;  transition: 0.2s ease-in 0.2s; -webkit-transition: 0.2s ease-in 0.2s; }


    /*main-nav*/
    .main-nav{ background: #FFF; padding-bottom: 2px; font-family: 'Arial','Microsoft JhengHei';}
    .main-nav .btn{ font-size: 12px; font-weight: bolder; border-radius: 0; color: #3F3A39; border-width: 1px 1px 1px 0px;  border-color:#ccc;border-style: solid; padding: 13px 0; }
    .main-nav li{ text-align: left; border-bottom: 1px solid #ccc; }
    .main-nav li a{  line-height: 36px; font-size: 14px; padding: 0 10px; }
    .main-nav li a:hover{  text-decoration: underline; color: #88358f; }
    .main-nav .dropdown-menu{  min-width: 100.7%;  margin-top:-1px; box-shadow: none; padding: 0;  border-radius: 0;  border-bottom: 0; }
    .main-nav .top-search{ height: 36px; }
    .main-nav .top-search .input-group { height: 36px; padding: 0;}
    .main-nav .top-search .input-group-btn>a{ padding: 3px 6px; border: none; line-height: 28px; }
    .main-nav .top-search input{ padding: 17px; border: 0; box-shadow: none;  }



    .main-nav .btn-group.open>a:after{content: ""; border: 1px solid #88358f;  border-width: 1px; position: absolute;  top:0 ; right:0px; height: 100%; width: 100%; }



    .btn-default:focus, .btn-default:hover,
    .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover,
    .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover,
    .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus,
    .open>.dropdown-toggle.btn-default:hover{color: #3F3A39; background: #FFFFFF; border-color: #ccc; box-shadow: none; }
    .btn-group-justified{ table-layout:auto; border-right: 0px solid #CCC; border-left: 1px solid #CCC; }
    /* header.end. */

    /* footer.start. */
    footer .info{ color: #FFF; text-align: right; }
    footer .info a{ color: #FFF;}
    footer .info p{ color: #FFF;}
    footer .col-sm-9{background: #505050;}
    footer .col-sm-3{background: #505050;}
    footer .info .my-logo{ padding-top:30px;}
    /* footer.end. */

    /* ________________________________________________________________________________ */

    /* main.start. */

    /*headlines*/
    main .headlines .table-bordered {height: auto;overflow: hidden;}

    /*h-block*/
    .h-block h2{margin-bottom:20px; }
    .h-block .table-bordered{ margin-top: 0; height:187px; border-left: 0;}
    .col-md-6.h-block .table-bordered{ margin-top: 30px;}
    .h-block .pr-0{padding-right: 0;}
    .h-block .pl-0{padding-left: 0;}

    /*img-arrow*/
    .img-mask{border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
    .img-arrow {position: absolute;display: block;width: 30px;height: 100%;top:0;right: 0;}
    .img-arrow:before{position: absolute;content: ' ';width: 30px;height: 50%;border-left:30px solid transparent;border-top:92px solid #FFF;    }
    .img-arrow:after{position: absolute;content: ' ';top:50%;width: 30px;height: 50%;border-left:30px solid transparent;border-bottom:92px solid #FFF;    }

    /*my-video*/
    .my-video {height: 388px;}

    /*images-circle*/
    .images-circle{ background: #FFF; padding-top: 20px; padding-bottom: 20px; }
    .images-circle a{ color:#333;}
    .images-circle a:hover{ color:#e72f62;}
    .images-circle h3{ min-height: 0; margin: 5px 0 10px 0; }

    /*app*/
    .app{margin-top: 20px; background: #FFF; padding: 20px 0;}
    .app-text{margin: 20px 0;}
    .app a:hover{opacity: 0.8;}

    /*login*/
    .my-login{color: #6f6f6f; margin-top: 40px;}
    .my-login a{ text-decoration: underline;}
    .my-login .header{color:#FFF; border-right: 0; padding: 30px;}
    .my-login .header ul{margin-top: 30px; margin-bottom: 0; list-style: none;}
    .my-login .header a{ color: #FFF; font-size: 15px; text-decoration: none;}
    .my-login .header a:hover{ text-decoration: underline;}

    .my-login .content{ border: 1px solid #ddd; padding: 30px;  min-height: 360px; background: #FFF;}
    .my-login h1{margin: 0;}
    .my-login h2{margin:0 0 10px 0;}
    .my-login .input-group-addon{border-radius: 0 ;color: #FFF; background: #bebebe; }
    .my-login .form-control {border-radius: 0; }
    .my-login .btn{color: #FFF; background: #bebebe;}
    .my-login .btn:hover{background: #666;}
    .my-login .btn{border-radius:0; }
    .my-login .help-block{margin: 0; padding-left: 15px; line-height: 20px;}
    .my-login .help-block:before{content: ' ';width: 6px;height: 6px;background: #e3b5cf;position: absolute;margin-left: -10px;margin-top: 8px;    }

    /*filter*/
    .filter .filter-tab { background: transparent; border: none;}
    .filter ul { padding: 10px; border-top:1px #ccc solid;}

    .filter .dropdown-menu{ margin: -10px 10px 0 10px; background: #FFF; padding:10px 0; }
    .filter .filter-type li{ width: 2%;}
    .filter .filter-type li:last-child{ width: 1%;}

    .filter .filter-keyword li{ width: 4.2%;}
    .filter .filter-keyword li:last-child{ width: 1%;}

    /*detailed*/
    .detailed .box{ background: rgba(255,255,255,0.7);margin: 20px 0; padding:30px 15px;  border-radius: 8px;}

    /*about*/
    .about .box{ background: rgba(255,255,255,0.7);margin: 20px 0; padding:30px 15px;  border-radius: 8px;}

    /*news-list*/
    .news-list h3{height: 70px; overflow: hidden;}

    /*news*/
    .news-detailed img.pull-right{ padding-left:15px; padding-right: 0; padding-top: 20px; padding-bottom: 15px; }
    .news-detailed img.pull-left{ padding-left:0; padding-right: 15px; padding-top: 8px; padding-bottom: 15px; }

    /*modal-video*/
    .modal-video iframe {width: 568px;height: 320px;}

    /*m-search*/
    .m-search .com{ height: 185px;}
    .m-search {margin-bottom: 30px; }
    .p-search {margin-bottom: 30px; }

    /*conference*/
    main.conference .event { overflow: hidden;}
    main.conference .event .info{  display: block; visibility: hidden; filter: alpha(opacity=0); opacity:0.0;   position: absolute; z-index: 10; top: 0; left: 231px; color: #333; background: #FFF; width: 190%; height: 232px; overflow: hidden;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }
    main.conference .event a:hover .info{ display: block; visibility: visible;  filter: alpha(opacity=100); opacity: 1.0; }

    main.conference .css-table .th,
    main.conference .css-table .td {display: inline-block; width: 48%; border: none; }
    main.conference .date-label .btn{ line-height: 3rem;}

    /*hotel*/
    .hotel .card {height: 610px;}
    /*page-tool*/
    .hotel .page-tool {
        vertical-align: top;
        text-align: center;
        display: inline-flex;
        flex-direction:row;
    }
    .hotel .page-tool>div:nth-child(1){ order: 1; width: 25%; text-align: left;}
    .hotel .page-tool>div:nth-child(2){ order: 2; width: 50%; text-align: center;}
    .hotel .page-tool>div:nth-child(3){ order: 3; width: 25%; text-align: right;}

    .hotel .room-title { height: 282px; max-height: 282px; display: table-cell; vertical-align: bottom; }
}

/* ________________________________________________________________________________ */
/* MD 中等屏幕（桌面显示器，大於等於 992px） ______________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 992px) {

    /*main-nav*/
    .main-nav .btn{ font-size: 16px; }

    /* main.start. */

    /*h-block*/
    .h-block img { height: 198px; }
    .h-block .img { height: 198px; }
    .h-block h2{margin-bottom:20px; }

    .col-md-6.h-block .table-bordered{ margin-top: 30px;}
    .h-block .pr-0{padding-right: 0;}
    .h-block .pl-0{padding-left: 0;}
    .h-block .table-bordered{ margin-top: 30px; height:200px; border-left: 0;}
    .h-block li{ line-height: 22px; list-style: none;}

    /*img-arrow*/
    .img-arrow:before{border-top:93px solid #FFF;}
    .img-arrow:after{border-bottom:93px solid #FFF;}

    /*my-video*/
    .my-video {height: 510px; }
    /* main.end. */

    /*modal-video*/
    .modal-video iframe {width: 868px;height: 488px;}

    /*conference*/
    main.conference .event { overflow: hidden;}
    main.conference .event .info{
        display: block; visibility: hidden; filter: alpha(opacity=0); opacity:0.0;   position: absolute; z-index: 10; top: 0; left: 150px; color: #333; background: #FFF; width: 190%; height: 252px; overflow: hidden;

        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }
    main.conference .event a:hover .info{ display: block; visibility: visible;  filter: alpha(opacity=100); opacity: 1.0; }



    /*css-table*/
    main.conference .css-table{
        width: 99.9%;
        background-color: #ffffff;
        border-collapse: collapse;
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 2rem;
    }

    main.conference td,
    main.conference th,
    main.conference .css-table .td,
    main.conference .css-table .th{ padding: 5px; }

    main.conference .css-table td,
    main.conference .css-table .td{ color: #000; border: #ddd 1px solid; }

    main.conference .css-table th,
    main.conference .css-table .th{
        background-color: #e3017f;color:#ffffff;border: #e3017f 1px solid;text-align: center;
    }
    main.conference .css-table{ display: inline-table;}
    main.conference .css-table .thead{ display:table-header-group; }
    main.conference .css-table .tbody{ display:table-row-group; }
    main.conference .css-table .tr{ display:table; z-index: 1; position: relative; width: 100%; margin: 0; }
    main.conference .css-table .th,
    main.conference .css-table .td{ display:table-cell; position: relative; width: auto; text-align: center; vertical-align: middle; }

    main.conference .css-table .th:nth-child(1){ width: 15%;}
    main.conference .css-table .th:nth-child(2){ width: 35%;}
    main.conference .css-table .th:nth-child(3){ width: 35%;}
    main.conference .css-table .th:nth-child(4){ width: 15%;}

    main.conference .css-table .td:nth-child(1){ width: 15%; color: #000; background: transparent;}
    main.conference .css-table .td:nth-child(2){ width: 35%;}
    main.conference .css-table .td:nth-child(3){ width: 35%;}
    main.conference .css-table .td:nth-child(4){ width: 15%;}
    main.conference .css-table .tr:hover{
        text-decoration: none;
    }
    main.conference .css-table .tbody .tr:hover{
        -moz-box-shadow:0px 10px 20px 0px rgba(20%,20%,40%,0.5);
        -webkit-box-shadow:0px 10px 20px 0px rgba(20%,20%,40%,0.5);
        box-shadow:0px 10px 20px 0px rgba(20%,20%,40%,0.5);
        cursor: pointer;
        width: 102%;
        margin-left: -1%;
        z-index: 2;
    }

    /*hotel*/
    .hotel .card {height: 360px;}
    /*card*/
    .hotel .card .data{ padding: 0 15px 0 0;}
    .hotel .card .data .info{ margin-top: 0;}

}

/* ________________________________________________________________________________ */
/* LG 大屏幕（大桌面显示器，大於等於 1200px） _____________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 1200px) {

    /* main.start. */
    /*headlines*/
    main .headlines .table-bordered {height: auto;overflow: hidden;}

    /*h-block*/
    .h-block img { height: 218px; }
    .h-block .img { height: 218px; }
    .h-block .table-bordered{ margin-top: 30px; height:220px; }
    .h-block li{ line-height: 28px; list-style: none;}
    /*img-arrow*/
    .img-arrow:before{border-top:108px solid #FFF;}
    .img-arrow:after{border-bottom:108px solid #FFF;}

    /*my-video*/
    .my-video {height: 625px; }
    /* main.end. */

    /*news-list*/
    .news-list h3{ height: 50px; overflow: hidden;}

    /*conference*/
    main.conference .event { overflow: hidden;}
    main.conference .event .info{  display: block; visibility: hidden; filter: alpha(opacity=0); opacity:0.0;   position: absolute; z-index: 10; top: 0; left: 185px; color: #333; background: #FFF; width: 190%; height: 231px; overflow: hidden;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }
    main.conference .event a:hover .info{ display: block; visibility: visible;  filter: alpha(opacity=100); opacity: 1.0; }

    /*hotel*/
    .hotel .card {height: 360px;}
}