/*     
	
	Style list: 
	
	1: body
	2: font style
	3: style for the nav bar
	4: style for the title bar
	5: style for the youtube video
	6: button style for the Google Map
	7: style for team section 
	8: QRcode
	9: a QRcode& Email link
	10: QRcode mouseover event
	11: Top video logo
	12: table hover
*/
/* ----------------------------------------------------------------------------------------*/
	
	/* 1: body */
	body {
      position: relative; 
	 
	}
	

	.changeBackgroundColor:nth-child(odd) {
    background-color:#fef4e2;
	}
	
/* ----------------------------------------------------------------------------------------*/	
	/* 2: font style */
	
	body, table, p, div, span, form, input, textarea, select, pre, button { font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif; }
	
/* ----------------------------------------------------------------------------------------*/
	/*
	
		3: style for the nav bar
		
	*/
	
	.topbar .navbar-toggle {
    border-color: #FFF;
	}
	

	.topbar .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: rgba(247, 244, 241, 0.43);
	}
	
	.topbar .navbar-nav>li>a {
    color: white;
	}
	
	.topbar {
		background-color: #DA4E00;
		border-color: #DA4E00;
	}
	.topbar .navbar-nav { 
		float:none;
	 }
	.topbar .navbar-nav>li {
		float:none;
		display: inline-block;
	}
	.topbar  .navbar-nav>li>a:hover {
    color: black;
    background-color: #DA4E00;
	}
	
/* ----------------------------------------------------------------------------------------*/	
	/*
	
		4: style for the title bar
		
	*/
	
	.title_Bar {
    background-color:#DA4E00;	
	position: relative;
    min-height: 50px;
	 white-space: nowrap;
	}
	
	.title_wrapper	{
	left:25%;
	width:50%;
	height:50%;
	top:20%;
	position:absolute;
	text-align:center;
	
	}
	
	.title_image {
    height: 23px;
    width: 23px;
    vertical-align:initial;
	}
	
	.title_text{
	
	color:#FFF;
	font-size:20px;
	white-space: nowrap;
	}
	
	h4{ 
	color:#DA4E00;
	}
/* ----------------------------------------------------------------------------------------*/	
	/*
	
		5: style for the youtube video
		
	*/
/* ----------------------------------------------------------------------------------------*/	
	
	/*
	
		6: button style for the Google Map
		
	*/
	
	/* md lg */
	.button {
    border: none;
	 border-radius:10px; 
    color: white;
    padding: 8px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 10px 5px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	}
	
	/* sm xs */
	.buttonForMoblie {
    border: none;
	 border-radius:10px; 
    color: white;
    padding: 8px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 2px 0px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	}
	
	
	.button_for_street{
	  background-color: #9D0017; 
	}
	
	.button_for_hotel{
	  background-color: #50006C; 
	}	
	.button_for_mall{
	  background-color: #0032BA; 
	}	
	.button_for_population{
	  /*background-color: #FFAE00; */
	  background-color: #F6D691;
	}
	.button_for_tenEvent{
	  background-color: #D5002D; 
	}
	
	.button_hover:hover {
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.10),0 3px 3px 0 rgba(0,0,0,0.19);
	
	}	

/* ----------------------------------------------------------------------------------------*/	
	
	/*
	
		7. style for team section 
		
	*/
	
	/* */
	
	/*.content_in_center{
		
		align:center;
	}*/
	
	/* Director */
	.director_license{
		font-size:12px;
	}
	
	.director_Chinese_name{
		font-size:18px;
	}
	.director_Eng_name{
		font-size:24px;
	}
	.director_Moblie{
		font-size:20px;
	}
	
	.director_img{
		/*border: 4px solid #DA4E00;
		border-radius: 100%;*/
		height:150px;
		width:150px;
	}
	
	/* Manager */
	.manager_license{
		font-size:12px;
	}
	
	.manager_Chinese_name{
		font-size:16px;
	}
	.manager_Eng_name{
		font-size:20px;
	}
	.manager_Moblie{
		font-size:20px;
	}
	
	.manager_img{
		/*border: 2px solid #DA4E00;
		border-radius: 100%;*/
		height:100px;width:100px;
		/*display: block;
		margin: 0 auto;*/
	}
	
	/* Sales */
	.sales_license{
		font-size:12px;
	}
	
	.sales_Chinese_name{
		font-size:20px;
	}
	.sales_Eng_name{
		font-size:16px;
	}
	.sales_Moblie{
		font-size:18px;
	}
	
	.sales_img{
		/*border: 2px solid #DA4E00;
		border-radius: 100%;*/
		height:100px;width:100px;
	}
/* ----------------------------------------------------------------------------------------*/	
	/*  8: QRcode */
	.QRcode{
		/*width:55px;*/
		/*height:55px;*/
	}
/* ----------------------------------------------------------------------------------------*/	
	/* a  9: QRcode& Email link */
	.agentEmail{padding-right:2px;}
/* ----------------------------------------------------------------------------------------*/	
	
	/*
		10: QRcode mouseover event
	*/
	
	.imageBox {
	  position: absolute;
	  visibility: hidden;
	  border: solid 1px #CCC;
	  padding: 10px;
	  Z-index:99;
	  background-color:white;
	}
/* ----------------------------------------------------------------------------------------*/	
	
	
	/*
		11: Top video logo
	*/
	
	#video_image {
	  position: absolute;
	  right: 15%;
	  left: 20%;
		margin-top:12%;
	  z-index:2;
	  padding: 80px 20px;
	  text-align: center;
	}
	
	#video_image_moblie_xs {
	  position: absolute;
	/* margin-top:5%; */
	  z-index:2;
	  padding: 50px 20px;
	  text-align: center;
	}
	
	#video_image_moblie_sm {
	  position: absolute;
	  right: 20%;
	  left: 20%;
	  z-index:2;
	  padding: 95px 20px;
	  text-align: center;
	}
	
/* ----------------------------------------------------------------------------------------*/	
	/*
		12: table hover
	*/
	
	.tablehover {
	background: #F2F2F2; 
	}
/* ----------------------------------------------------------------------------------------*/	
	/*
	.blue {
		background-color: blue;
	}
	
	.red {
		background-color: red;
	}
	
	.yellow {
		background-color: yellow;
	}
	
	.black {
		background-color: black;
	}
	*/
/* ----------------------------------------------------------------------------------------*/