@charset "utf-8";
/*初始設定*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding: 0;margin: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;font-style: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
.clr { clear: both;}

img { vertical-align: middle;}
.webMode {}
.mobileMode { display: none;}
body{ background:#fff; font:normal 16px/180% Arial, "微軟正黑體";}
.wrapper { width: 100%; margin: 0 auto;}
.header { background-color: #17aacb;}
.header .com { color: #fff; width: 630px; min-height: 450px; margin: 0 auto;background: url(../images/gift.png) right 10px no-repeat; padding: 15px 350px 15px 0;}
.header .logo { background:url(../images/logo.jpg) no-repeat; width: 280px; height: 90px; text-indent: -999px; margin-bottom: 50px;}
.header h2 { font-size: 24px; margin-bottom: 10px; }
.header .info { border: 1px solid #fff; border-radius: 10px; padding: 15px; margin: 20px 0;}

.event { background-color: #014282; padding: 15px 0; margin-bottom: 40px;}
.event .com{ width: 980px; margin: 0 auto; color: #fff;}
.event h2 { text-align: center; font-size: 30px; line-height: 1.4em; margin-bottom: 10px;}
.event li { position: relative; padding-left: 30px; margin-bottom: 5px;}
.event .num { background-color: #2a70b5; width: 25px; height: 25px; border-radius: 50%; text-align: center; position: absolute; top: 0; left: 0;}
.event ol { list-style: decimal; margin-left: 25px; color: #7ecef4; font-size: 14px;}
.event ol li { padding: 0;}

.btArea { text-align: center; color: #fff;}
.bt_start a{ display: block; width: 320px; height: 78px; background:url(../images/bt_start.png) no-repeat; margin: 0 auto -55px;}

.main { padding: 15px 0; width: 980px; margin: 0 auto;}

.twoBlock { margin-right: -20px; margin-bottom: 15px;}
.block { float: left; width: 480px; margin: 0 20px 0 0; }
.block h2 { color: #014282; text-align: center; font-size: 22px; margin-bottom: 5px;}
.block .com {border: 1px solid #014282; border-radius: 10px; padding: 15px; min-height: 145px;}
.block span { color: #00b7ee;}

.quesBlock { }
.quesBlock h2 { display: block; color: #fff; padding: 10px 15px; margin-bottom: 5px;}
.quesBlock p { margin-bottom: 5px;}
.quesBlock.q1 h2 { background-color: #6fb9ea;}
.quesBlock.q1 p { color: #2b7fb7;}
.quesBlock.q2 h2 { background-color: #01c4c4;}
.quesBlock.q2 p { color: #00a2a2;}
.quesBlock.q3 h2 { background-color: #104574;}
.quesBlock.q4 h2 { background-color: #17aacb;}
.quesBlock .item { margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 5px;}
.quesBlock h3 { font-size: 18px; margin-bottom: 5px;}
.quesBlock li { display: inline-block; min-width: 108px; margin-bottom: 10px; margin-right: 10px;}
.quesBlock li.other { display: block;}
.quesBlock input[type="text"] { border: 1px solid #aaa;font: 16px/160% Arial, "微軟正黑體"; color: #333; padding: 0 10px;}
.quesBlock textarea { border: 1px solid #aaa;font: 16px/160% Arial, "微軟正黑體"; color: #333; padding: 10px; width: 960px;}
.quesBlock table { margin-bottom: 15px;}
.quesBlock th { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align: center; padding: 5px 0;}
.quesBlock td { text-align: center; padding: 10px 0;}
.quesBlock tr:nth-child(odd) td{ background-color: #f5f5f5;}
.quesBlock th.th_t { text-align: left; font-weight: bold; font-size: 18px;}
.quesBlock td.td_t { text-align: left; padding-left: 5px;}

.sendBlock { background-color: #e74c3c; border-radius: 10px; padding: 15px 80px; color: #fff; margin: 15px 0; }
.sendBlock p{ text-align: center;}

.formBox { margin-bottom: 20px; padding: 0 130px;}
.formBox .item{ position: relative; padding-left: 110px; line-height:36px; margin-bottom: 10px; }
.formBox .item h3{ position: absolute; top: 0; left: 0; width: 100px; text-align: right; }
.formBox .item .com{ }
.formBox .item input[type="text"] {font: 16px/200% Arial, "微軟正黑體"; border: none; background-color: #fff; padding: 0 10px; width: 430px;}
.formBox .item p{ text-align: right; font-size: 14px; }
.bt_send { text-align: center; color: #fff;}
.bt_send a{ display: block; width: 250px; height: 70px; background:url(../images/bt_send.png) no-repeat; margin: 0 auto 0px;}

.t_last { text-align: center; font-size: 22px; line-height: 1.8em;}

.footer { background-color: #5b6068; text-align: center; color: #fff; font-size: 14px; line-height: 1.4em; padding: 10px;}
.footer a {color: #fff; }