@charset "utf-8";
body, h1, h2, h3, h4, h5, p, span, div, li {
	font-family:"微軟正黑體";
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.top {
	background-color: #313131;
	color:#FFF;
	font-size:12px;
	padding:10px;
	line-height: 35px;
}
.top a {
	color:#FFF;	
}
.top div ul {
	margin:0;
	padding:0;
}
.top ul li {
	display:inline;
	margin:0 5px;
}
.top ul li:last-child {
	margin-right:0;
}
.searchbox {
	display: inline;
    width: 150px;
}
.btn {
	border-radius:0;
}
.btn-default {
	background-color:transparent;
}
.btn-primary {
	background-color:transparent;
	color:#000;
	border-color:#1a73c5;
}
.btn-primary:hover,.btn-primary.focus, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
	background-color:#1a73c5;
	border-color:#1a73c5;
}
.loginbtn >img {
	max-height:14px;
}
.loginbtn {
	color:#FFF;
	margin-left: -5px;
    margin-top: -3px;
}
.loginbtn:hover {
	background-color:#666;
	color:#FFF;
}
.logo {
	background-color:#1e72c8;
	padding:10px;
	text-align: center;
}
.logo img {
	max-width:100%;
}
.logoxs {
	width:130px;
	margin:0 auto;
}
.navbar-toggle {
	margin:0;
	float:left;
	background-color: #00356b;
	border-radius:0;
	position:absolute;
	padding: 8px 10px;
	color:#FFF;
}
.navbar {
	min-height:0;
	border:none;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
	padding-left: 30px;
    padding-right: 30px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    background-color: #ededed;
}
.navbar-default, .navbar-default .navbar-collapse  {
	background-color:#5992CC;
	border-color: #1e72c8;
	margin:0;
}
.banner img {
	max-width:100%;
}
.conbox {
	margin:15px 0;
}
.tittle {
	font-size:24px;
	font-weight:bold;
	color:#5a5a5a;
	text-align:center;
}
.tittle > i {
	color:#1e73c9;
}
.mtittle {
	margin-top:15px;
}
.tittle img {
	max-width:25px;
}
.carsearch {
	background-color:#1e72c8;
	padding:5px 20px;
	color:#FFF;
	font-size:16px;
}
.carsearch .btn-default {
	color:#FFF;
}
.carsearch .btn-default:hover {
	color:#333;
	background-color: #FFF;
}
.form-control {
	border-radius:0;
}
.searchbtn {
	display:block;
	width: 100%;
    margin-bottom: 10px;
}
.iconbtn01, .iconbtn02, .iconbtn03, .iconbtn04, .iconbtn05, .iconbtn06, .iconbtn07, .iconbtn08, .iconbtn09, .iconbtn10, .iconbtn11, .iconbtn12, .iconbtn13, .iconbtn14 {
	background-repeat: no-repeat;
    background-position: center center;
    height: 100px;
    display: block;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    background-size: 85%;
}
.iconbtn01 {
	background-image:url(../images/icon01.png);
}
.iconbtn02 {
	background-image:url(../images/icon02.png);
}
.iconbtn03 {
	background-image:url(../images/icon03.png);
}
.iconbtn04 {
	background-image:url(../images/icon04.png);
}
.iconbtn05 {
	background-image:url(../images/icon05.png);
}
.iconbtn06 {
	background-image:url(../images/icon09.png);
}
.iconbtn07 {
	background-image:url(../images/icon10.png);
}
.iconbtn08 {
	background-image:url(../images/icon11.png);
}
.iconbtn09 {
	background-image:url(../images/icon12.png);
}
.iconbtn10 {
	background-image:url(../images/icon13.png);
}
.iconbtn11 {
	background-image:url(../images/icon16.png);
}
.iconbtn12 {
	background-image:url(../images/icon14.png);
}
.iconbtn13 {
	background-image:url(../images/icon15.png);
}
.iconbtn14 {
	background-image:url(../images/icon17.png);
}

.nbs-flexisel-item a:hover .iconbtn01 {
	background-image:url(../images/icon01_on.png);
}
.nbs-flexisel-item a:hover .iconbtn02 {
	background-image:url(../images/icon02_on.png);
}
.nbs-flexisel-item a:hover .iconbtn03 {
	background-image:url(../images/icon03_on.png);
}
.nbs-flexisel-item a:hover .iconbtn04 {
	background-image:url(../images/icon04_on.png);
}
.nbs-flexisel-item a:hover .iconbtn05 {
	background-image:url(../images/icon05_on.png);
}
.nbs-flexisel-item a:hover .iconbtn06 {
	background-image:url(../images/icon09_on.png);
}
.nbs-flexisel-item a:hover .iconbtn07 {
	background-image:url(../images/icon10_on.png);
}
.nbs-flexisel-item a:hover .iconbtn08 {
	background-image:url(../images/icon11_on.png);
}
.nbs-flexisel-item a:hover .iconbtn09 {
	background-image:url(../images/icon12_on.png);
}
.nbs-flexisel-item a:hover .iconbtn10 {
	background-image:url(../images/icon13_on.png);
}
.nbs-flexisel-item a:hover .iconbtn11 {
	background-image:url(../images/icon16_on.png);
}
.nbs-flexisel-item a:hover .iconbtn12 {
	background-image:url(../images/icon14_on.png);
}
.nbs-flexisel-item a:hover .iconbtn13 {
	background-image:url(../images/icon15_on.png);
}
.nbs-flexisel-item a:hover .iconbtn14 {
	background-image:url(../images/icon17_on.png);
}

/*** Navigation ***/
 #flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

#flexiselDemo3 {
	margin-top:30px;
}
 .nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    width:75%;
	margin-bottom:35px;
	margin:0 auto;
}
#youtube .nbs-flexisel-inner {
	width:97%
}
.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
	background-color:#FFF;
}
#chart .nbs-flexisel-item, #links .nbs-flexisel-item {
	background-color:transparent;
}
.nbs-flexisel-item p {
	max-width:124px;
	margin:0 auto;
	line-height:30px;
	font-size:16px;
	color:#707070;
}
#chart .nbs-flexisel-item p  {
	max-width:100%;
	margin:10px 0 40px;
	font-size:14px;
	color:#333333;
}
.nbs-flexisel-item a {
	color:#333333;
	font-size:14px;
	display:block;
	margin:0 5px;
	border: 1px solid #ddd;
}

#chart .nbs-flexisel-item a.btn-default {
	border:solid 1px #ccc;
	display:block;
	margin-top: 10px;
}
#chart .nbs-flexisel-item a.btn-default:hover {
	color:#333;
}
#links .nbs-flexisel-item a {
	border:none;
}
.nbs-flexisel-item a:hover, .nbs-flexisel-item a:hover p{
	text-decoration:none;
	border-color:#1e72c8;
	color:#1e72c8;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 36px;
    height: 36px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
}
#youtube .nbs-flexisel-nav-left,
#youtube .nbs-flexisel-nav-right,
#chart .nbs-flexisel-nav-left,
#chart .nbs-flexisel-nav-right,
#links .nbs-flexisel-nav-left,
#links .nbs-flexisel-nav-right {
	width: 29px;
    height: 43px;
	opacity: 0.5;
}
#youtube .nbs-flexisel-nav-left:hover,
#youtube .nbs-flexisel-nav-right:hover,
#chart .nbs-flexisel-nav-left:hover,
#chart .nbs-flexisel-nav-right:hover,
#links .nbs-flexisel-nav-left:hover,
#links .nbs-flexisel-nav-right:hover {
	opacity: 1;
	transition:.3s;
}
#youtube .nbs-flexisel-nav-left:hover {
	background: url(../images/left_84.png) no-repeat;
}
#youtube .nbs-flexisel-nav-right:hover {
	background: url(../images/right_84.png) no-repeat;
}
.nbs-flexisel-nav-left {
    background: url(../images/tip_24.png) no-repeat;
}
#youtube .nbs-flexisel-nav-left, #chart .nbs-flexisel-nav-left, #links .nbs-flexisel-nav-left{
	left:20px;
}
#youtube .nbs-flexisel-nav-left, #links .nbs-flexisel-nav-left {
	background: url(../images/left_85.png) no-repeat;
}
#chart .nbs-flexisel-nav-left { 
	background: url(../images/left_84.png) no-repeat;
}
.nbs-flexisel-nav-right {
    right: 0;
    background: url(../images/tip_25.png) no-repeat;
}
#flexiselDemo1 > li > div > img {
	width:100%;
}
#youtube .nbs-flexisel-nav-right, #chart .nbs-flexisel-nav-right, #links .nbs-flexisel-nav-right {
	right:20px;	
}
#youtube .nbs-flexisel-nav-right, #links .nbs-flexisel-nav-right  {
	background: url(../images/right_85.png) no-repeat;
}
#chart .nbs-flexisel-nav-right{
	background: url(../images/right_84.png) no-repeat;
}
#tips, #news, #youtube, #chart, #links, #vote {
	padding: 30px 0;
}
#tips {
	background-image:url(../images/bg_05.jpg);
}
#news {
	background-image:url(../images/bg_39.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
#links {
	background-color:#246eb9;
}
.searchtittle {
	display:block;
}
.nav-tabs {
    border-bottom: 1px solid #1f73cb;
	width: 100%;
}
.nav-tabs>li {
	margin-bottom: -2px;
    width: 33.334%;
    background-color: #FFF;
    border-bottom: 1px solid #1f73cb;
	text-align: center;
}
.nav-tabs>li>a {
	border-radius: 0;
	color:#676767;
	border: 1px solid #d8d8d8;
    border-bottom-color: transparent;
	margin: 0;
	font-size: 16px;
    line-height: 40px;
}
.nav-tabs>li:first-child> a {
	 border-left-color:#d8d8d8;
	 border-right-color:transparent;
}
.nav-tabs>li:last-child> a {
    border-left-color: transparent;
}
.nav-tabs img {
	max-height:30px;
	display:block;
	margin:0 auto;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #1f73cb;
    border-radius: 0;
    border-top-color: #1f73cb;
    border-left-color: #1f73cb;
    border-right-color: #1f73cb;
	border-bottom-color: #1f73cb;
}

.tab-content>.active {
	padding: 30px;
}
.tab-pane ul {
	margin-bottom:30px;
	padding:0;
}
.tab-pane li {
	list-style:none;
}
.tab-pane li a {
    color: #757575;
   	padding: 10px 0;
    border-bottom: 1px solid #e3e3e3;
    display: block;
}
.nav-tabs>li.active {
	border-bottom: transparent;
}
.tab-pane li a:hover {
	color:#1f73cb;
}
.tab-pane li i {
	color:#1f73cb;
	margin-right:15px;
}
.tab-content {
	background-color: #FFF;
    box-shadow: 1px 1px 1px #000;
	border: 1px solid #7d7d7d;
    border-top-color: transparent;
}
.iconoff {
	display: block;
}
.iconoff01, .iconoff02, .iconoff03 {
	width: 40px;
    background-repeat: no-repeat;
    height: 40px;
    display: block;
    background-size: 100%;
    vertical-align: middle;
    margin: 0 auto;;
}
.iconoff01 {
	background-image: url(../images/icon06.png);
}
.iconoff02 {
	background-image: url(../images/icon07.png);
}
.iconoff03 {
	background-image: url(../images/icon08.png);
}
.nav-tabs>li.active a div.iconoff01 {
	background-image: url(../images/icon06_on.png);
}
.nav-tabs>li.active a div.iconoff02 {
	background-image: url(../images/icon07_on.png);
}
.nav-tabs>li.active a div.iconoff03 {
	background-image: url(../images/icon08_on.png);
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0;  left: 5%;   width: 90%; height: 100%; }
.closebtn, .openbtn {
	background-color:#08396a;
	color:#FFF;
	text-align:center;
	font-size:16px;
	padding:5px 0;
	display:none;
}
.fatfoot {
	background-image:url(../images/bg_72.jpg);
	background-repeat:no-repeat;
	padding:50px 0;
	display:none;
}
.webmap {
	border-left:1px solid #FFF;
	padding-left:20px;
	margin-right: 20px;
	-webkit-flex: 1;
    flex: 1;
}
.foottittle {
	color:#FFF;
	font-size:18px;
	margin-bottom:10px;
}
.footerlink ul {
	margin:0;
	padding:0;
	list-style:none;
	min-height: 110px;
}
.footerlink ul li a {
	color:#dedede;
	line-height:20px;
}
.footerlink ul li a:hover {
	color:#ffffff;
}
.copyright {
	background-color:#000;
	color:#dedede;
	padding:10px 0;
}
.Npeople {
	text-align:center;
	margin-top:20px;
}
.tag {
	display:none;
	position:fixed;
	right:5%;
}
.tag div {
	background-color: rgba(0, 0, 0, 0.63);
    margin-bottom: 5px;
    text-align: center;
	display:block;
	width:50px;
	position:relative;
	float:right;
	height:50px;
}
.tag div a {
	display: block;
    height: 50px;
    padding-top: 13px;
}
.tag div a span {
	color: #FFF;
    font-size: 16px;
    margin-left: 5px;
	display:none;
	line-height:50px;
}
.tag div:hover {
	background-color: #1e72c8;
    min-width: 150px;
    text-align: center;
    box-shadow: 0 0 10px #000000;
}
.tag div:hover a {
	padding: 0;
}
.tag div:hover span {
	display:inline;
}
.morebtn {
	width:100%;
	margin-top:10px;
}
.videobox {
	height: 240px;
    padding: 20px;
	background-color: #f1f1f1;
    border-bottom: 8px solid #000;
    border-top: 8px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
	position:relative;
	margin:0 5px;
}
.videobox .btn-default {
	position: absolute;
    bottom: 15px;
    width: 85%;
	background-color: #FFF;
	left:5%;
}
.videobox h4 {
	line-height: 22px;
    margin: 0;
	display: -webkit-box;  
	overflow:hidden;
	text-overflow : ellipsis;
	-webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
/* ==================== vote ==================== */
#vote {
	background-color:#f1f1f1;
}
.vote_Q {
	color:#666;
	margin:30px 0;
	padding:20px;
	background-color:#FFF;
	box-shadow:1px 1px 1px #CCC;
}

.vote_Q a {
	color:#666;
}
.vote_Q a:hover {
	color:#23527c;
}

/* ==================== input ==================== */
.control-group {
	margin-top:20px;
}
.control {
  display:block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  margin-right:15px;
  cursor: pointer;
  font-weight: normal;
  color: #6b6b6b;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}

.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #246eb9;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #0075ec;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
/* ==================== 登入後 ==================== */
#login .dropdown-menu {
	min-width: 100px;
    top: auto;
    left: -5px;
	border-radius: 0;
}
#login .dropdown-menu li {
	margin:0;
}
#login .dropdown-menu li a {
	padding:10px;
}
.admintriangle {
	position: absolute;
    top: -23px;
    left: 5px;
}

.welcomepc {
	float: right;
    border-bottom: solid 1px #3682ce;
    margin-top: 18px;
    padding-left: 20px;
    text-align: right;
	display:none;
}
.welcomepc ul {
	margin-bottom:3px;
    padding: 0;
    float: right;
}
.welcomepc ul li {
	background-color: #3682ce;
    list-style: none;
    padding: 5px 15px 5px 5px;
    color: #FFF;
	float:left;
	height:30px;

}
.welcomepc ul li.welcometw {
	background-color: transparent;
    padding: 0;
}
.welcometw img {
	height:30px;
}
.welcomephone {
	background-color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
	margin-top: -7.5px;
}

/* ==================== sub ==================== */
.subbg {
	background-color:#FFF;
	padding:30px;
	border:1px solid #9e9e9e;
}
.sub_tittle {
	margin-bottom: 10px;
}
.sub_tittle h3 {
	margin-top: 5px;
	text-align:center;
}
.breadcrumb {
    background-color: transparent;
    text-align: center;
	padding:0;
	margin-top: 10px;
}
.breadcrumb li i {
    color: #3682ce;
    font-size: 1px;
    margin-right: 5px;
}

/* ==================== 內容訊息 ==================== */
.subbg > h4 {
	border-left: 5px solid #3682ce;
    padding-left: 10px;
	line-height: 30px;
	 margin-bottom: 20px;
}
.subbg p {
	line-height: 30px;
    padding: 15px;
    color: #3e3e3e;
	text-align: justify;
	text-justify:inter-ideograph;
}
.subimgbox img {
	max-width:100%;
}
.submessagefooter {
	margin: 30px 0;
    background-color: #f7f7f7;
    padding: 10px 20px;
}
.submessagefooter ul {
	margin:0;
	padding:0;
}
.submessagefooter ul li {
	list-style:none;
	font-size:16px;
	line-height:30px;
}
.list-group-item {
	border: 1px solid #dcdcdc;
    background-color: #fafcff;
}
.label-primary {
	margin:5px 10px;
	display:inline-block;
}
.label-primary a {
	color:#FFF;
	font-size:16px;
}
.list-group-item:last-child {
	border-radius:0;
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
	background-color: #3682ce;
	color: #FFF;
}
a.list-group-item:hover .list-group-item-heading, a.list-group-item:focus  .list-group-item-heading,a.list-group-item:hover .list-group-item-text , a.list-group-item:focus .list-group-item-text {
	color:#FFF;
}
.red {
	color:#F00;
}
.panel-title a {
	display:block;
}
.btn-toggler {
	font-size: 18px;
	margin-bottom:20px;
	border-left: 5px solid #3682ce;
	padding-left: 10px;
}
.gl-sbox {
	display:none;
	font-size:14px;
	line-height:24px;
	padding:15px;
	background-color:#efefef;
	margin-bottom:20px;
}
.conwebmap {
	margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
    padding-left: 15px;
    padding-bottom: 20px;
}
.conwebmap li {
	list-style:none;
	line-height:30px;
    display: block;
}
.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

/* ==================== 影片 ==================== */
.thumbnail {
	border-radius: 0;
	padding: 15px 0 0;
}
.thumbnail .caption{
	padding:15px;
	min-height: 120px;
}
.subbg p {
	padding:0;
}
.thumbnail:hover {
	box-shadow: 1px 1px 5px #bdbdbd;
}
/* ==================== form ==================== */
.formbox {
	width:100%;
	clear:both;
}

.ui-widget {
	font-family:"微軟正黑體";
	font-size:14px;
	margin-bottom: 15px;
}
/* ==================== 投票 ==================== */
.Qside h4 {
	color:#6d6d6d;
	margin-top:20px;
}
/* ==================== table ==================== */
.table tr th {
	background-color: #3682ce;
    color: #FFF;
}
.table tr td a {
	color:#383838;
}
.table tr td a:hover {
	color: #3682ce;
}
.rwd-table {
  border-collapse: collapse;
  min-width: 100%;
}
.rwd-table tr:nth-of-type(2n){
　background: #eee;
}
.rwd-table th, 
.rwd-table td {
　margin: 0.5em 1em;
}
@media screen and (max-width: 768px) {
  
  .rwd-table tr {
    border:1px solid #e2e2e2;;
  }
  
  .rwd-table th {
      display: none;
  }
  
  .rwd-table td {
      display: block;
      border: none;
  }
  
  .rwd-table td:before {
      content: attr(data-th) " ";
      float: left;
      font-weight: bold;
  }
}
@media (min-width:480px) {
	.videobox {
		height: 135px;
	}
	.videobox  h4 {
		-webkit-line-clamp: 2;
	}
}
@media (min-width:550px) {
	.videobox {
		height: 155px;
	}
	.videobox  h4 {
		-webkit-line-clamp: 3;
	}
}
@media (min-width:640px) {
	.videobox {
		height: 115px;
	}
	.videobox  h4 {
		-webkit-line-clamp: 1;
	}
}
@media (min-width:730px) {
	.videobox {
		height: 135px;
	}
	.videobox  h4 {
		-webkit-line-clamp: 2;
	}
	.videobox .btn-default {
		bottom: 5px;
	}
}
@media (min-width:768px) {
	.logo {
		background-color:#FFF;
		text-align:left;
		padding:20px 0;
	}
	.logo >img {
		width:600px;
	}
	.navbar-nav {
		width:100%;
		display: flex;
	}
	.navbar-nav>li {
		text-align:center;
		display: inline-block;
		flex-grow: 1;
	}
	.navbar-default, .navbar-default .navbar-collapse {
		margin:0;
		padding:0;
		border-radius:0;
		background: #5992cc; /* Old browsers */
		background: -moz-linear-gradient(top, #5992cc 49%, #5992cc 49%, #3682ce 50%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #5992cc 49%,#5992cc 49%,#3682ce 50%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #5992cc 49%,#5992cc 49%,#3682ce 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5992cc', endColorstr='#3682ce',GradientType=0 ); 
	}
	.conbox {
		margin:30px auto;
	}
	.tittle {
		text-align:left;
	}
	.carsearch {
		float:right;
	}
	.searchbtn {
		display:inline-block;
		width:auto;
		margin:0;
	}
	.nbs-flexisel-inner {
		width:85%;
	}
	.nav-tabs img {
		display:inline-block;
		margin-right:10px;
	}
	#youtube .nbs-flexisel-nav-left, #chart .nbs-flexisel-nav-left{
		left:60px;
	}
	#youtube .nbs-flexisel-nav-right, #chart .nbs-flexisel-nav-right{
		right:60px;	
	}
	

	.iconon, .iconoff {
		display: inline-block;
		margin-right:5px;
		vertical-align: middle;
	}
	.fatfoot {
		display:block;
	}
	.Npeople {
		text-align:right;
		margin:0;
	}
	.iconoff01, .iconoff02, .iconoff03 {
		display: inline-block;
		margin-right:10px;
	}
	.closebtn, .openbtn {
		display:block;
	}
	.morebtn {
		width:auto;
	}
	.mtop {
		margin-top: 30px;
	}
	.sub_tittle h3 {
		text-align:left;
	}
	.breadcrumb {
		text-align:right;
	}
	.carsearch .form-group {
		padding:3px;
	}
	.carsearch .form-control {
		padding:6px 3px;
	}
	.conwebmap li {
		display: inline-block;
		margin: 0 20px 0 0;
	}
	.formhictrl {
		width:36%;
	}
	.formhictrl>.form-control {
		width:100%;
	}
	.control {
 		 display:inline-block; 
	}
	.Qside .control--radio {
		display:block;
	}
	.welcomepc {
		display:block;
	}
	.videobox {
		height: 85px;
		padding: 10px;
		margin: 0 5px;
	}
	.videobox  h4 {
		-webkit-line-clamp: 1;
	}
}
@media (min-width:870px) {
	.videobox {
		height: 95px;
	}
	.videobox .btn-default {
		bottom: 5px;
	}
}
@media (min-width:943px) {
	.videobox {
		height: 101px;
	}
}
@media (min-width:994px) {
	.formhictrl {
		width:auto;
	}
	
}
@media (min-width:1000px) {
	.videobox {
		height: 110px;
	}
}
@media (min-width:1024px) {
	.tag {
		display:block;
		width: 50px;
		top:50%;
	}
	#chart .nbs-flexisel-item a.btn-default {
		display:inline-block;
	}
	.videobox {
		height: 110px;
	}
	
}
@media (min-width:1060px) {
	.videobox {
		height: 115px;
		margin: 0 15px;
	}
}
@media (min-width:1165px) {
	.videobox {
		height: 125px;
	}
}
@media (min-width:1200px) {
	.searchtittle {
		display:inline-block;
	}
	.videobox {
		height: 135px;
	}
	.videobox  h4 {
		-webkit-line-clamp: 3;
	}

}
@media (min-width:1280px) {
	.tag {
		top:43%;
	}
}
@media (min-width:1300px) {
	.videobox {
		height: 145px;
	}
}
@media (min-width:1400px) {
	.videobox {
		height: 155px;
	}
}
@media (min-width:1490px) {
	.videobox {
		height: 160px;
	}
}
@media (min-width:1500px) {
	.videobox {
		height: 170px;
	}
	.videobox  h4 {
		-webkit-line-clamp: 4;
	}
}
@media (min-width:1600px) {
	.videobox {
		height: 172px;
	}
}

@media screen and (min-width: 300px) and (max-width: 500px) {
  .form-control1 {
		width:100%;
	}
}

@media (min-width: 700px) and (max-width: 800px) {
	.form-control1 {
		width:500px;
	}
}

@media (min-width: 801px){
	.form-control1 {
		width:535px;
	}
}

.iconAdult {
	background-image: url(../images/adult-occupant.png);
    background-color:yellow;
}

.iconChild {
	background-image: url(../images/child-occupant.png);
}

.iconPedestrian {
	background-image: url(../images/pedestrian.png);
}

.iconSafety {
	background-image: url(../images/safety-assist.png);
}

.t-ncap-iconAdult {
    border-color:#ffcc00;
    border-radius:5px;
    background-color:#ffcc00;
}

.t-ncap-iconChild {
    border-color:#007ecc;
    border-radius:5px;
    background-color:#007ecc ;
}

.t-ncap-iconPedestrian {
    border-color:#147912;
    border-radius:5px;
    background-color:#147912;
}

.t-ncap-iconSafety {
    border-color:#761789;
    border-radius:5px;
    background-color:#761789;
}