body          { font-family: '微軟正黑體', arial, sans-serif;font-size:87.5%; line-height:1.5; color:#4C4C4C;/*background-color:#fff;*/ background-color:#012445;}
body > .wrapper { position:relative;}

img           { border:0; vertical-align:top; }

a             { color:#022e7f; text-decoration:none;}
a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover       { text-decoration:underline;}
:focus        { outline:0; }

/* Headings */
h1            { font-size:24px; font-weight:normal; line-height:1.5; margin-bottom:0px; }
h2            { font-size:18px; font-weight:normal; line-height:1.25;margin-bottom:7px;}
h3            { font-size:16px; font-weight:bold; line-height:1.25; margin-bottom:7px;}
h4            { font-size:14px; font-weight:bold; margin-bottom:7px; }
h5            { font-size:12px; font-weight:bold; margin-bottom:7px;}
h6            { font-size:11px; font-weight:bold; margin-bottom:7px;}

/* Forms */
form          { display:inline; margin:0; padding:0; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%;   border: 1px solid #999;
}
th {
    background-color:#ccc; 
    font-weight:bold; 
}
caption,th,td { font-weight:normal; border:1px solid #999; padding:2px 5px;}

/* Content */
strong        { font-weight:bold; }
address       { font-style:normal; margin-bottom:5px;}
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1; /*For IE 6&7 only*/
}
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.red          { color:#f00;}
.blueh5       { font-size:14px; color:#0054d1; margin-bottom:0; margin-top:5px; font-weight:bold;}
.greentitle {
    BACKGROUND-COLOR: #0678c6;
    color: #fff;
    width: 200px;
    padding-left: 5px;
    margin-top: 10px;
    line-height: 20px;
    padding-top: 3px;
}
/* ======================================================================================= */

/* ===========================Wrapper===================================== */

.Wrapper {
    width:100%;
    margin:0;
}

/* =========================== header ===================================== */

.header{
    width:100%;
    height:146px;
    z-index:5;
    top:0;
    position:fixed;
    background-color:#012445;
}
.header .top01 {
    display:block;
    width:100%;
    height:40px;
    /*background-color:#4E5863;*/
    background-color:#012445;
    color:#fff;
    box-shadow:0 1px 40px rgba(0, 0, 0, .5);
}
.top01wrapper {
    width:980px;
    height:40px;
    margin:0 auto;
}
.header .top02 {
    display:block;
    width:100%;
    height:106px;
    color:#fff;
    /*background-color:#fff;
    color:#777;
    box-shadow:0 1px 40px rgba(0, 0, 0, .2);*/
}
.top02wrapper {
    width:980px;
    height:106px;
    margin:0 auto;
    position:relative;
}
.bgimg {
    display:block;
    position:absolute;
    background:url(../_images/Mainmenubg.jpg) no-repeat;
    width:260px;
    height:106px;
    left:199px;
    z-index:-1;
}
.bclogo a {
    display:block;
    float:left;
    width:240px;
    height:106px;
    background: url(../_images/BC_logo.png) no-repeat 0 15px;
    position:relative;
}
.computexlogo a{
    display:block;
    float:left;
    width:135px;
    height:40px;
    background: url(../_images/computex_logo01.png) no-repeat 0 12px ;
    background-size:100%;
}
/*-----------  social icons ----------------*/
.social-wrap {
    display:block;
    float:right;
}
.social-wrap .social {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.social-wrap .social li {
    position: relative;
    display: inline-block;
    /*margin: 0 0 0 8px;*/
    margin:0 5px;
    height:40px;
}

.social-wrap .social li a {
    position: relative;
    width: 30px;
    height:40px;
    line-height: 40px;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
    color:#4DD2FF;
    display: block;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.social-wrap .social i {
    font: normal normal 20px/40px 'FontAwesome';
}
.social-wrap .social > li > a:hover {
  /*color: #fff;*/
  color:#ee00a3;
  text-decoration: none;
  /*background: #ee00a3;*/
}
/*-----------  Exhibitor Login ----------------*/
.Login{
    display:block;
    float:right;
    text-align:center;
}
.Login a{
    display:block;
    /*margin-left:15px;
    color:#fff;*/
    color:#4DD2FF;
    font-size:14px;
    line-height:40px;
    text-decoration:none;
    font-family: '微軟正黑體', arial, sans-serif;
    font-weight:bold;
    width:100px;
    height:40px;
    /*background-color:#4395EF;*/
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
}
.Login a:hover{
    /*background-color:#ee00a3;*/
  color:#ee00a3;
}
/*-----------  Main Menu ----------------*/
.MainMenu {
    display:block;
    float:right;
    width:58%;
    height:106px;
}
.MainMenu .home {
    display:inline-block;
    float:left;
    margin-right:10px;
    margin-top:38px;
}
.MainMenu .home a i{
   font-size:26px;
   color:#fff;
}
.MainMenu .home a:hover i{
   font-size:26px;
   color:#4395EF;
}
.MainMenu ul{
    margin-top:34px;
}
.MainMenu ul li{
    display:block;
    float:left;
    margin-left:20px;
}
.MainMenu ul li a{
    display:block;
    color:#8395AC;
    text-decoration:none;
    font-size:16px;
    font-weight:bold;
    padding:5px 10px;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
}
.MainMenu ul li a.active{
    color:#fff;
    /*background-color:#4395EF;*/
    padding:5px 12px;
    border:1px solid #fff;
}
.MainMenu ul li a:hover{
    color:#fff;
    /*background-color:#4395EF;*/
    border:1px solid #fff;
}

/*-----------  Content Wrapper----------------*/
.ContentWrapper {
    width: 980px;
    height:auto;
    overflow: hidden;
    background-color:#fff;
    box-shadow:0px 0px 3px rgba(0,0,0,0.5);
    /*background: url(/computextaipei/images/wrapp-bg.png) repeat-y left top;*/
    position: relative;
    margin:0 auto;
    top:146px;
    z-index:1;
}

/*-----------  Footer ----------------*/

.footer {
    width: 600px;
    position:relative;
    margin: 0 auto;
    margin-top:20px;
    top:146px;
    overflow: hidden;
    z-index:3;
}
.footer .footerL{
    width:120px;
    float:left;
    margin-right:20px;
}
.footer .footerR p{
    text-align:left;
    font-size:12px;
    line-height:24px;
    color:#fff;
}

/*----------- Homepage Main Content ----------------*/

.HomeMainContentContainer {
    padding:20px 15px;
}
.HomeWinnersProductsList {
    float:left;
}
.HomeWinnersProductsList ul{
    width:550px;
    margin-left:0px;
}

.HomeWinnersProductsList ul li{
    display:block;
    border:1px solid #ccc;
    width:108px;
    height:106px;
    overflow:hidden;
    float:left;
}
.HomeWinnersProductsList ul li img{
    width:100%;
    -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.HomeWinnersProductsList ul li a:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.HomeWinnersProductsList ul li:hover{
    border:1px solid #eb0084;
}

.HomeVideo {
    float:right;
    width:385px;
    height:214px;
    position:relative;
    cursor:pointer;
}
.HomeVideoImgHolder {
}
.HomeVideoTitle {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:42px;
    background-color: rgba(20, 120, 231, 0.4);
}
.VideoTitle {
    color:#fff;
    font-size:16px;
    line-height:42px;
    padding-left:10px;
}
.PlayBtn {
    width:42px;
    height:42px;
    background-color:#1478E7;
    position:absolute;
    z-index:3;
    right:0;
    text-align:center;
}
.PlayBtn i{
    font-size:32px;
    line-height:42px;
    color:#fff;
}

/*----------- Content Container ----------------*/

.ContentContainer{
    background-color:#fff;
}
.ContentContainer ul{
    list-style:disc;
    padding-left:20px;
}
.ContentContainer ol{
    list-style:decimal;
    padding-left:20px;
}
.ContentContainer p{
    padding-bottom:5px;
}

.breadcrumb {
  position: relative;
  margin-top:0;
  padding: 5px 0 5px 2px;
  background: #F3F7FF;
  font-size: 13px;
  font-weight: normal;
  border-top:1px solid #EBEBEB;
  border-bottom:1px solid #EBEBEB;
}
.breadcrumb__t {
	margin:0;
    padding-left:0px;
}
.breadcrumb__t ul{
	margin:0;
}

.breadcrumb__t li { display:inline; }
.breadcrumb__t li.divider {
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0;
    padding: 0 5px;
}
.breadcrumb__t li.divider:after {
	content:' / ';
	color:#333333;
	font:12px/18px Arial, Helvetica, sans-serif;
}

/*----------- Lastes News List ----------------*/
.LastesNews {
    margin:0;
    padding:20px;
}
.LastesNews h3 {
    background-color:#4395EF;
    color:#fff;
    font-size:18px;
    padding:10px;
}
.LastesNewsListContent {
    margin: 0 20px;
}
.LastesNewsListContent .element{
    margin: 25px;
    padding-bottom:20px;
    border-bottom:1px solid #ccc;
}
.LastesNewsListContent .element .post-img {
  width: 190px;
  overflow: hidden;
  float: left;
  margin-right: 20px;
}
.element .post-img img {
  width:95%;
}
.element .text_content {
    margin-left:20px;
}
.element h4 {
    color:#003F8D;
    font-size: 21px;
    text-align: left;
    padding:0;
    margin-bottom:30px;
    margin-top:-7px;
} 
.element .date {
    display:inline-block;
    float:left;
    background-color:#003F8D;
    padding:5px 15px;
    margin-right:10px;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    text-align:center;
}
.element .date i{
    display:block;
    font-size: 16px;
    color: #fff;
}

.element p {
    font-size: 15px;
    line-height: 21px;
    padding-bottom:10px;
}

/* Content Page Pagination*/

.pagination table {
    width:80%;
    text-align:center;
    padding: 20px;
    margin: 0 auto 20px auto;
    border:none;
}
.pagination td {
    border:none;
}

.pager {
    display: inline-block;
    padding: 3px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #ccc;
    background: #fff;
    font-size: .875em;
    text-decoration: none;
    color: #717171;
}

.pager:hover {
    color:#fff;
    background-color: #eb0084;
    text-decoration:none;
}

.pager_on {
    display: inline-block;
    padding: 3px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #ccc;
    background: #eb0084;
    color: #fff;
}

/* UItoTop styles
========================================================*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 80px;
  right: 50px !important;
  border-radius: 50px;
  height: 45px;
  width: 45px;
  background-color: #7ecefd;
  text-align: center;
  color: #ffffff;
  z-index: 999;
  color: white;
  font-size: 22px;
  line-height: 45px;
}
#toTop:hover {
  background-color: #2c3e50;
}

/*About BC styles
========================================================*/

.tab {
  padding-top: 20px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  background: #fff;
  width: 100%;
  margin: 0 auto;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
  font-weight: 300;
  color: #888;
  -webkit-font-smoothing: antialiased;
}

.tabs {
  display: table;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
}
.tabs li {
  float: left;
  width:33.3%;
  text-align:center;
  line-height: 38px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.tabs a {
  background-color: #eff0f2;
  border-bottom: 1px solid #fff;
  color: #888;
  font-size:16px;
  font-weight: 500;
  font-family:'微軟正黑體', Arial, sans-serif;
  display: block;
  letter-spacing: 0;
  outline: none;
  padding: 0px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-bottom: 2px solid #69bbed;
}
.tab_content {
  width: 98%;
  margin-left:20px;
}
.tabs_item {
  display: none;
  padding: 30px 0;
  font-family:'微軟正黑體', Arial, sans-serif;
  color:#4C4C4C;
}
.tabs_item h4 {
  font-weight: bold;
  font-family:'微軟正黑體', Arial, sans-serif;
  color: #69bbed;
  font-size: 20px;
}
.tabs_item img {
  width: 180px;
  float: left;
  margin-right: 30px;
}
.tabs_item:first-child {
  display: block;
}
.tabs_item .promotion {
    border-bottom: 1px solid #ccc;
    padding:20px 0;
}
.current a {
  color: #fff;
  background: #69bbed;
}

/*BC Rule styles
========================================================*/

.LastesNewsListContent .AppInfo {
    background-color:#003F8D;
    font-size:15px;
    line-height:18px;
    margin-top:10px;
}
.LastesNewsListContent .AppInfo > p {
    font-size:15px;
    margin-bottom:10px;
}


.target-fix {
    position: relative;
    top: -146px;
    display: block;
    height: 0;
    overflow: hidden;
}

/*---------Winners List-----------*/
.SearchBar { background-color:#efefef; padding:5px 10px;}
.WinnersList ul { list-style:none; padding-left:0;
}
.WinnersList h3 { background-color: #fff;}
.products-grid { position:relative; list-style:none; margin:20px 0 20px 50px; display:block;}
.products-grid li.item { float:left; width:292px; height:320px; padding:10px 0px 5px 0px; margin-bottom:10px;  position:relative;}
.products-grid li.item img{width:250px;  max-width:250px; max-height:250px;display:inline-block; vertical-align:middle; position:relative;}
.products-grid li.item .category_s{display:inline-block; width:250px; height:36px; font-size:14px; font-family: 'Oswald', sans-serif; font-weight: 400;  color:#666; border-left:1px solid #999; padding-bottom:5px; padding-left:5px; margin-bottom:5px;}
/*[id~=Golden] {display:inline-block; height:13px; width:2px; background-color: #f4bf02;}
[id~=Design] {display:inline-block; height:13px; width:2px; background-color: #C30D22;}
[id~=Category] {display:inline-block; height:13px; width:2px; background-color: #003F8D;}
[id~=Green] {display:inline-block; height:13px; width:2px; background-color: #05a44d;}
[id~=Jury] {display:inline-block; height:13px; width:2px; background-color: #999;}*/
.products-grid .product-image { display:block; width:250px; height:253px; margin:0px 0 5px 0; border:1px solid #999; text-align:center; vertical-align:middle; line-height:191px;}
.products-grid .product-name { margin:0px; font-weight:bold; font-size:12px; line-height:15px; display:block; width:280px; }
.products-grid .product-name a { font-size:15px; color:#4395EF; line-height:15px; text-decoration:none; font-family: 'Source Sans Pro', sans-serif; font-weight:400;}
.products-grid .product-name a:hover {color:#FB7D00;}

.AppInfo{PADDING-LEFT: 10px; PADDING-TOP: 6px; margin:10px 0; HEIGHT: 25px; BACKGROUND-COLOR:#1C51AA; font-size:15px; color:#fff;}
.CatageryItem{PADDING: 2px 0 2px 10px; margin:10px 0 5px 0; HEIGHT: 25px; BACKGROUND-COLOR:#099; font-size:15px; line-height:25px; color:#fff;}

/*---------Winners Detail-----------*/
.WinnersDetailContent{
    margin:5px 0;
    padding-top:10px;
}
.ProductMainImage {
    float:left;
    margin-right:10px;
}
.ProductMainImage img{
    border:1px solid #ececec;
    padding:5px;
}
.ProductDetails {
    float:right;
    width:610px;
    overflow:hidden;
}
.ProductDetails h4{
    font-size:18px;
    color:#003F8D;
    font-weight:bold;
    padding:5px 0;
}
.ProductDetailtab {
    margin-left: -20px;
}
.ProductDetailtab ul {
    list-style:none;
    margin:0;
}
.ProductDetailtab li a{
    list-style:none;
    display:block;
    float:left;
    border:1px solid #ececec;
    border-right:0;
    border-left:0;
    padding:5px 48px;
}
.ProductDetailtab li a{
    display:block;
    text-decoration:none;
    font-weight:bold;
}
.ProductDetailtab li a:hover{
    background-color:#4395EF;
    color:#fff;
}

.ProductDetailtab li a.current{
    background-color:#4395EF;
    color:#fff;
}
.ProductDetailContent{
    padding:10px;
}