@import url(https://fonts.googleapis.com/css?family=Oswald);

		body{
			font-family: sans-serif, Microsoft JhengHei;
            /*Firefox hack*/
            background: #000;
            padding: 0;
            margin: 0;
            color: #fff;
            font-size:18px;
            line-height: 30px;
            font-family: 'Roboto Condensed', sans-serif, '微軟正黑體', Microsoft JhengHei;
            font-family: 'Roboto Condensed', '微軟正黑體' !important;
		}
		a{
			color:#fff;
		}

		.img-responsive {
          display: block;
          max-width: 100%;
          height: auto;
        }
		
		.title{
			color:#fff;			
			font-size:50px;
			text-align: left;
			line-height: 60px;
			text-shadow:2px 2px 2px #FF4700;			
			font-family: 'Oswald', sans-serif, Microsoft JhengHei;
			width:100%;		
			margin-bottom:2%;	
			margin-top:120px;
		}

		.title1{
			color:#fff;			
			font-size:30px;
			line-height: 30px;
			font-family: 'Oswald', sans-serif, Microsoft JhengHei;
			margin-top:2%;
			margin-left:3%;
		}

		.text{
			text-align:justify;
			margin-top:100px;		
		}
		.text a{
			text-decoration: underline;
		}
		.text a:hover{
			color:#fff;
		}

		.title1 a:hover{
			color:#999;
		}

		p{
			text-align: left;
		}

		p a{
			color:#fff;			
		}




		/*nav*/
		nav a{
			cursor:pointer;
		}
		.navbar-nav {
			font-size:15px;
		}
		.navbar-inverse .navbar-nav>li>a{
			color:#FFFFFF;
			transition:all 0.2s linear;
		}
		.navbar-inverse{
			background-color:#e63c03;
		}
		.navbar-default .navbar-collapse, .navbar-default .navbar-form{
			background-color: #0071c5;
		}
		.navbar-inverse .navbar-nav>li>a{
			color:#000;
			font-family: 'Oswald', sans-serif, Microsoft JhengHei;
			font-size:20px;
		}

		.c-box{
			margin:0 auto;
			padding:0 10% 0 10%;
		}

		.con-box{
			width:73%;
			margin:-70px auto;
		}

		.main{
			margin-top:5%;
		}


		/*model*/
		#wtb {
			margin-left:12%;
			width:73%;
			margin-top:5%;
		}

		.left {
			float: left;
			margin-right:2%;
			margin-top:2%;
			}
			
		#wtb-img {
			margin-left:3%;
			width:100%;
			float:left;
		}
		
		.name {
			text-align:center;
		}

#wtb .left a{    
  color:#fff;
  line-height: 46px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}

#wtb .left a:hover{    
  color:#CCC;
}



		/*TOP*/
		#gotop{
			width:100px;
			background-color:#FF5F00;
			color:#FFFFFF;
			border-radius:10px;
			margin:6px;
			padding:6px;
			cursor:pointer;
			text-align:center;
			font-size:13px;
			bottom:46px;
			right:4%;
			position:fixed;	
			display:none;
			transition:all 0.3s linear;
		}

		#gotop:hover{
			background-color:#e63c03;
		}

		footer{
			margin-top:2%;
			margin-bottom:2%;
			text-align: center;
			font-size:14px;
		}
		footer a{
			color:#fff;
		}
		
		footer a:hover{
			color:#fff;
		} 
		
		

 @media screen and (max-width: 1366px) { 		

		.con-box{
			width:78%;
			margin:-70px auto;
		}

		.main{
			margin-top:8%;
		}

		/*model*/
		#wtb {
			margin-left:10%;
			width:78%;
			margin-top:8%;
		}

		.left {
			float: left;
			margin-right:7%;
			margin-top:1%;
			}
			
		#wtb-img {
			margin-left:3%;
			width:100%;
			float:left;
		}
 }



 @media screen and (max-width: 960px) {
		
		.con-box{
			width:90%;
			margin:-70px auto;
		}
    	.title{
			font-size:40px;
			line-height: 50px;			
		}

		.main{
			margin-top:12%;
		}

		/*model*/
		#wtb {
			margin-left:4%;
			width:90%;
		}

		.left {
			float: left;
			margin-right:3%;
			margin-top:2%;
			}
			
		#wtb-img {
			margin-left:3%;
			width:100%;
			float:left;
		}

 }


 @media screen and (max-width: 640px) { 	
		.panel-group table{			
			width:90%;
		}
		.title{
			font-size:30px;			
			line-height:40px;			
		}
		
		.text{
			font-size:16px;			
			line-height:24px;
		}
			
		.main{
			margin-top:20%;
		}

		/*model*/
		#wtb {
			margin-left:5%;
			width:90%;
			margin-top:12%;
		}

		#wtb-img {
			margin-left:4%;
			width:100%;
			float:left;
		}

		footer{			
			margin-bottom:70px;			
		}
		/*TOP*/
			#gotop{
				width:100%;
				background-color:rgba(51,51,51, 0.8);
				color:#FFFFFF;
				border-radius:0px;
				margin:0px;
				padding:10px;
				cursor:pointer;
				text-align:center;
				font-size:13px;
				bottom:0px;
				right:0%;
				position:fixed;	
				display:none;
				transition:all 0.3s linear;
				font-family: Arial, Helvetica, sans-serif;

			}		
		
 }