#nv_tctd{ background:#000; color:#fff; font-family:'DINPro-Regular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
/*fonts*/
@font-face { font-family: 'DIN Pro Bold'; src: url('../font/din_pro_bold.eot'); src: url('../font/din_pro_bold.eot?#iefix') format('embedded-opentype'), url('../font/din_pro_bold.svg#DIN Pro Bold') format('svg'), url('../font/din_pro_bold.woff') format('woff'), url('../font/din_pro_bold.ttf') format('truetype'); font-weight: normal; font-style: normal;}

@font-face{
	font-family: 'bignoodletitlingregular';
	src: url('../fonts/big_noodle_titling-webfont.eot');
	src: url('../fonts/big_noodle_titling-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/big_noodle_titling-webfont.woff') format('woff'),
		 url('../fonts/big_noodle_titling-webfont.ttf') format('truetype'),
		 url('../fonts/big_noodle_titling-webfont.svg#bignoodletitlingregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'bebas_neue_cyrillicregular';
	src: url('../fonts/bebas_neue_cyrillic-webfont.eot');
	src: url('../fonts/bebas_neue_cyrillic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/bebas_neue_cyrillic-webfont.woff') format('woff'),
		 url('../fonts/bebas_neue_cyrillic-webfont.ttf') format('truetype'),
		 url('../fonts/bebas_neue_cyrillic-webfont.svg#bebas_neue_cyrillicregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'DINCondMediumRegular';
	src: url('../fonts/ff_din_condensed_medium-webfont.eot');
	src: url('../fonts/ff_din_condensed_medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/ff_din_condensed_medium-webfont.woff') format('woff'),
		 url('../fonts/ff_din_condensed_medium-webfont.ttf') format('truetype'),
		 url('../fonts/ff_din_condensed_medium-webfont.svg#DINCondMediumRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'PTSansNarrowRegular';
	src: url('../fonts/PTN57F-webfont.eot');
	src: url('../fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/PTN57F-webfont.woff') format('woff'),
		 url('../fonts/PTN57F-webfont.ttf') format('truetype'),
		 url('../fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'DINPro-Regular';
  src: url('dinpro-regular-webfont.eot');
  src: url('../fonts/DINPro'), local('../fonts/DINPro-Regular'), url('../fonts/dinpro-regular-webfont.woff') format('woff'), url('dinpro-regular-webfont.ttf') format('truetype'), url('../fonts/dinpro-regular-webfont.svg#webfontVeJgLD7F') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro-Medium';
  src: url('../fonts/dinpro-medium-webfont.eot');
  src: url('../fonts/DINPro'), url('../fonts/DINPro-Medium'), url('../fonts/dinpro-medium-webfont.woff') format('woff'), url('../fonts/dinpro-medium-webfont.ttf') format('truetype'), url('../fonts/dinpro-medium-webfont.svg#webfontL4kg7A4n') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro-Light';
  src: url('../fonts/dinpro-light-webfont.eot');
  src: url('../fonts/DINPro'), url('../fonts/DINPro-Light'), url('../fonts/dinpro-light-webfont.woff') format('woff'), url('../fonts/dinpro-light-webfont.ttf') format('truetype'), url('../fonts/dinpro-light-webfont.svg#webfontWuXhsnZ0') format('svg');
  font-weight: normal;
  font-style: normal;
}

#nv_tctd .img-responsive{width:inherit /9;}
#nv_tctd a.link,#nv_tctd a.link:link{ text-decoration:underline; color:#F00;}
#nv_tctd a.link:hover{ background:#F00; color:#FFF; text-decoration:none;}

#nv_tctd a.link2,#nv_tctd a.link2:link{ text-decoration:none; color:#F00; display:block; padding:10px 0; background-color:#191919; text-align:center; margin:5px 0; font-size:18px;font-family: 'DINPro-Regular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; min-height:70px;}
#nv_tctd a.link2:hover{ background:#F00; color:#FFF; text-decoration:none;}

#nv_tctd h1{ font-size:60px;}
#nv_tctd h2{ font-size:50px;}
#nv_tctd h3{ font-size:40px;}
#nv_tctd h4{ font-size:30px;}
#nv_tctd h6{ font-size:18px; margin:0; padding:10px 0 0 0;}
#nv_tctd h4.border{ border:3px solid #76b900; border-width:0 0 3px 0; display:inline-block;}
#nv_tctd h1, #nv_tctd h2,
#nv_tctd h3, #nv_tctd h4,
#nv_tctd h5, #nv_tctd h6{ margin:0px 0; padding:0;}
#nv_tctd p{font-family: 'DINPro-Regular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; }
sup{ font-size:12px;}
.text-big{ font-size:90px;}
.fs_01 { font-family: 'bignoodletitlingregular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; }
.fs_02 { font-family: 'bebas_neue_cyrillicregular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
.fs_03 { font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
.fs_03_big { font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase;}
.fs_04 { font-family: 'PTSansNarrowRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
.fs_04_big { font-family: 'PTSansNarrowRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase;}
.fs_05 { font-family: Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
.fs_06 { font-family: 'DINPro-Medium',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
.fc-yellow{ color:#fff100;}
.fc-green{ color:#76b900;}
.fc-red{ color:#F00;}
.fc-white{ color:#Fff;}


#nv_tctd .top{ zoom:1; overflow:hidden; width:100%; position:absolute; }
#nv_tctd .top .green-label{ padding:20px; background-color:#538200; color:#FFF;display:inline-block; margin:0; font-size:24px;}
#nv_tctd .top a.btn-tab{ display:inline-block;padding:20px; background-color:#666; color:#FFF; margin:0; text-decoration:none; font-size:24px;}
#nv_tctd .top a.btn-tab:hover{ background-color:#76b800; }
#nv_tctd .top .logo{display:inline-block; float:right; padding:20px;}
#nv_tctd .banner{ background:url(//asset.msi.com/event/2016/tctd/key_bg.jpg) no-repeat; background-size: auto 100%; height:830px; background-position:top left; display:table;width:100%;border-bottom:5px solid #76b800;}
#nv_tctd .banner-msi{ background:url(//asset.msi.com/event/2016/tctd/key_bg-msi.jpg) no-repeat; background-size: auto 100%; height:830px; background-position:top left; display:table;width:100%;border-bottom:5px solid #76b800;}
#nv_tctd .banner .banner-inner{ display:table-cell; vertical-align:middle; }
#nv_tctd .banner .banner-inner .title{ padding:16px 60px; background:rgba(0,0,0,.7); color:#FFF;}
#nv_tctd .banner .banner-inner .title h4{ font-size:80px; margin:0; padding:0;}
#nv_tctd .banner .banner-inner .title h1 { font-size:234px; margin:-30px 0 0 -5px; }
#nv_tctd .banner .banner-inner .title p{font-family: 'DINPro-Regular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase; color:#76b800; }
#nv_tctd .banner .banner-inner .promotion{ padding:20px 40px;font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase; color:#cc0000; background-color:rgba(0,0,0,0.9); margin-top:20px;}
@media (max-width: 767px) {
	
	#nv_tctd .banner{background-position:top left; height:600px;display:inherit;text-align:center;border-bottom:none;}
	#nv_tctd .banner .banner-inner{ display:inherit; vertical-align:middle; }
	#nv_tctd .banner .banner-inner .title{ margin-top:600px; padding:20px 20px 0px 20px; background:rgba(0,0,0,.7);}
	#nv_tctd .banner .banner-inner .title p{ font-size:22px;}
	#nv_tctd .section1{  margin-top:600px; }
	#nv_tctd .section.section1 .desc{ margin-top:0px;}
	#nv_tctd .section.footer img{ margin:10px;}

}


@media (max-width: 488px) {
	
	#nv_tctd .banner{ background:url(//asset.msi.com/event/2016/tctd/key_bg_s.jpg) no-repeat; background-size: cover; height:400px;background-position:top left; display:inherit;width:100%; border-bottom:none; text-align:center; }
	#nv_tctd .banner .banner-inner{ display:inherit; vertical-align:middle; }
	#nv_tctd .banner .banner-inner .title{ margin-top:400px; padding:20px 20px 0px 20px; background:rgba(0,0,0,.7);}
	#nv_tctd .banner .banner-inner .title h4{ font-size:60px; margin:0; padding:0;}
	#nv_tctd .banner .banner-inner .title h1 { font-size:172px; margin:-30px 0 0 -5px; }
	#nv_tctd .banner .banner-inner .title p{ font-size:inherit;}
	#nv_tctd .banner .banner-inner .promotion{ padding:20px 20px 0 20px;}
	#nv_tctd .section1{  margin-top:400px; }
	#nv_tctd .section.footer-nb{margin-top:400px;}
	#nv_tctd .section.section1 .desc{ margin-top:0px;}
	#nv_tctd .section.footer img{ margin:10px;}
	#nv_tctd .top .green-label{ padding:10px; background-color:#76b800; color:#FFF; display:inline-block; min-width:173px;text-align:center; }
	#nv_tctd .top a.btn-tab{ padding:10px;color:#FFF; display:inline-block; min-width:173px; text-align:center;}
	#nv_tctd .top .logo{display:inline-block; float:right; padding:10px;}
	#nv_tctd .top .logo img{ max-height:30px;}




}
#nv_tctd .section{ padding:30px;}
#nv_tctd .section.section1 { padding-bottom:0;}
#nv_tctd .section.section1 .desc{ margin-top:50px;}
#nv_tctd h3.text-title{ font-size:30px; display:inline-block; margin-bottom:30px;font-family: 'DINPro-Regular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase;}
#nv_tctd .section.section3 .step-wrapper{ margin:20px 0;}
#nv_tctd .section.section3 .step-wrapper .step{ margin:0;}
#nv_tctd .section.section3 .step-wrapper .step .step-box{ background:none; margin-bottom:15px;}
#nv_tctd .section.section3 .step-wrapper .step .step-box .triangles{position:absolute;width: 0;height: 0;border-style: solid;border-width: 30px 30px 0 0;border-color: #000000 transparent transparent transparent;}

#nv_tctd .section.section3 .step-wrapper .step .step-box .inner{  background:#333; padding:10px; color:#FFF; min-height:150px;padding-left:30px;}
#nv_tctd .section.section3 .step-wrapper .step .step-box .inner .title{ font-size:30px;}


#nv_tctd .section.section3 a.pd{ text-decoration:none; padding-bottom:20px; display:inline-block; text-align:center;}
#nv_tctd .section.section3 a.pd:hover{ background:#111;}
#nv_tctd .section.section3 a.pd h4{font-family: 'DINPro-Regular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; color:#cc0000; text-align:center} 
#nv_tctd .section.section3 a.pd .btn-learnmore{ padding:10px ; border:3px solid #76b800; text-align:center; color:#FFF; width:90%; margin:20px auto;}
#nv_tctd .section.section3 a.pd:hover .btn-learnmore{ background:#76b800;}

#nv_tctd .section.section3 a.nb-pd2{ text-decoration:none; padding-bottom:20px; display:inline-block; text-align:center;}
#nv_tctd .section.section3 a.nb-pd2:hover{ background:#111;}
#nv_tctd .section.section3 a.nb-pd2 h4{font-family: 'DINPro-Regular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase; color:#cc0000; text-align:center; font-size:23px;} 
#nv_tctd .section.section3 a.nb-pd2 .btn-learnmore{ padding:10px ; border:3px solid #76b800; text-align:center; color:#FFF; width:90%; margin:20px auto;}
#nv_tctd .section.section3 a.nb-pd2:hover .btn-learnmore{ background:#76b800;}


#nv_tctd .section.section3 .nb-pd{ text-align:left; margin-bottom:24px;}
#nv_tctd .section.section3 .nb-pd a{ text-decoration:none; display:inline-block; text-align:center; padding:20px 0; margin:0 auto; width:270px; max-height:280px; }
#nv_tctd .section.section3 .nb-pd a:hover{ background:#111;}
#nv_tctd .section.section3 .nb-pd a h5{font-family: 'DINPro-Regular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase; color:#cc0000; text-align:center; font-size:20px;} 
#nv_tctd .section.section3 .nb-pd a .btn-learnmore{ padding:10px ; border:3px solid #76b800; text-align:center; color:#FFF; width:90%; margin:20px auto;}
#nv_tctd .section.section3 .nb-pd a:hover .btn-learnmore{ background:#76b800;}

#nv_tctd .section.section4{ font-size:18px;}
#nv_tctd .section.section4 sup{ font-size:12px;}


#nv_tctd .section.footer-nb{}
#nv_tctd .section.footer{ border-top:5px solid #76b800; }
#nv_tctd .section.footer img{ }
#nv_tctd .section.footer sup{}
#nv_tctd .section.footer .row{ margin:30px 0;}
#nv_tctd .section.footer p{ display:inline-block;}
#nv_tctd a.btn-nor{ padding:15px 40px; display:inline-block; background:#538200; color:#FFF; border:5px; font-size:30px;/* support Safari, Chrome */-webkit-border-radius: 5px;/* support firefox */-moz-border-radius: 5px;
border-radius: 5px; text-decoration:none;}


#nv_tctd a.btn-nor:hover{ text-decoration:none; background-color:#76b800;}
#nv_tctd a.btn-nor-s{ padding:15px 20px; display:inline-block; background:#538200; color:#FFF; border:5px; font-size:18px;/* support Safari, Chrome */-webkit-border-radius: 5px;/* support firefox */-moz-border-radius: 5px;
border-radius: 5px; text-decoration:none;}
#nv_tctd a.btn-nor-s:hover{ text-decoration:none; background-color:#76b800;}



@media (max-width: 767px) {
#nv_tctd a.btn-nor{ font-size:30px;}
#nv_tctd .section.section3 .nb-pd{ text-align:center; margin-bottom:24px;}

}


@media (max-width: 488px) {
	#nv_tctd a.btn-nor{ font-size:20px;}
}


.table-div{ display:table;}
.table-div .inner{ display:table-cell; vertical-align:middle;}
.green-border{border-bottom:5px solid #76b800;}
.cornered{ height:33px; background:url(//asset.msi.com/event/2016/tctd/corner.png) no-repeat left top;}


#nv_tctd .sop{ background-color:#101010; padding:30px;}
#nv_tctd .sop a{ margin: 0 5px;}
#nv_tctd .sop a.btn-nor-s{background:#cc0000;}
#nv_tctd .sop a.btn-nor-s:hover{background:#ff0000;}


/*bootstrap*/
#nv_tctd .navbar-gray{ background:#393939; } 
#nv_tctd .img-responsive{ width:inherit \9;}
#nv_tctd .navbar-header{ float:right;}
#nv_tctd .navbar-collapse{ float:left; font-size:28px;}

#nv_tctd .navbar { position: relative;min-height: 50px;margin:0 auto;}
#nv_tctd .navbar p { display:none;}
#nv_tctd .navbar-brand {padding: 6px 0px 0 0;}
#nv_tctd #navbar>li>a{padding-top: 15px;padding-bottom: 15px;}

#nv_tctd .navbar-nav > li > a {
    border-bottom: thick solid transparent;
    background-color:#555; color:#FFF; 
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}


#nv_tctd .navbar-nav > li > a:focus,
#nv_tctd .navbar-nav > li > a:hover {
color: #ff0000;
background-color: #fff;
}
#nv_tctd .navbar-nav > li.active>a,
#nv_tctd .navbar-nav > li.active>a:focus, #nv_tctd .navbar-nav > li.active>a:hover {
color: #fff;
background-color: #ff0000;
}
#nv_tctd .navbar-collapse {clear: none;  margin-left:0px;}
#nv_tctd .navbar-nav#navbar > li > a:focus,#nv_tctd .navbar-nav#navba > li > a:hover,
#nv_tctd .navbar-nav#navba > li.active > a {
   border-bottom-color: rgba(255,255,255,0);
}
@media (min-width: 768px){
#nv_tctd .navbar-nav#navba > li > a:focus,#nv_tctd .navbar-nav#navba > li > a:hover,
#nv_tctd .navbar-nav#navba > li.active > a {
     border-bottom-color: rgba(255,255,255,0);
}
}

@media (max-width: 767px) {

#nv_tctd .navbar-header{ float:none;}
#nv_tctd .navbar-collapse{ float:none; clear: none;margin-left:0px;}
#nv_tctd .navbar-nav >li>a{ border-width:0px 0px;}
}
#nv_tctd .navbar{
    border: none;
    border-bottom:none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}
#nv_tctd .navbar a{
	padding: 15px 10px ;
    border-bottom: thick solid transparent;
    background-color:#555; color:#FFF; 
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#nv_tctd .navbar a:focus,#nv_tctd .navbar a:hover{
	color: #fff;
	background-color: #ff0000;

}

#nv_tctd .navbar > .active >a,
#nv_tctd .navbar > .active >a:focus, #nv_tctd .navbar .active >a:hover {
color: #fff;
background-color: #ff0000;
}

#nv_tctd .navbar li.active a{
color: #fff;
background-color: #ff0000;
}


@media (max-width: 488px) {
	
	#nv_tctd .navbar-header{ float:none;}
    #nv_tctd .navbar-collapse{ float:none;clear: none;margin-left:0px;}
	#nv_tctd .navbar-nav >li>a{ border-width:0px 0px;}
}
 
.img-responsive{width:100% \9;}
.lead2 {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead2 {
    font-size: 16px;
  }
}

.page-header { display:none;}