@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/cwtexhei.css);		
/* font-family: 'cwTeXHei', sans-serif; */

* {margin:0; padding:0;}
html,body { width:100%; height:100%; }

body { color:#000; }

.page { width:100%; min-height:100%; }

.page1 { background-color:rgba(255,255,255,0.3); height:100%; }
.page2 { background-color:#3B66A8; }
.page3 { background-color:#6FA05B; }
.page4 { background-color:#C9AB53; }

/* nav區 **********************************************************************************/
nav.navbar {position:fixed; width:100%; min-height:90px; z-index:9999;}

.navbar-header {min-height:90px;}
.navbar-default { background-color:rgba(0,0,0,0.85); border-color:none; }
.navbar-fixed-top {border-bottom-width: 0px;}

.navbar-default .navbar-nav>li>a { color: #FFF; font-size:16px; text-align:left; letter-spacing:1px;
												font-family: 'cwTeXHei', sans-serif;}

.navbar-default .navbar-nav>li>a:focus { color: #333; } 
.navbar-default .navbar-nav>li>a:hover { color: #FFF; }

.btnEn { font-size:13px; padding-left:10px; }

.glyphicon { padding-right:5px; }


@media (min-width: 768px){
.navbar-right { padding-top:20px; }
.navbar-default .navbar-nav>li>a {text-align:right; border-top-left-radius:15px; border-top-right-radius:15px; }
.btnEn { display:block; padding-left:0px; }
/*.navbar-default .navbar-nav>li>a:hover { color:#FFF; background-color:transparent; }*/
}


/* page1區 **********************************************************************************/
.page1 ul { position:relative; }
.page1 ul, .page1 ul li { width:100%; height:100%; }
.page1 ul li { position:absolute; top:0; left:0; display:none; 
				background-size:cover; background-position:center center;}
.page1bg1 {background-image:url(images/photo1.jpg); }
.page1bg2 {background-image:url(images/photo2.jpg); }
.page1bg3 {background-image:url(images/photo3.jpg); }
.page1bg4 {background-image:url(images/photo4.jpg); }


/* page2區 **********************************************************************************/
.page2 { padding-top:110px; }
.page2 .jumbotron { background-color:#036; color:#FFF; padding:30px; }
.page2 .container { padding-bottom:30px; }
.page2 .col-sm-3 { padding:15px; } 
.page2 .col-sm-3 div { position:relative; }
.page2 .bg-info { border-radius:15px; overflow:hidden; }
.page2 .bg-info img { width:100%; height:auto; }
.page2 .bg-info span { position:absolute; top:20px; left:0; width:100%; text-align:center; 
						 font-size:24px; font-family: 'cwTeXHei', sans-serif;} 
						 
@media (min-width: 768px){
.page2 .bg-info { border-radius:50%; box-shadow:2px 2px 2px rgba(0,0,0,0.7); }
/*.page2 .bg-info img {  border-radius:50%;  }*/
}


/* page3區 **********************************************************************************/
.page3 { padding-top:110px; }
.page3 .jumbotron { background-color:#254D13; color:#FFF; padding:30px; }
.page3 .container { padding-bottom:30px; }
.page3 .col-sm-3 { padding:15px; } 
.page3 .col-sm-3 div { position:relative; padding:20px; box-shadow:2px 2px 2px rgba(0,0,0,0.7);  }
.page3 .bg-success { border-radius:15px; overflow:hidden; }
.page3 .bg-success img { width:100%; height:auto; display:block; box-shadow: -2px -2px 2px rgba(0,0,0,0.7);
						 cursor:pointer; }
.page3 .bg-success h3 { width:100%; text-align:left; margin-top:0;
						 font-size:24px; font-family: 'cwTeXHei', sans-serif;} 
.page3 .fa { margin-right:10px; }


/* 呈現大圖及遮色片的樣式設定 */
#bigPhoto { width:100%; height:auto; min-height:200px; position:fixed; top:10%; left:0;
		    background-color:rgba(100%,80%,100%,1); z-index:10002; display:none; padding:5%; }
#bigPhoto img  { display:block; width:100%; height:auto; margin:0 auto; }
#bigPhoto .allContent { width:100%; margin:0 auto; }
#maskArea { background-color:rgba(0,0,0,0.7); position:fixed; width:100%; height:100%; top:0; left:0; 
			cursor:pointer; display:none; z-index:10001; }

@media (min-width: 768px){
#bigPhoto { width:85%; position:fixed; top:10%; left:50%; margin-left:-42.5%; border-radius:15px;}
#bigPhoto img  { float:left; width:48%; }
#bigPhoto .allContent { float:right; width:48%; }
}

/* page4區 **********************************************************************************/
.form-control {width:95%;}
.page4 { padding-top:110px; }
.page4 .jumbotron { background-color:#705313; color:#FFF; padding:30px; }

#page4Form { border:1px solid #666; border-radius:20px; position:relative; 
			 padding:40px 20px 10px; margin:20px 0 40px;}
#page4Form fieldset {position:absolute; top:-20px; left:20px; background-color:#000; color:#FFF; 
					 padding:10px 40px; border-radius:10px; font-size:24px; font-family: 'cwTeXYen'; font-weight:bold;}
#page4Form .wh2 { width:20px; height:20px; vertical-align:middle; 
				  margin-bottom:5px; margin-left:20px; margin-right:5px; }