@charset "utf-8";
/* CSS Document */

/* Reset CSS */

body,h1,h2,h3,h4,h5,h6,p,blockquote,th,td,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea {	margin: 0;	padding: 0;}
body,td,th {	font-family:Verdana, Geneva, sans-serif;	font-size: 100%;	line-height: 1;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;	font-weight: normal;}
img,fieldset {	border: 0;}
ol,ul {	list-style: none outside none;}
table {	border-collapse: collapse;	border-spacing: 0;}
caption,th {	text-align: left;}
a,ins {	text-decoration: none;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {	font-style: normal;	font-weight: normal;}
abbr {	border: 0;	font-variant: normal;}
sup,sub {	font-size: 100%;	vertical-align: baseline;}
blockquote,q {	quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {	content: "";}
code,kbd,samp {	font-size: 100%;}
input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/* Body */

body {
	overflow-x: hidden;	
	font-family: "Arial Unicode MS", "Microsoft JhengHei UI", "Microsoft JhengHei UI Light", "微軟正黑體", Arial, "Arial Black";	
	}
/* Upper (Menu) */

.Upper{
	background-color:#e3e3e3;
	width:100%;
	height:130px;
	color:#333;
	text-align:center;
	font-size:40px;
	line-height:130px;
	border-bottom: 10px solid #38b2c2;
	}
	
.menu{	width:100%; background-color:#fff; }
.menuWrap{	width:800px;	margin:0 auto; }

	
.logo{
	width:70px;
	height:50px;
	float:left;
	display:none;
	cursor:pointer;
	}
	
.menuContent{	
	height:50px;
	width:700px;
	float:left;
	margin-left:70px;
	}

.menuContent > ul{ width:100%;}
.menuContent > ul >li{
	cursor:pointer;
	height:50px;
	font-size:0.9em;
	list-style-type:none;
	padding:0px 15px;
	float:left;
	line-height:50px;
	text-align:center;
-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	}

.menuContent > ul >li:hover{ background-color:#38b2c2; color:#fff;}

.contentWrap { width:100%;}
.contentWrap >img{ width:100%;}
.ContentBlockWrap { width:100%;  padding:20px 0;}
.ContentBlock{ width:800px; margin:0 auto; padding:10px 0; }
.ContentBlock >h2{ color:#666; text-shadow: 1px 2px 5px #CCC; font-size:1.4em; border-left:5px solid #38b2c2; margin:10px 0; padding-left:10px;}
.ContentBlock >ul{ list-style:none; display: table; }
.ContentBlock >ul >li{ display:table-cell; vertical-align: middle; list-style:none;}
.ContentBlock >ul >li >p{ padding:0 20px ; line-height:2;}
.ContentBlock >ul >li >p >span{ color:#38b2c2;; font-weight:700;}
.ContentBlock >ul >li >h2{  color:#666; text-shadow: 1px 2px 5px #CCC; font-size:2em; border-left:5px solid #38b2c2; margin:10px 20px; padding-left:10px;}
.ContentBlock >ul >li >h3{  color:#999; font-size:1.6em; border-top:1px solid #38b2c2; margin:0px 20px; padding:10px 0px;}
.style1{background-color:#ffffff;}
.style2{background-color:#e3e3e3;}