@import url(http://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
/*-------------------------------------------
     基本版面設定區
-------------------------------------------*/	
	
body {
	background-color: #FFFFFF;
	line-height: 1.75em;
	margin: 0px;
	padding: 0px;
	font-family: 'cwtexhei', 'Varela Round', '微軟正黑體', sans-serif;
	background-repeat: repeat-x;
	background-position: top;
}
img, object, embed, video {max-width: 100%;vertical-align: bottom;border: 0px;}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {width:100%;border: 0px;}
a,a:link,a:hover,a:active,a:visited{transition: 1s;text-decoration: none;}

.all-img{width:100%;}
.row{
	padding-right: 15px;
	padding-left: 15px;
}

p{
	line-height: 2em;
}

h1{
	font-size: 136%;
	line-height: 1.55em;
}
h2{
	font-size: 136%;
	line-height: 1.55em;
	color: #09C;
}
h3{font-size: 118%;
	line-height: 1.55em;}
	
.text-red{ animation: change 1s  ease-in  infinite ; font-size: 22px; color:#f00; }
        @keyframes change {
            0%{ text-shadow: 0 0 4px #f00}
            50%{ text-shadow: 0 0 40px #f00}
            100%{ text-shadow: 0 0 4px #f00}
        }

.video-container{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	text-align: center;

/*width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:calc(100% - 20px);*/

}


 

.video-container iframe,

.video-container object,

.video-container embed{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

}

/*------------------------------ 主版設定區 ----------------------------------*/	
#wrapper{	float: left;
	width: 100%;
	position: relative;}
.foot-flot{
	color: #FFF;
	background-color: #333;
	position: fixed;
	z-index: 888;
	height: 36px;
	width: 100%;
	bottom: 0px;
}	

.col-em{float: left;
	width: 50%;}
	
/*------------------------------ 聯絡我們區 ----------------------------------*/	


.concact-form{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ececec;
}

.contact-info{
	border-radius: 20px;
	position: absolute;
	z-index: 888;
	top: 20%;
	line-height: 1.75em;
	text-align: center;
	width: 100%;
	}
.contactwaps{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 400px;
	border-top-width: 0px;
	border-top-style: dotted;
	border-top-color: #143d16;
	position: relative;
	}
.contactwap{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1280px;
	border-top-width: 0px;
	border-top-style: dotted;
	border-top-color: #143d16;
	position: relative;
	margin-bottom: 35px;
	}
	
.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}

.col-md{
	float: left;
	width: 22%;
	color: #333;
	font-size: 15px;
	text-align: right;
	font-family: 'cwtexhei', 'Varela Round', '微軟正黑體', sans-serif;
}

.col-md2{
	float: left;
	width: 78%;
	color: #333;
	font-family: 'cwtexhei', 'Varela Round', '微軟正黑體', sans-serif;
}

.col-md3{
	float: left;
	width: 11%;
	color: #333;
	font-size: 15px;
	text-align: right;
	font-family: 'cwtexhei', 'Varela Round', '微軟正黑體', sans-serif;
}

.col-md4{
	float: left;
	width: 89%;
	color: #333;
	font-family: 'cwtexhei', 'Varela Round', '微軟正黑體', sans-serif;
}

.col-md5{
	float: left;
	width: 100%;
	color: #333;
}

.col-md6{
	float: left;
	width: 100%;
	color: #333;
	margin-bottom: 35px;
}
		
#form_area{
	float: left;
	width: 100%;
}

.form_area{
	color: #FFF;
	text-align: left;
	font-size: 100%;
	float: left;
	width: 50%;
	padding-top: 8px;
	padding-bottom: 8px;
}	


.form_areas{
	color: #FFF;
	text-align: left;
	font-family: "微軟正黑體";
	font-size: 108%;
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 10px;
}

.form_areasx{
	color: #FFF;
	text-align: left;
	font-size: 100%;
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 8px;
}

.wbk{
	padding: 3px;
	border-radius: 5px;
	border: 1px solid #D4D4D4;
	box-shadow: inset 0 2px 5px #eee;
	color: #333333;
	font-family: "微軟正黑體";
	font-size: 100%;
}

.wbk2{
	padding: 4px;
	color: #333333;
	font-family: "微軟正黑體";
	font-size: 100%;
	border-radius: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D4D4D4;
	border-right-color: #D4D4D4;
	border-bottom-color: #b8b8b8;
	border-left-color: #D4D4D4;
}	

.icon-area{
	position: fixed;
	z-index: 777;
	bottom: 0px;
	display: none;
	background-color: #FFF;
	height: 42px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}


/*-----------------------------------------------------
     自適應版面設定區
-----------------------------------------------------*/	

@media screen and (max-width: 768px) {
.col-em{float: left;
	width: 100%;}
	}