body{ padding-bottom:120px;font-family:'DINPro-Medium','Segoe UI','SEGOEUIL', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important; background:#000; color:#fff; font-size:15px;}
body#jp{ font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif !important;}
body#vn{ font-family:Tahoma, Geneva, sans-serif !important; }
body#tw{ font-family:'Microsoft JhengHei','DINPro-Medium','Segoe UI','SEGOEUIL', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;}

a img,a:link img{ border:0;}
h3{ font-size:2em;}
header .img-responsive{ display:inline-block;}
.header{ border-bottom:5px solid #ff0000;}

.navbar-nav{ font-family:'DINCondMediumRegular', 'bebas_neue_cyrillicregular', 'BebasNeueTurkishSubset', 'BebasNeuePolishSubset',"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif !important;text-transform:uppercase;}
body#vn .navbar-nav{ font-family:Tahoma, Geneva, sans-serif !important; text-transform:none;}
@media screen and (min-width: 768px) {
	.header{padding:0px 60px;}
	.navbar-nav{ float:none;margin: 0 auto;display: table; table-layout: fixed; font-size:20px;text-transform:uppercase;font-family:'DINCondMediumRegular', 'bebas_neue_cyrillicregular', 'BebasNeueTurkishSubset', 'BebasNeuePolishSubset',"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif !important;}
	body#vn .navbar-nav{ font-family:Tahoma, Geneva, sans-serif !important; text-transform:none;}
	
}
@media screen and (min-width: 1200px) {
	.header{padding:0px 120px}
	.navbar-nav{ float:none;margin: 0 auto;display: table; table-layout: fixed; font-size:24px;font-family:'DINCondMediumRegular', 'bebas_neue_cyrillicregular', 'BebasNeueTurkishSubset', 'BebasNeuePolishSubset',"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif !important;text-transform:uppercase;}
	.navbar{ margin:0;}
	.navbar-brand{ font-size:14px; color:#fff;}
}
h2,.h2{ font-size: 2.7em; text-transform:uppercase;}
body#jp h1,body#jp .h1,body#jp h2,body#jp .h2,
body#jp h3,body#jp .h3,body#jp h4,body#jp .h4{font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif !important;}

body#vn h1,body#vn .h1,body#vn h2,body#vn .h2,
body#vn h3,body#vn .h3,body#vn h4,body#vn .h4{ font-family:Tahoma, Geneva, sans-serif !important; text-transform:none;}

body#tw h1,body#vn .h1,body#tw h2,body#tw .h2,
body#tw h3,body#vn .h3,body#tw h4,body#tw .h4{ font-family:'Microsoft JhengHei','DINPro-Medium','Segoe UI','SEGOEUIL', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;}



.wtb { padding-bottom:50px; margin:0 auto; }


.wtb .intel{ padding:40px 0;}
.table-wtb{ margin-top:30px;}
.table-wtb th,table-wtb tr{ height:40px;}
.table-wtb th{ background-color:#5d0000; font-weight:bold;}

.table-wtb th.left,.table-wtb th,table-wtb td.left,table-wtb tr.left{ text-align:left;}
.table-wtb td{ padding:5px 10px; margin-bottom:10px; border-bottom:1px solid #444;}
.table-wtb th.center,.table-wtb th,table-wtb td.center{ text-align:center;}
.table-wtb tr:nth-child(even) {background: #101010}
.table-wtb tr:nth-child(odd) {background: #222}

.wtb .logo{ margin:5px; padding:0; display:inline-block; }


.wtb a.logo_flag{ color:#FFF; font-weight:bold; font-size:18px; margin:5px; padding:10px; display:inline-block; width:180px;  border-radius:5px;text-decoration:none;}
.wtb a.logo_flag:hover{ text-decoration:none; background-color:#cc0000;}
.wtb a.logo_flag img{ width:60px; height:60px;margin-right:10px;}

ul.shop { padding:0; margin:0 auto; }
ul.shop { padding:0; margin:0 auto; }
ul.shop li { list-style:none; padding:0; margin:0; display:inline-block; width:120px; height:65px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 6px 5px 0; overflow:hidden; border:1px solid #222;}
ul.shop li img{width:120px; height:65px;}



.jumbotron .container-fluid{ margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
.jumbotron{ text-align:center; color:#FFF; background-color:#000; margin-bottom:0px; }
.jumbotron .logobox{ position:relative; zoom:1; overflow:hidden;}
.jumbotron .img-responsive{ margin:0 auto; }
.jumbotron .logobox img.img-responsive{ vertical-align:top; }
.jumbotron .title h1{ font-size: 30px;font-family:'SEGOEUIL','Segoe UI',Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important; margin:0;}
.jumbotron .bold{ font-family:'Segoe UI','SEGOEUIL',Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important; margin:0;}
.jumbotron .title{ text-align:center; background:none/*:rgba(255,255,255,.3)*/; padding:0px 0px; margin:0px 0 40px 0;}
.jumbotron .title h2,.jumbotron .title h3{ font-size: 42px;font-family:'SEGOEUIL','Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important; margin:0;}
.jumbotron .title h4{ font-size:20px; font-family:'DINPro-Light','Segoe UI','SEGOEUIL', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;}
.jumbotron .title .lead{font-family:'SEGOEUIL','Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important; margin-top:20px;}
.jumbotron .lead{ font-family:'Segoe UI','SEGOEUIL',Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important; margin:0;}

.tagline{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0; padding:10px 15px;}
body#jp .tagline{ font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif !important; font-weight:normal;}
body#vn .tagline{ font-family:Tahoma, Geneva, sans-serif !important; }
body#tw .tagline{ font-family:'Microsoft JhengHei','DINPro-Medium','Segoe UI','SEGOEUIL', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;font-weight:bold; margin:10px 0; padding:10px 15px;}

@media screen and (min-width: 768px) {
	.jumbotron .title h1{ margin-bottom:30px; font-size: 52px;}
	.jumbotron{ padding:0px 0px;}
	.jumbotron .title h4{ font-size:24px; }
	
}
@media screen and (min-width: 1200px) {
	.jumbotron .title{margin:70px 0 40px 0;}
	.jumbotron .title h1{ margin-bottom:30px; font-size: 62px;}
	.jumbotron .title{ text-align:left; }
	.jumbotron{ padding:0px 0px;}
	.jumbotron .title h4{ font-size:28px; }
	.tagline{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:10px 0; padding:10px 120px;}
	}


.section{ margin:0px 10px;}
@media screen and (min-width: 768px) {
.section{ margin:0px 60px;}
}
@media screen and (min-width: 1200px) {
.section{ margin:0px 120px; padding-top:20px;}
}
.section .note{  margin-bottom:12px;}
.section .series{ }
.section .series .series-box{ background:#161616; padding:0 30px 30px 30px;margin-bottom:30px; border-bottom:1px solid #101010;}
.section .series .series-box .img-responsive{ margin:0 auto;}
.section .series .series-box:hover{ }

@media screen and (min-width: 992px) {
	.section .series .series-box.cseries,.section .series .series-box.pseries,.section .series .series-box.wsseries{ min-height:502px;}
	}
@media screen and (min-width: 1200px) {
	.section .series .series-box.cseries,.section .series .series-box.pseries,.section .series .series-box.wsseries{ min-height:483px;}
}
.section .series .series-box.gseries{ border-top:5px solid #f00;}

.section .series .series-box .title{ text-align:center; margin-bottom:20px; }
.section .series .series-box .title .text{ text-align:center; color:#FFF; padding:10px 20px;display:inline-block; border-radius:0px 0px 8px 8px}
.section .series .series-box .title .text h3{ padding:0; margin:0;}
.section .series .series-box a,.section .series .series-box a:link{ display:inline-block; padding:10px 13px; margin:5px 2px 5px 2px; color:#fff; background-color:#333; min-width:91px;}


.section .series .series-box a:hover,.section .series .series-box a:active,.section .series .series-box a:focus { color:#FFF; text-decoration:none;}

.section .series .series-box a{ text-align:center;}
.section .series .series-box.gseries .title .text{ background:#F00;}
.section .series .series-box.gseries a:hover,.section .series .series-box.gseries a:active,.section .series .series-box.gseries a:focus{ background-color:#ff0000;}

.section .series .series-box.wsseries{ border-top:5px solid #76b900; }
.section .series .series-box.wsseries .title .text{ background:#76b900;}
.section .series .series-box.wsseries a:hover,.section .series .series-box.wsseries a:active,.section .series .series-box.wsseries a:focus{ background-color:#76b900;}


.section .series .series-box.cseries,.section .series .series-box.pseries,.section .series .series-box.sseries,.section .series .series-box.tablet{ border-top:5px solid #454545; }
.section .series .series-box.cseries .title .text,
.section .series .series-box.pseries .title .text,
.section .series .series-box.sseries .title .text,
.section .series .series-box.tablet .title .text{ background:#454545;}
.section .series .series-box.cseries a:hover,.section .series .series-box.cseries a:active,.section .series .series-box.cseries a:focus,
.section .series .series-box.pseries a:hover,.section .series .series-box.pseries a:active,.section .series .series-box.pseries a:focus,
.section .series .series-box.sseries a:hover,.section .series .series-box.sseries a:active,.section .series .series-box.sseries a:focus,
.section .series .series-box.tablet a:hover,.section .series .series-box.tablet a:active,.section .series .series-box.tablet a:focus,
.section .series .series-box.aio a:hover,.section .series .series-box.aio a:active,.section .series .series-box.aio a:focus
{ background-color:#454545;}

.section .series .series-box.aio{ border-top:5px solid #454545; }

@media screen and (min-width: 992px) {
	.section .series .series-box.aio{ min-height:622px;}
	}
@media screen and (min-width: 1200px) {
	.section .series .series-box.aio{ min-height:522px;}
}
.section .series .series-box.aio .title .text{ background:#454545;}
.section .series .series-box.aio a,.section .series .series-box.aio a:link{ display:inline-block; background-color:#333; padding:10px 20px; min-width:168px;}
.section .series .series-box.aio a:hover,.section .series .series-box.aio a:active,.section .series .series-box.aio a:focus{ background-color:#454545;}
.section .series .series-box.sseries,.section .series .series-box.tablet,.section .series .series-box.aio{ padding-bottom:0px;}

.section .series .series-box.sseries .text,.section .series .series-box.tablet .text,
.section .series .series-box.aio .text{ margin:0px 0 20px 0;}

.section .series .series-box.aio_gseries{ border-top:5px solid #f00;}

@media screen and (min-width: 992px) {
	.section .series .series-box.aio_gseries{ min-height:;}
	}
@media screen and (min-width: 1200px) {
	.section .series .series-box.aio_gseries{ min-height:;}
}

.section .series .series-box.aio_gseries a,.section .series .series-box.aio_gseries a:link{ display:inline-block; background-color:#333; padding:10px 20px; min-width:210px;}
@media screen and (min-width: 768px) {
	.section .series .series-box.aio_gseries a,.section .series .series-box.aio_gseries a:link{ display:inline-block; background-color:#333; padding:10px 20px; min-width:324px;}
	}
@media screen and (min-width: 992px) {
	.section .series .series-box.aio_gseries a,.section .series .series-box.aio_gseries a:link{ display:inline-block; background-color:#333; padding:10px 20px; min-width:286px;}
	}

@media screen and (min-width: 1200px) {
	.section .series .series-box.aio_gseries a,.section .series .series-box.aio_gseries a:link{ display:inline-block; background-color:#333; padding:10px 20px; min-width:240px;}

	}
.section .series .series-box a{ text-align:center;}
.section .series .series-box.aio_gseries .title .text{ background:#F00;}
.section .series .series-box.aio_gseries a:hover,.section .series .series-box.aio_gseries a:active,.section .series .series-box.aio_gseries a:focus{ background-color:#ff0000;}


.section.chart .img-responsive{ margin:0 auto;}
.footer{ padding:20px 0; background:rgba(40,40,40,0.9); color:#fff; margin-top:50px; text-transform:uppercase;}
.footer ul#nav li{ list-style:none; display:inline-block;}
.footer a{ margin-right:10px;}
.footer .copyright{ margin-top:10px; text-align:center;}
@media screen and (min-width: 768px) {
	.footer .copyright{ margin-top:23px; text-align:center;}
}


.navbar-inverse {
  background-color: #222;
  border-color: #ff0000;
  color:#fff;
}
.navbar-inverse .navbar-brand {
  color: #fff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #f0f0f0;
}
.navbar-inverse .navbar-nav > li > a:hover{
  color: #fff;
  background-color: #cc0000;
}
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #ff0000;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #ff0000;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.lead{ font-family:'Segoe UI','SEGOEUIL',Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important; }
.light{font-family:'SEGOEUIL','Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important; }

body#jp .lead,body#jp .lead span,body#jp .light{ font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif !important;}
body#vn .lead,body#vn .lead span,body#vn .light{ font-family:Tahoma, Geneva, sans-serif !important; }
body#tw .lead,body#tw .lead span,body#tw .light{font-family:'Microsoft JhengHei','DINPro-Medium','Segoe UI','SEGOEUIL', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important; background:#000; color:#fff; }

.btn-danger {
  color: #fff;
  background-color: #cc0000;
  border-color: #cc0000;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #ff0000;
  border-color: #ff3030;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-default {
  color: #fff;
  background-color: #cc0000;
  border-color: #ff0000;
}
.btn-default.on{ color: #cc0000;
  background-color: #f6f6f6;
  border-color: #fff;} 
  
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #cc0000;
  background-color: #f6f6f6;
  border-color: #fff;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
#features{ padding-top:50px;}
.current{ background-color:#ff0000;}
.btn-lg{ padding:10px 16px}
/* feature API */
.feature-nav-fixed{
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 999;
        background-color: rgba(0,0,0,0.8);
    }
    .feature-nav-fixed .GroupTitle{
    }

    .block-red{
        background: rgba(255,0,0,0.3);
    }
    .fake-section{
        height:224px;
    }
		.GroupBlock{  background:#FF0004; width:100%; display:inline-block;}
		.GroupTitle{ color:#FFF; width:100% ; padding:5px; }
		.icons{ display:block; border:2px solid #FF0004; margin:10px;}
		.fake-section{height: 208px;}
		div#prod-info {
			color: #D00000;
		}