*{margin: 0; padding: 0; font-family: Microsoft Jhenghei, '微軟正黑';}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
body{background:#C2E1E2;}
body div._wrapper{width: 970px; margin: 0 auto; background: #3699ad;}
body div._wrapper header{background: url(img/KV.jpg); height: 506px;}

body div._wrapper article{padding: 2em 5em;}
body div._wrapper article p{color: #000; font-size: 18px; line-height: 30px; padding-bottom: 1em;}
body div._wrapper article h3{font-size: 24px; text-align: center; margin-bottom: -1em;}

body div._wrapper ul{margin-left: 40px;}
body div._wrapper ul li{display: inline-block; padding: 20px; vertical-align: top;}
body div._wrapper ul li a{display: block; width: 400px; padding-top: 230px; background-position: center top; background-repeat: no-repeat; color: #007e97;}
body div._wrapper ul li a h4{font-size: 22px; line-height: 30px; font-weight: bolder; color:#0d1c2c;}
body div._wrapper ul li a p{font-size: 14px; line-height: 26px; color: #edfbff;}
body div._wrapper ul li._vedio_01 a{background-image: url(img/video01.png);}
body div._wrapper ul li._vedio_01 a:hover{background-image: url(img/video01_o.png);}
body div._wrapper ul li._vedio_02 a{background-image: url(img/video02.png);}
body div._wrapper ul li._vedio_02 a:hover{background-image: url(img/video02_o.png);}
body div._wrapper ul li._vedio_03 a{background-image: url(img/video03.png);}
body div._wrapper ul li._vedio_03 a:hover{background-image: url(img/video03_o.png);}
body div._wrapper ul li._vedio_04 a{background-image: url(img/video04.png);}
body div._wrapper ul li._vedio_04 a:hover{background-image: url(img/video04_o.png);}
body div._wrapper ul li._vedio_05 a{background-image: url(img/video05.png);}
body div._wrapper ul li._vedio_05 a:hover{background-image: url(img/video05_o.png);}

body div._wrapper ul li._cafe a{background-image: url(img/cards.png); padding: 5px 0 1em 0; background-color: #007e97; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-top: 40px;}
body div._wrapper ul li._cafe a:hover{background-image: url(img/cards_o.png); background-color: #65B1B8;}
body div._wrapper ul li._cafe a h4{margin: -45px 0 230px 0; background: #0d1c21; padding: 10px; color:#E4C553; text-align: center; border-radius: 10px;}
body div._wrapper ul li._cafe a ol{margin:1em 1em 0 3em;}
body div._wrapper ul li._cafe a ol li{color: #0d1c21; font-size: 14px; padding: 5px; text-indent: -2em;}
body div._wrapper ul li._cafe a ol li::before{content: ">>>"}

body div._wrapper form{padding: 2em 5em; font-size: 18px;}
body div._wrapper form label{display: inline-block; margin: 10px; margin-left: 120px;}
body div._wrapper form label span{display: inline-block; width: 100px; margin: 0;}
body div._wrapper form label input{width: 400px; padding: .5em; font-size: 16px; border-radius: 6px; border: 1px solid #007e97; color: #348e97;}
body div._wrapper form label input:focus{background: #E9FFFD; color: #0d1c21;}
body div._wrapper form span{display: block; text-align: center; margin-top: 1em}
body div._wrapper form span button{padding: .5em 2em; font-size: 18px; margin: .5em; border-radius: 6px; border: none; cursor: pointer;}
body div._wrapper form span button._submit{background: #E3DA54;}
body div._wrapper form span button._submit:hover{background:#F2AB43; color: #fff;}
body div._wrapper form span button._reset{color: #323232;}
body div._wrapper form span button._reset:hover{background: #454545; color: #ccc;}

body div._wrapper form ol._survey{padding-left: 60px;}
body div._wrapper form ol._survey li h4{margin: 1.5em 0 .5em 0;}
body div._wrapper form ol._survey li label{display: inline-block; margin-left: 0;}
body div._wrapper form ol._survey li label input{width: auto; margin: .5em;}
body div._wrapper form ol._survey li span{margin: 0; padding: 0; display:inline;}

body div._wrapper footer{background-color: #0a1b20; background-image: url(img/IBM.png); background-position: center center; background-repeat: no-repeat; height: 70px;}