/* Main
 * ========================================================================== */

/* Button
 * -------------------------------------------------------------------------- */

.btn-primary { 
  border-color: #0066bf;
  background-color: #0074d9;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.active:hover {
  border-color: #005299;
  background-color: #005fb3;
}


/* Basic style
 * -------------------------------------------------------------------------- */

body {
  overflow-x: hidden;
}


/* Header */

.docs-header {
  border-color: #0066bf;
  background-color: #0074d9;
  color: #fff;
}

.docs-header .navbar-brand {
  color: #eee;
}

.docs-header .navbar-toggle {
  border-color: transparent;
  background-color: #0074d9;
}

.docs-header .navbar-toggle:hover,
.docs-header .navbar-toggle:focus {
  border-color: transparent;
  background-color: #005fb3;
}

.docs-header .navbar-collapse {
  border-color: #0066bf;
}

.docs-header .navbar-text {
  color: #ddd;
}

.docs-header .navbar-nav > li > a {
  color: #eee;
}


/* Content */

.img-container,
.img-preview {
  background-color: #f7f7f7;
  width: 100%;
  text-align: center;
}

.img-container {
  min-height: 200px;
  max-height: 516px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .img-container {
    min-height: 516px;
  }
}

.img-container > img {
  max-width: 100%;
}

.docs-preview {
  margin-right: -15px;
}

.img-preview {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.img-preview > img {
  max-width: 100%;
}

.preview-lg {
  width: 263px;
  height: 148px;
}

.preview-md {
  width: 139px;
  height: 78px;
}

.preview-sm {
  width: 69px;
  height: 39px;
}

.preview-xs {
  width: 35px;
  height: 20px;
  margin-right: 0;
}

.docs-data > .input-group {
  margin-bottom: 10px;
}

.docs-data > .input-group > label {
  min-width: 80px;
}

.docs-data > .input-group > span {
  min-width: 50px;
}

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
  margin-right: 5px;
  margin-bottom: 10px;
}

.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
  margin-bottom: 10px;
}

.docs-tooltip {
  display: block;
  margin: -6px -12px;
  padding: 6px 12px;
}

.docs-tooltip > .icon {
  margin: 0 -3px;
  vertical-align: top;
}

.tooltip-inner {
  white-space: normal;
}

.btn-upload .tooltip-inner {
  white-space: nowrap;
}

@media (max-width: 400px) {
  .btn-group-crop {
    margin-right: -15px!important;
  }

  .btn-group-crop > .btn {
    padding-left: 5px;
    padding-right: 5px;
  }

  .btn-group-crop .docs-tooltip {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
  }
  #logo{text-align:center}
  #search_bar{margin-top:1px !important;}
}

.docs-options .dropdown-menu {
  width: 100%;
}

.docs-options .dropdown-menu > li {
  padding: 3px 20px;
}

.docs-options .dropdown-menu > li:hover {
  background-color: #f7f7f7;
}

.docs-options .dropdown-menu > li > label {
  display: block;
}

.docs-cropped .modal-body {
  text-align: center;
}

.docs-cropped .modal-body > img,
.docs-cropped .modal-body > canvas {
  max-width: 100%;
}


/* Footer */

.docs-footer {
  overflow: hidden;
}

.hearts {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #ddd;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}

.hearts:hover {
  color: #ff4136;
}

.hearts:before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  display: block;
  height: 0;
  border-top: 1px solid #eee;
  content: " ";
}

.hearts:after {
  position: relative;
  z-index: 1;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #fff;
  content: "♥";
}
.navbar{margin-top:40px;-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.14);
box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.14);}
.fc_blue{color:#06C}
.navbar-default{border:none;margin:0; background:#0892fd}
.navbar-header span{color:#FFF}
.navbar-header span:hover{background:#25bbf3 !important}
.navbar-nav>li{-webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;}
.navbar-nav>li>a{color:#FFF !important;}
.navbar-nav>li:hover{background:#25bbf3}
.button {
	position:relative;
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:8px 20px 9px;
	min-width:87px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	-webkit-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	cursor:pointer; background:#f68c34;height:48px; color:#FFF;
}
.btn-view-answer{text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	-webkit-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0 3px 3px -3px rgba(0, 0, 0, 0.3);
	cursor:pointer; background:#999; color:#FFF}
	.btn-view-answer:hover{background:#333;color:#FFF}
#logo{margin-bottom:5px;}

.button:hover {
	-webkit-box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
	-moz-box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
	box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
	-ms-box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
	-o-box-shadow:-1px 0px 2px rgba(0, 0, 0, 0);
}
input {
	outline:none;
	border:0;
	background:none;
}
input,
textarea,
select, 
option {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

select {
	overflow:hidden;
	margin:0 0 3px;
	padding:5px;
	width:80%;
	height:50px;
	border:1px solid rgba(255, 255, 255, .0);
	background-color:#f7f7f8;
	line-height:28px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	color:#333;
}

#cse-search-box .txt:focus{ color:#06F !important; }
p strong{color:#f68c34;font-weight:normal;}
footer p{padding:25px 0 15px 0;color:#428bca;text-align:center;font-weight:normal;}
.base-title{margin-top:35px;}
.base-title h1{text-align:center;font-size:58px;}
.base-title h1 a{color:#333}
.base-title h2{color:#666;text-align:center;}
.base-title h3{color:#75d01c}
.base-title .rand1{border-left-color:#0892fd}
.base-title .rand2{border-left-color:#75d01c}
.base-title .rand2 h3{color:#0892fd}
.base-title .learn-more{text-align:center;margin-top:20px;}
.base-title .btn-primary{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;font-size:16px;
text-decoration:none !important;color:#fff;background-color:#333;text-align:center;transition:.2s ease-out;cursor:pointer;}
.base-title .btn-primary:hover{background:#999;}
.function{color:#0892fd;}
.h4-bg{background:#F8F8F8;margin-top:30px;color:#666; margin-bottom:0;padding:10px 0 10px 0; text-align:center;}
.lft_link li.heading{padding:10px 0 10px 0;}
.lft_link li a:hover{background:#25bbf3}
.lft_link li a{color:#999}
.lft_link .active{background:#25bbf3;}
	.lft_link .active a{color:#FFF !important}
		.lft_link{margin-bottom:0;}
		.lft_link li{border-bottom:1px solid #CCC}
		#body-content{margin-top:30px;}
		#body-content blockquote p{font-size:16px;}
		#body-content h3 p{font-size:22px !important;}
		#body-content ol, #body-content ul,#body-content table{font-size:16px !important}
		
		#body-content h2{color:#75d01c;}
		#body-content h3{color:#0892fd}
		#body-content .rand1:hover{border-left-color:#0892fd;-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;}
		#body-content .rand2:hover{border-left-color:#75d01c;-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;}
		
.no-border{border:none}
.objective_choice{list-style:upper-alpha;color:#090}
.objective_choice p{color:#000}
.expl{color:#F60}
.expl p{color:#090}
.thumb-like{font-size:16px;}
.tot_down{font-size:16px;}
#body-content .heading{border-bottom:1px solid #CCC;padding-bottom:6px;font-size:18px;}
#body-content .heading span{background-color:#CCC;color:#666;padding:6px;}
#search_bar{margin-top:35px;}
#search_ctrl{padding-top:10px !important;padding-bottom:10px !important; height:auto !important}
#btnSearch{padding-top:10px !important;padding-right:20px !important;padding-bottom:10px !important;padding-left:20px !important;}
#search_list_id{
	position:absolute;
	z-index:99999;
	display: none;
	background-color:#F5F5F5;
	cursor:pointer;
	width:100%;
	border:1px solid #666;
	margin-top:40px;
	padding:0 0 0 0;
}
#search_list_id li{
	width:100%;
	height:auto;
	float:left;
	padding:5px 10px 5px 10px;
	margin:0 0 0 0;
	text-align:left;
	list-style:none;
}
#search_list_id li:hover{
	background-color:#666;
	color:#fff;	
}
#search_list_id li a{width:100%;}
#copywright{color:#999}
.fblue{color:#0892fd}
#tbl_search_result th, #tbl_search_result td, #tbl_search_result tr{border-top:none !important}
.list-group-item{border:1px solid #FFF !important}
.heart-ico{color:#F00}
.mr-top-10{margin-top:10px;}
.mr-bott-10{margin-bottom:10px;}
#show_film_name_search a{font-size:16px; font-weight:normal;}
#opt_Fname{font-size:16px;}
.img_features{margin:20px 0 20px 0;border-top:1px solid #CCC;padding-top:20px;}
h4{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:24px;}