@charset "utf-8";
/* CSS Document */
.container-fluid{
	padding:0;
}
h1{
	font-family:"bebas","微軟正黑體",sans-serif;
	font-weight:bolder;
	font-size:60px;
	letter-spacing:1px;
}
h2{
	font-size:36px;
	margin:15px 0;
	font-weight:700;
	color:#333;
}

h3{
	font-size:30px;
	font-family:"bebas","微軟正黑體",sans-serif;
	font-weight:bold;
	letter-spacing:1px;
}
h6{
	color:#6c6c6c;
	font-weight:600;
	letter-spacing:1px;
	font-size:13px;
}
.clearboth{
	clear:both;
}
.row{
	margin:0;
}
.float_l{
	float:left;
}
.float_r{
	float:right;
}
@font-face{
	font-family:'corbel';
	src:url(../font/corbel.ttf);
}
@font-face{
	font-family:'century';
	src:url(../font/GOTHICB.TTF);
}
@font-face{
	font-family:'bebas';
	src:url(../font/BebasNeue.otf);
}
.topnav {
  overflow: hidden;
  background-color: #fff;
}

.topnav a {
	border:none;
	float: left;
	display: block;
	color: #6c6c6c;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	transition:color 0.25s
}
.menu{
	display:inherit;
}
.menu a{
	font-size:14.5px;
	font-weight:700;
	float:left;
	margin:20px 0px 0px 0px;
}


.topnav .icon {
  display: none;
}

.header{
	font-family:corbel;
	position:fixed;
	top:0;
	left:0;
	z-index:1500;
	width:100%;
	background-color:#fff;
	opacity:0.95;
	border-bottom:2px solid #eee;
}
.header .container span {
	margin-right:4px;
	font-size:13.5px;
	font-weight:700;
	line-height:30px;
}
.header .container i{
	position: relative;
	font-size:13px;
}
.header hr{
	margin:0 1px;
	width:calc(100% - 2px);
	border:1px;
	border-top:#999 solid 1px;
}
.logo{
	cursor:pointer;
	display:block;
}
.logo img{
	width:108px;
	margin:5px 1% 5px 8%;
	float:left;
}
.menu2{
	display:none;
}

.header .container-fluid{
	padding:0;
	margin:0;
}
.header .container-fluid .myCarousel img{
	width:100%;
}
/*footer*/
.footer_bg{
	background-color:#e0e0e0;
}
.footer{
	padding:3% 5% 0 5%;
}
.footer a{
	color:#6c6c6c;
}
.footer p{
	font-family:'corbel';
	font-size:22px;
	font-weight:bold;
	color:#6c6c6c;
	margin-bottom:15px;
}
.footer img{
	opacity:0.2;
	float:left;
	width:24px;
	margin:0 6px;
}
.footer .gna_tw div div,.footer .gna_ch div div{
	font-size:13.5px;
	text-transform:uppercase;
	float:left;
	color:#6c6c6c;
	font-weight:600;
	width:calc(100% - 37px);
}
.footer .gna_tw div,.footer .gna_ch div{
	margin-bottom:15px;
}
.social_media{
	border-top:1px #fff solid;
	padding:3%;
	text-align:center;
}
.social_media p{
	font-size:13px;
	letter-spacing:1px;
	font-weight:600;
	margin-bottom:0;
}
.social_media div img{
	margin:10px;
	opacity:1;
	width:28px;
}
.social_media div{
	display:block;
	margin:0 auto;text-align:center;
	width:145px;
}
.topbar{
	margin:3px 0 1px 0 !important;
	
}
.topbar1{
	display:inherit;
}

.topbar span,.topbar a{
	font-family:'corbel';
	color:#6c6c6c;
	font-weight:normal;
}
.topbar img{
	margin-top: 2px;
	float:right;
	width:15px;
	margin-left:5px;
	vertical-align:sub;
}
.topbar span:last-child{
	display:none;
}
.topbar .dropdown-menu img{
	margin:2px 0;
}
.topbar .dropdown-menu li{
	padding:5px 15px;
	cursor:pointer;
}
.topbar .dropdown-toggle{
	padding: 2px 15px 0px 15px;
	cursor:pointer;
	border:3px solid #fff;
}
.topbar .dropdown-menu{
	margin-left:20px;
}
.topbar .dropdown-toggle:hover{
	border:3px solid #50bde4;
	border-radius:20px;
}

.logo2{
	display:none;
}
.search{
	width:100%;
    padding: 2px 15px 0px 15px;
}

.search input[type=text] {
    width: 90px;
	float:right;
	cursor:pointer;
	outline:#666;
	border-radius:20px;
	border:3px solid #50bde4;
	background-position:right center;
	background-repeat:no-repeat;
	background-size:17px;
	background-image:url(../image/6_06.png);
	padding:0 10px;
	-o-transition: width 0.4s ease-in-out;
	-moz-transition: width 0.4s ease-in-out;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
.search input[type=text]:focus{
    width:calc(100% - 20px);
}
.search_mobile{
	display:none;
}
.search_m{
	display:none;
}
.title{
	/*height:100px;*/
	width:100%;
	background-color:#0083dd;
	color:#fff;
	font-family:'bebas','微軟正黑體',sans-serif;
	font-size:60px;
	margin-top:102px;
	text-align:center;
	font-weight:700;
	padding:13px 0 8px 0;
	letter-spacing:1.5px;
}
.gotop{
	display:block;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:100;
	width:45px;
	border:none;
	outline:none;
	opacity:0.5;
	display:none;
	padding:0;
	cursor:pointer;
	background-color:transparent;
}
@media screen and (min-width:1200px){
	.container{
		width:1200px;
	}
}
@media screen and (min-width: 768px) and (max-width:999px){
	.container{
		width:auto;
	}
}
@media screen and (min-width: 768px){
	.gotop:hover{
		opacity:1;
		transition:0.5s;
	}
	.topbar .dropdown-menu li:hover{
		background-color:#eee;
		transition:0.25s;
	}
	.topnav a:hover {
	  color: #0083dd; 
	}

}
@media screen and (max-width: 767px){
	.title{
		margin-top:103px;
		padding:18px 0 9px 0;
		font-size:50px;
	}
	.header{
		opacity:0.95;
	}	
	.clearboth{
		display:block;
		clear:both;
	}
	.menu{
		background-color:#50bde4;		
		padding:10px 0 0 0 ;
		display:none;
	}
	.menu a{
		margin:0;
	}
	.logo{
		display:none;
	}
	.logo2{
		cursor:pointer;
		margin:0 auto;
		display:block;
		width:73px;
		padding:8px 0;
		height:40px;
	}
	.logo2 img{
/*		margin:-38px auto -3px auto;	
*/		width:73px;
	}
	.logo img{
		width:73px;
		float:none;
		margin:0 ;
	}
	.topbar{
		height:54px;
	}
	.topbar1{
		display:none;
	}
	.topbar span:nth-child(2),.topbar span:nth-child(1){
		display:none;
	}
	.topbar span:last-child{
		display:block;
	}
	.topbar img{
		margin:10px 5px;
		width:20px;
		
		vertical-align:middle;
	}
	.topbar .dropdown-menu img{
		margin:0px 5px;
	}
	.topbar .dropdown-menu{
		margin:-10px 0 0 0 ;
	}
	/*.topbar .dropdown-toggle:hover{
		border:3px #fff solid;
		border-radius:0px;
	}*/
	hr{
		display:none;
	}
	.search_m{
		display:inherit;
		height: 54px;
		margin: 3px 0 1px 0 ;
	}
	.search_m .dropdown-toggle img{
		margin: 10px 5px;
    width: 20px;
    opacity: 0.5;
    vertical-align: middle;
	}
	.search_m .dropdown-toggle{
		float:right;
		padding: 2px 15px 0px 15px;
    	cursor: pointer;
    	border: 3px solid #fff;
	}
	.search_m .dropdown-menu{
		left: -200%;
		border-radius: 0px;
		border: none; 
    	width: 300%;
		padding:10px;
	}
	.search_m .dropdown-menu input{
		width:calc(100% - 40px);
		margin-right:-6px;
		padding:8px 15px;
		border:3px solid #50bde4;
	}
	.search_m .dropdown-menu button{
		padding:10px;
		border:1px solid #50bde4;
		vertical-align:top;
		background-color:#50bde4;
	}
	.search_m .dropdown-menu img{
		width:20px;
	}
	.menu2{
		display:inherit;
		width:100%;
		background-color:#50bde4;
		text-align:center;
	}
	.menu2 .dropdown-toggle{
		border:none;
		color:#fff;
		background-color:#50bde4;
		padding: 10px;
		font-family: 'bebas';
		font-size: 18px;
		letter-spacing: 1.5px;
	}
	.menu2 .dropdown-menu{
		padding:0;
		width:100%;
		margin:0;
		border:none;
		border-radius:0px;
		background-color:#50bde4;
		font-size:16px;
		font-weight:700;
	}
	.menu2 .dropdown-menu li{
		font-size:18px;
		padding:20px 30px;
		font-weight:bold;
		font-family:'bebas';
		letter-spacing:1px;
		font-size:20px;
	}
	.menu2 .dropdown-menu li:nth-child(odd){
		background-color:#0083dd;

	}
	.menu2 .dropdown-menu a{
		color:#FFF;
	}
	.menu2 .dropdown-menu span{
		margin-right:25px;		
	}
	
}