@charset "UTF-8";
/* CSS Document */
h3 {
  font-size: 12px !important;
  line-height:normal !important;
}
.hero-unit {
  margin-bottom: 10px !important;
  background-color:#fff !important;
  padding:0px;
}
.clear {clear:both;}

a {
  color: #454756;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #ff000 !important;
  text-decoration: none !important;
}

.titlebar {width:100%; height:45px; background-image:url(../images/cm/titlebar.jpg); background-position:bottom; background-repeat:repeat-x; margin-bottom:15px; margin-top:20px;}
.titlebar-red {width:auto; height:45px; background-image:url(../images/cm/titlebar-red.jpg); background-position:bottom; float:left; background-repeat:repeat-x; padding:0 15px 0 0; vertical-align:bottom; overflow:hidden;}
.titlebar-d {width:100%; height:45px; background-image:url(../images/cm/titlebar.jpg); background-position:bottom; background-repeat:repeat-x; margin-bottom:15px;}
.titlebar-red-d {width:auto; height:45px; background-image:url(../images/cm/titlebar-red.jpg); background-position:bottom; float:left; background-repeat:repeat-x; padding:0 15px 0 0; vertical-align:bottom; overflow:hidden;}

.titlebar-text {float:left; line-height:57px; font-family:'true_mediumregular'; font-size:16px;}
.titlebar-text-d {float:left; line-height:57px; font-family:'true_mediumregular'; font-size:20px;}
.titlebar-img {float:left;}

.btn2 {background-color: #ec1c24;
  background-image: -moz-linear-gradient(top, #ec1c24, #a31c24);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec1c24), to(#a31c24));
  background-image: -webkit-linear-gradient(top, #ec1c24, #a31c24);
  background-image: -o-linear-gradient(top, #ec1c24, #a31c24);
  background-image: linear-gradient(to bottom, #ec1c24, #a31c24);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
width:82px; 
height:auto;
padding:4px 2px;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  text-decoration:none;}
  
a.btn2 {color: #fff;text-decoration:none;}
.btn2:hover{color: #000;text-decoration:none;}

.btn3 {background-color: #ec1c24;
  background-image: -moz-linear-gradient(top, #ec1c24, #a31c24);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec1c24), to(#a31c24));
  background-image: -webkit-linear-gradient(top, #ec1c24, #a31c24);
  background-image: -o-linear-gradient(top, #ec1c24, #a31c24);
  background-image: linear-gradient(to bottom, #ec1c24, #a31c24);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
width:82px; 
height:auto;
padding:4px 2px;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  text-decoration:none;
  margin:8px 0 0 0;}
  
a.btn3 {color: #fff;text-decoration:none;}
.btn3:hover{color: #000;text-decoration:none;}

.page {background-color: #ec1c24;
  background-image: -moz-linear-gradient(top, #ec1c24, #a31c24);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec1c24), to(#a31c24));
  background-image: -webkit-linear-gradient(top, #ec1c24, #a31c24);
  background-image: -o-linear-gradient(top, #ec1c24, #a31c24);
  background-image: linear-gradient(to bottom, #ec1c24, #a31c24);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
width:auto; 
height:18px;
padding:4px 6px;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  text-decoration:none;
  margin:8px 2px 0 0;}
  
  .page2 {background-color: #ccc;
  background: rgb(204,204,204);

background: -moz-linear-gradient(top,  rgb(204,204,204) 0%, rgb(191,191,191) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(204,204,204)), color-stop(100%,rgb(191,191,191)));

background: -webkit-linear-gradient(top,  rgb(204,204,204) 0%,rgb(191,191,191) 100%);

background: -o-linear-gradient(top,  rgb(204,204,204) 0%,rgb(191,191,191) 100%);

background: -ms-linear-gradient(top,  rgb(204,204,204) 0%,rgb(191,191,191) 100%);

background: linear-gradient(to bottom,  rgb(204,204,204) 0%,rgb(191,191,191) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bfbfbf',GradientType=0 );


  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
width:auto; 
height:18px;
padding:4px 6px;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  text-decoration:none;
  margin:8px 2px 0 0;}
  
.pageview { margin-top:14px; font-family:tahoma; font-size:12px; font-weight:bold; color:#6b788c; margin:20px 5px 0 5px;}
a.pageview {color:#6b788c;}

.readmore {
	float:right;
	border-left:solid 3px #ec1c24;
width:auto; 
height:16px;
padding:0 0 0 6px;
  font-size: 12px;
  color: #454756;
  text-align: center;
  cursor: pointer;
  text-decoration:none;
  margin:8px 0 0 0;}
  
a.readmore {color: #454756;text-decoration:none;}
.readmore:hover{color: #ec1c24;text-decoration:none;}

.nav-list > .active > a{
background-image:url(../images/cm/btn-left-active.jpg);
color:#fff; background-repeat:no-repeat; background-position:left;
background-color: #3f3f3f;
}
.nav-list > .active > a:hover{
background-image:url(../images/cm/btn-left-active.jpg);
color:#fff; background-repeat:no-repeat; background-position:left;
background-color: #3f3f3f;
}
.nav-list > a:hover{
color: #ffffff;
background-color: #3f3f3f;
}

.nav-list > li > a{
background-image:url(../images/cm/btn-left.jpg);
color:#3f3f3f; background-repeat:no-repeat; background-position:left;
background-color: #f0f1f1;
height:35px;
padding:0px;
}
.nav-list > li > a:hover{
background-image:url(../images/cm/btn-left-active.jpg);
color:#fff; background-repeat:no-repeat; background-position:left;
background-color: #3f3f3f;
text-shadow:none;
}
.nav-list li {
	text-align:center;
	font-family:"true_boldregular";
	height:35px;
	line-height:35px;
	margin-bottom:1px;
	}



.ul-arrow {list-style-image:url(../images/cm/arrow-r.png) ;color:#555555;}
.ul-arrow li{border-bottom: dotted thin #ccc; margin-bottom:10px;}
.listtop5 {color:#555555; font-family:tahoma; font-size:12px;}
a.listtop5 {color:#555555; }
.listtop5 a:hover{color:#ec1c24; font-family:tahoma; font-size:12px; text-decoration:none;}

.leftmenu {width:100%;}
.space {height:10px;}
.space2 {height:25px;}
.space4 {height:40px;}

.news-bar {height:30px; width:97%; padding:5px 10px; font-family:tahoma; font-size:12px; color:#fff; background-image:url(../images/cm/bg-news.jpg); background-repeat:repeat-x; margin:0; border-top:solid 3px #d0d2d3; display:block;}

.choose-icon {width:100%; height:60px; border-bottom:solid 3px #d0d2d3;}

.icon {width:85px; height:56px; background-color:#d0d2d3; float:left; text-align:center;  border: solid 3px #d0d2d3; margin:0 3px 0 0 ;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;

}

.icon:hover {width:85px; height:57px; background-color:#969696; border: solid 3px #d0d2d3; float:left; text-align:center; margin:0 3px 0 0 ;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom:none;
}

.icon-active {width:85px; height:57px; background-color:#fff; border: solid 3px #d0d2d3; float:left; text-align:center; margin:0 3px 0 0 ;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom:none;
}

.pic-lvc {margin:30px 0 0 0;}


.accordion-inner {
  padding: 10px 15px;
  border-top: 1px solid #e5e5e5;
  background-color:#f0f1f1; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin:2px 0 10px 16px;
}
.accordion {
  margin:0;
}

.accordion-group {
  margin: 0 !important;
}

.linedot {
		border-bottom: dotted thin #ccc;
		margin:0 0 0 15px;

}
.linedot2 {
		border-bottom: dotted thin #ccc;

}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 0px;
}
.container-fluid {
	padding:0px;
	}
.info-d {width:100%; padding:10px 0 30px 0; font-family:tahoma; line-height:16px; font-size:12px; color:#454756;}

.shortcut {
	width:auto;
	height:150px;
	}
.shortcut ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
	}
.shortcut li {
	margin:0px;
	padding:0px;
	float:left;
	width:115px;
	height:150px;
	margin:0px;
	margin-bottom:20px;
	}
.shortcut li a {
	display:block;
	}
.shortcut .name {
	margin-top:10px;
	text-align:center;
	font-family:"true_boldregular";
	font-size:14px;
	}
.shortcut .sc_icon {
	text-align:center;
	margin-top:5px;
	}
.shortcut .sc_truemove .sc_band {
	width:115px;
	height:100px;
	background-image:url(../images/cm/shortcut.png);
	background-position:-0px -0px;
	}
.shortcut .sc_truemove:hover .sc_band {
	background-image:url(../images/cm/shortcut.png);
	background-position:-0px -100px;
	}
.shortcut .sc_trueonline .sc_band {
	width:115px;
	height:100px;
	background-image:url(../images/cm/shortcut.png);
	background-position:-115px -0px;
	}
.shortcut .sc_trueonline:hover .sc_band {
	background-image:url(../images/cm/shortcut.png);
	background-position:-115px -100px;
	}
.shortcut .sc_truelife .sc_band {
	width:115px;
	height:100px;
	background-image:url(../images/cm/shortcut.png);
	background-position:-230px -0px;
	}
.shortcut .sc_truelife:hover .sc_band {
	background-image:url(../images/cm/shortcut.png);
	background-position:-230px -100px;
	}
.shortcut .sc_truevision .sc_band {
	width:115px;
	height:100px;
	background-image:url(../images/cm/shortcut.png);
	background-position:-345px -0px;
	}
.shortcut .sc_truevision:hover .sc_band {
	background-image:url(../images/cm/shortcut.png);
	background-position:-345px -100px;
	}
.shortcut .sc_trueit .sc_band {
	width:115px;
	height:100px;
	background-image:url(../images/cm/shortcut.png);
	background-position:-460px -0px;
	}
.shortcut .sc_trueit:hover .sc_band {
	background-image:url(../images/cm/shortcut.png);
	background-position:-460px -100px;
	}
.shortcut .sc_trueinfo .sc_band {
	width:115px;
	height:100px;
	background-image:url(../images/cm/shortcut.png);
	background-position:-575px -0px;
	}
.shortcut .sc_trueinfo:hover .sc_band {
	background-image:url(../images/cm/shortcut.png);
	background-position:-575px -100px;
	}
.how-to_list {
	margin:0px !important;
	padding:0px !important; 
	}
.row {
	margin:0px !important;
	}
.vdoit_list {
	background-color:#FBFBFB;
	margin-top:20px;
	padding-bottom:20px;
	}
.vdoit_list .title {
	background-color:#F0F1F1;
	height:45px;
	border-bottom:#E5E6E7 3px solid;
	line-height:34px;
	}
.vdoit_list .title .title-icon {
	padding:10px 10px 0px 10px;
	float:left;
	}
.vdoit_list .title .title-text {
	line-height:45px;
	float:left;
	font-family:"true_boldregular";
	font-size:14px;
	}
.vdoit_list ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
.vdoit_list li {
	margin:20px;
	padding:0px;
	}
.vdoit_list li  .thumb {
	width:132px;
	height:90px;
	background-image:url(../images/cm/itvdo_bg.png);
	background-repeat:no-repeat;
	padding:5px;
	float:left;
	}
.vdoit_list li  .detail {
	width:160px;
	float:left;
	text-align:left;
	word-wrap:break-word;
	word-break:break-all;
	} 
.vdoit_list li  .detail i {
	font-style:normal;
	color:#b4b4b4;
	}
.vdoit_list li a:hover * {
	color:#ec1c24;
	}
.vdoit_list .viewall {
	height:20px;
	border-left:#ec1c24 3px solid;
	line-height:20px;
	padding-left:5px;
	}
.viewall {
	height:20px;
	border-left:#ec1c24 3px solid;
	line-height:20px;
	padding-left:5px;
	}
@media (min-width: 990px) {
.content {
	width:990px !important;
	margin:0 auto;
	}
.row-fluid .span5 {
	width:50% !important;
	margin:0px !important;
	}
	
}
@media (min-width: 768px) and (max-width: 979px) {	

#header, #menu_bar, #breadcrumb {
	width:100% !important;
	max-width:990px !important;
	}
#content_wrapper {
	padding:0px 20px 0px 20px;
	}
.how-to_list .span6 {
	float:none !important;
	}
.span2 {
	width:150px !important;
	}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-repeat:no-repeat;

}

.nav-collapse.collapse {
  height: auto;
  overflow: visible;
  display:none;
}

.btn3 {background-color: #ec1c24;
  background-image: -moz-linear-gradient(top, #ec1c24, #a31c24);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec1c24), to(#a31c24));
  background-image: -webkit-linear-gradient(top, #ec1c24, #a31c24);
  background-image: -o-linear-gradient(top, #ec1c24, #a31c24);
  background-image: linear-gradient(to bottom, #ec1c24, #a31c24);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
width:62px; 
height:auto;
padding:3px 6px;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  text-decoration:none;
  margin:14px 0 0 0;}


.btn2 {background-color: #ec1c24;
  background-image: -moz-linear-gradient(top, #ec1c24, #a31c24);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec1c24), to(#a31c24));
  background-image: -webkit-linear-gradient(top, #ec1c24, #a31c24);
  background-image: -o-linear-gradient(top, #ec1c24, #a31c24);
  background-image: linear-gradient(to bottom, #ec1c24, #a31c24);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
width:62px; 
height:auto;
padding:3px 6px;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  text-decoration:none;}

}


@media (max-width: 767px) {
body {
padding-right: 10px !important;
padding-left: 10px !important;
}
#navbar_wrapper, #truecorp_footer {
	display:none;
	}
#header, #menu_bar, #breadcrumb {
	width:100% !important;
	max-width:990px !important;
	}

.box-chooseicon {margin: 0 auto; width:270px;}
.choose-icon {width:268px; height:37px; border-bottom:solid 3px #d0d2d3; margin:0 auto;}

.icon {width:44px; height:34px; background-color:#d0d2d3; float:left; text-align:center;  border: solid 3px #d0d2d3; margin:0 3px 0 1px ;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

}

.icon:hover {width:44px; height:34px; background-color:#969696; border: solid 3px #d0d2d3; float:left; text-align:center; margin:0 3px 0 1px ;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom:none;
}

.icon-active {width:44px; height:34px; background-color:#fff; border: solid 3px #d0d2d3; float:left; text-align:center; margin:0 3px 0 1px ;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom:none;
}

/*.last {margin-right:0px;}*/
.icon img{width:70%;}
.icon-active img{width:70%;}

.pic-lvc { margin-top:-30px;}


.btn3 {background-color: #ec1c24;
  background-image: -moz-linear-gradient(top, #ec1c24, #a31c24);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec1c24), to(#a31c24));
  background-image: -webkit-linear-gradient(top, #ec1c24, #a31c24);
  background-image: -o-linear-gradient(top, #ec1c24, #a31c24);
  background-image: linear-gradient(to bottom, #ec1c24, #a31c24);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
width:62px; 
height:auto;
padding:3px 6px;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  text-decoration:none;
  margin:14px 0 0 0;}



.titlebar-text-d {float:left; line-height:57px; font-family:'true_mediumregular'; font-size:14px;}

.titlebar-red {width:200px; height:45px; background-image:url(../images/cm/titlebar-red.jpg); background-position:bottom; float:left; background-repeat:repeat-x; padding:0 15px 0 0; vertical-align:bottom; overflow:hidden;}

.btn2 {background-color: #ec1c24;
  background-image: -moz-linear-gradient(top, #ec1c24, #a31c24);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ec1c24), to(#a31c24));
  background-image: -webkit-linear-gradient(top, #ec1c24, #a31c24);
  background-image: -o-linear-gradient(top, #ec1c24, #a31c24);
  background-image: linear-gradient(to bottom, #ec1c24, #a31c24);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
width:62px; 
height:auto;
padding:3px 6px;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  text-decoration:none;}
  

.titlebar-d { background:none !important;}	  
}


.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }

}

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }

}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}

.vdo-l {width:365px; float:left; margin:0 0px;}
.vdo-r {width:365px; float:left; margin:0 0px;}