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

		body{
			font-family: sans-serif, Microsoft JhengHei;
            /*Firefox hack*/
            background: #01325d;
            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: center;
			line-height: 60px;
			text-shadow:0px 0px 30px #0071c5;			
			font-family: 'Oswald', sans-serif, Microsoft JhengHei;
			width:100%;		
			margin-bottom:2%;	
			margin-top:120px;
		}
		.text{
			text-align:justify;
		}
		.text a{
			text-decoration: underline;
		}
		.text a:hover{
			color:#fff;
		}


		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:#0071c5;
		}
		.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:70%;
			margin:0 auto;
		}

		/*model*/
		.panel-group{
			width:70%;
			margin:0 auto;
		}
		.panel-title{
			font-size:20px;
			font-weight: bold;
			text-align: center;
		}
		
		.panel-group table{
			border-radius: 10px;
			text-align: center;
			width:80%;
		}
		.panel-group table a{
			color:#000;	
			line-height: 40px;
			padding:10px 20px 10px;	
			
		}
		.panel-group table tr:nth-child(even) td{
			background:#cfeaff;
		}
		.panel-group table tr:nth-child(odd) td{
			background:#e7f4fe;	
		}

		.panel-default>.panel-heading {
			background-color:#0071c5;
			color:#fff;
			cursor: pointer;
			font-weight: bold;	
			font-size:20px;		
		}



		/*TOP*/
		#gotop{
			width:100px;
			background-color:rgba(0,90,157,0.8);
			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:#008af1;
		}

		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) { 		
		.model_table{	
			width:80%;
		}			
		/*FAQ*/
		.panel-group{
			width:80%;
			margin:0 auto;
		}
 }


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

		.panel-group{
			width:92%;
			margin:0 auto;
		}

 }


 @media screen and (max-width: 640px) { 	
		.panel-group table{			
			width:90%;
		}
		.title{
			font-size:30px;			
			line-height:40px;			
		}
		
		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;

			}		
		
 }