@font-face {
    font-family: 'NVIDIA';
    src: url("https://www.nvidia.com/content/fonts/NVIDIASansVF_W_Wght.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geforce-bold';
    src: url('../fonts/GeForce-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /*This has the special G used for GeForce and GTX*/
    font-family: 'geforce-bold-2';
    src: url('../fonts/geforce_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {min-height: 100%;}
body,.container.marketing  {
    font-family: "NVIDIA", "맑은고딕", "Malgun Gothic", "Trebuchet MS", "Malgun", "Trebuchet MS", "Microsoft JhengHei ", "微軟正黑體", " Heiti TC ", "黑體-繁", "Arial Unicode", sans-serif !important;
    background: #F7F7F7;
    background: -moz-linear-gradient(top,  #cccccc 1%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top,  #cccccc 1%,#f7f7f7 100%);
    background: linear-gradient(to bottom,  #cccccc 1%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#f7f7f7',GradientType=0 );
    background-repeat: no-repeat;
}

.startHidden {display:none;}

ul {
    list-style-image: url(../img/ul-arrow.png);
}

a, a:hover, a:focus, a:active  {color: #76B900;}
.geforcefont-bold {font-family: "geforce-bold-2", "NVIDIA", "Trebuchet MS", "Trebuchet MS", "Arial Unicode", sans-serif !important;}
.geforcefont-bold-2 {font-family: "geforce-bold-2", "NVIDIA", "Trebuchet MS", "Trebuchet MS", "Arial Unicode", sans-serif !important;}


select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('dropdown-arrow.png')!important;
    background-repeat: no-repeat!important;
    background-position: right center!important;
    background-size: 32px!important;
}

.form-horizontal .control-label {text-align:left;}

select::-ms-expand{
    display:none;
}

h5 {line-height:20px;}
.font-12 {font-size: 12px;}
.font-14 {font-size: 14px;}
.font-18 {font-size: 18px;}

.uppercase {text-transform: uppercase;}

.spacer-5 {height:5px;}
.spacer-10 {height:10px;}
.spacer-20 {height:20px;}
.spacer-40 {height:40px;}


.nv-green {color:#76B900;}
.nv-green-dark {color:#004830;}
.nv-grey {color: #BEBEBE;}
.nv-red {color: #A94442;}

.ul-noindent {padding-left: 16px; margin-bottom:0}

.border-grey {
    border: 1px solid #ECECEC;
    border-bottom: 2px solid #c7c7c7;
}

.bg-white {background: #ffffff;}

.btn-default {
	color: #ffffff;
    border: 0;
    text-transform: uppercase;
    background: #76B900;
    border-radius: 0;
    font-weight: bold;
    padding: 10px 15px;
    /*color: #ffffff;
    border: 0;
    text-transform: uppercase;
    background: #7ac601;
    background: -moz-linear-gradient(top,  #7ac601 0%, #3a8117 100%);
    background: -webkit-linear-gradient(top,  #7ac601 0%,#3a8117 100%);
    background: linear-gradient(to bottom,  #7ac601 0%,#3a8117 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ac601', endColorstr='#3a8117',GradientType=0 );*/
}
.btn-default:hover {
    color: #ffffff;
    background: #76B900;
}
.btn-default:focus {
    color: #ffffff;
}
.btn-default:active {
    color: #ffffff!important;
    background: #3a8117;
    background: -moz-linear-gradient(top,  #3a8117 0%, #7ac601 100%);
    background: -webkit-linear-gradient(top,  #3a8117 0%, #7ac601 100%);
    background: linear-gradient(to bottom,  #3a8117 0%, #7ac601 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a8117', endColorstr='#7ac601',GradientType=0 );

}

.col-left .form-group label {
    padding-right:0;
}

.col-left .form-group .col-sm-8 {
    padding-right:40px;
}

.col-right .form-group label {
    padding-right:0;
    padding-left:10px;
}

/*.col-right .form-group .col-sm-7 {*/
    /*padding-right:30px;*/
/*}*/


.table tr {background: #f6f6f6; color: #000000; padding-left:20px;}
.table td {vertical-align: middle!important;}
.table-zebra tr:nth-child(odd) {background:#F6F6F6!important;}
.table-zebra tr:nth-child(even) {background:#F0F0F0!important;}

.table-valign {vertical-align: middle;}

.table tr .tablecell-black {background:#000000; color:#ffffff; padding-left:20px;}
.table tr .tablecell-grey1 {background:#e1e1e1; color:#000000; padding-left:20px;}
.table tr .tablecell-grey2 {background:#333333; color:#ffffff; padding-left:20px;}
.table tr .tablecell-grey3 {background:#cccccc; color:#000000; padding-left:20px;}
.table tr .tablecell-green1 {background:#77B900; color:#ffffff; padding-left:20px;}
.table tr .tablecell-green2 {background:#91C733; color:#ffffff; padding-left:20px;}
.table tr .tablecell-green3 {background:#EBF5DA; color:#000000; padding-left:20px;}
.tablecell-left-image > div {float: left; margin:0 10px;}

table>thead>tr>th {
    border-bottom: 2px solid #fff!important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    padding-left: 20px;
}


.navbar select {
    background: #333;
    color: #ccc;
    border: none;
    border-radius: 0;
    padding: 2px;
    background-image: url('../img/dropdown-arrow.png')!important;
}

.logo {margin:22px 0 5px;}
.logo img {max-width:180px;}
.logo-xs img {max-width: 150px; margin: 12px;}

#selCountry-right {
    margin: 25px 0 0;
    min-width: 140px;
    font-size: 12px;

}

#followus-right a {
    text-transform: uppercase;
    text-decoration: none;
}

#followus-right a span {
    padding-right: 10px;
    vertical-align: -3px;
}

.breadcrumb {
    margin-bottom: 0px;
    padding: 10px 0px;
    background-color: inherit;
    font-size: 12px;
}

.breadcrumb a {color: #666;}
.breadcrumb .arrow {padding: 6px; font-size: 16px;}

.navbar {
    margin-bottom: 0;
    border: none;
}

.nav.navbar-nav {text-transform: uppercase;}

.navbar-nav>li>.dropdown-menu {
    background: rgba(0, 0, 0, 0.8);
    padding-top: 0;
}

.dropdown-menu>li>a {
    color: #fff;
    border: 1px solid #333;
    border-top:0;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #76B900;
    background: rgba(0, 0, 0, 0);
}

.navbar-inverse {
    background: #000;
}

.navbar-inverse .navbar-nav>li>a {color:#ffffff; padding-top:10px; padding-bottom:10px;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    background:#76B900;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color:#76B900;
    background: #333333;
}

.navbar-inverse .navbar-nav>li>a .caret {
    vertical-align: 1px;
    border-top: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid #fff;
}

.navbar-inverse .navbar-nav>li:not(.open):not(.active)>a:hover .caret {
    border-left: 4px solid #76B900;
}

.navbar-inverse .navbar-nav>.open>a .caret {
    vertical-align: -1px;
    border-top: 4px solid #76B900;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid rgba(0, 0, 0, 0);
}

.navbar-inverse .navbar-nav>li.open>a {
    color:#76B900!important;
    background: #333333!important;
}
.navbar-wrapper .container {
    padding-left:0;
    padding-right:0;
}

.navigator > div {
    padding:2px;
}

.navigator > div > a  {
    color: #fff;
    width: 100%;
    display: block;
    padding: 10px;
    background: #adadad;
    background: -moz-linear-gradient(top,  #adadad 0%, #878787 100%);
    background: -webkit-linear-gradient(top,  #adadad 0%,#878787 100%);
    background: linear-gradient(to bottom,  #adadad 0%,#878787 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#878787',GradientType=0 );
}

.navigator > div.active > a  {
    background: #616161;
    background: -moz-linear-gradient(top,  #616161 0%, #4c4c4c 100%);
    background: -webkit-linear-gradient(top,  #616161 0%,#4c4c4c 100%);
    background: linear-gradient(to bottom,  #616161 0%,#4c4c4c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#4c4c4c',GradientType=0 );
}
.navigator > div.active:after {
    top: 90%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #4c4c4c;
    border-width: 15px;
    margin-left: -15px;
}

.navigator > div > a {
    border: 1px solid #ACACAC;
}

.navigator > div.active > a {border: 1px solid #858585}
.navigator > div > a:hover,.navigator > div > a:focus {text-decoration: none;}
.navigator > div:not(.active) > a:hover {
    background: #c3c3c3;
    background: -moz-linear-gradient(top,  #c3c3c3 0%, #838383 100%);
    background: -webkit-linear-gradient(top,  #c3c3c3 0%,#838383 100%);
    background: linear-gradient(to bottom,  #c3c3c3 0%,#838383 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3c3', endColorstr='#838383',GradientType=0);
}


.banner {
    position:relative;
    background: #000;
    overflow: hidden;
}

.banner img {float:right;}

.banner-caption {
    color: #fff;
    font-size: 26px;
    bottom: 0;
    left: 15px;
    position: absolute;
}


.mTable-header {margin-top:3px}
.mTable-header > img {float: right; margin-right: 7px; width:20px;cursor: pointer}
.mTable div:not(.clearfix), .mTable-header {padding: 7px;}
.mTable-green {background: #76B900; color: #fff;}
.mTable-grey-1 {background: #333; color: #fff; padding:7px;}
.mTable-grey-2 {background: #BFBFBF; color: #000;}
.mTable-grey-3 {background: #D9D9D9; color: #000;}
.mTable-grey-4 {background: #F6F6F6; color: #000;}
.mTable-grey-5 {background: #F0F0F0; color: #000;}
.mTable-grey-6 {background: #E6E6E6; color: #000;}


.container-outer {
    background:#ffffff;
}

.container-inner-1 {
    background:#f6f6f6;
    padding: 10px;
    border: 1px solid #eaeaea;
}

.container-inner-1-top {
    /*border-bottom: 15px solid #488C11;*/
    /*border-left: 15px solid rgba(0, 0, 0, 0);*/
    /*border-right: 15px solid rgba(0, 0, 0, 0);*/
    /*height: 0;*/
    /*width: 100%;*/
    height:15px;
    background-image: url(../img/green_div_mid.jpg);
    background-repeat: repeat-x;
    background-size: 100% 15px;
}

.container-inner-2-white {
    background: #ffffff;
    margin: 2px;
    padding: 10px 10px 20px;
    border: 1px solid #efefef;
}

.container-inner-2-white .box {
    background: #f9f9f9;
    border:1px solid #d8d8d8;
    padding:16px;
}
.container-inner-2-white .box .btn {width:90%; padding:10px;}

.container-inner-2-grey {
    background: #F9F9F9;
    margin: 2px;
    padding: 10px 10px 20px;
    border: 1px solid #efefef;
}

.container-inner-2-grey .box {
    background: #ffffff;
    margin: 4px;
    border: 1px solid #dfdfdf;
}

.container-inner-2-grey .box .box-content {padding:10px;}
.container-inner-2-grey .box .btn {width:90%; padding:10px;}

.box .box-header {
    background: #76B900;
    color: #FFF;
    margin: -17px -17px 10px;
    padding: 10px;
}


.container-inner-message {
    display: none;
    color: #fff;
    margin: 4px 4px -4px;
    padding: 10px;
    text-align: center;
}

.container-inner-message h2 {margin:5px;}
.container-inner-message.warning{background: #A94442;}
.container-inner-message.success{background: #76B900;}

.container-inner-removegap {margin-top: -5px;}

.required {color:#76b900; margin-right:3px;}

.g-recaptcha > div > div {margin:auto;}
.g-recaptcha.has-error > div > div {outline: 3px solid #A94442;}

footer {
    border-top: 3px solid #76B900;
    padding-top: 15px;
    padding-bottom: 8px;
}


@media (max-width: 767px) {
    body {padding-bottom:0;}
    .container-inner-1-top img {display: none;}
    .container {padding: 0;}
    .container-inner-2-white,.container-inner-2-grey {padding: 10px 0; margin-top: -3px;}
    .breadcrumb, footer {padding-left:15px; padding-right:15px;}

    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding-left:5px!important;
    }

    .navigator > div {
        display: table;
        min-height: 82px;
    }

    .navigator > div > a {
        display: table-cell;
        vertical-align: middle;
        font-size: 0.92em;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .banner-caption {
        bottom: 10px;
    }
}

@media (min-width: 992px) {
    .banner-caption {
        bottom: 20px;
    }
}

@media (max-width: 991px) {
    .col-left .form-group .col-sm-8 {
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 980px;
    }
}

.flush-right { 
    padding-right: 0px!important; 
}
.icafe-partner-header { 
    background: #333333; 
	position: relative; 
	padding: 1px; 
	padding-left: 25px; 
	margin: 2px; 
	margin-top: -2px; 
	color: #FFFFFF; 
}
.partnerlogo-gold { 
    padding-top: 20px; 
	padding-bottom: 20px; 
}

.icafe-info { 
    margin: 0 auto; width: 90%; color: #000; 
}

.icafe-info2 { 
    margin: 15px auto; color: #000;
}

@media (max-width: 768px) { 
    .icafe-info2 { 
	    text-align: center; 
    }
}

.icafe-title { 
    text-transform: uppercase; 
	font-weight: bold; 
}

.icafe-link { 
    margin-top: 8px; 
	margin-bottom: 12px; 
}