﻿._wrapper {max-width:850px; margin:0 auto; font-family:'Roboto', sans-serif;}
/* 報名流程 */
._flow {height:42px; /*background:url(../sys_img/nav_bg.jpg) repeat-x;*/ font-size:16px; font-weight:bold; text-align:center;background:linear-gradient(0deg, rgb(209, 209, 209), rgb(252, 252, 252));}
._flow span {display:inline-block; width:20%; height:42px; padding-top:12px; color:#666;}
._flow span._current {/*background:url(../sys_img/nav_btn.jpg);*/ color:#000;border-top: solid 2px #D1D1D1;
    border-left: solid 2px #D1D1D1;
    border-right: solid 2px #D1D1D1;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 99999;
    background: #fff;}
._flow span._current_en {background:url(../sys_img/nav_btn_en.jpg); color:#000;}

/* 活動名稱、時間、地點、費用 */
._title {border-collapse:collapse; background:#E5E5E5; width:95%; margin:0 auto; margin-top:20px; margin-bottom:20px;}
._title th {text-align:right;}
._title ul {line-height:1.8em; list-style:square; color:#F60; font-weight:bold; display:block; width:95%; margin:0 auto;}
._title ul li span {color:#000;}
._title ul li span span {color:#999;}
._title ul li span b {display:block; margin: -1.8em 0 0 5em;}
/* 按鈕 */
._btn {text-align:center; /*margin:10px;*/font-family:'Roboto', sans-serif;}
._btn input {background:url(../sys_img/s_btn.jpg) repeat-x; width:220px; height:28px; border:#FF9F00 1px solid;font-family:'Roboto', sans-serif;}
._btn input:hover {cursor:pointer; margin:1px 0 0 1px;}
/* 表單內容 */
._input {margin:10px 0 20px 0;}
._input h4 {border-bottom:#F90 1px solid; border-left:#F90 8px solid; font-size:14px; font-weight:bold; padding:7px; margin-bottom:8px;}
._input p {padding:5px; font-size:14px; line-height:1.8em;}
/*._input p span {color:#F90;}*/
.star {color:#F90;}
._input input {border:#999 1px solid; padding:5px; font-family:'Roboto', sans-serif;}
._input label {line-height:2em;}
._input input[type='radio'],._input input[type='checkbox'] {border:none;}
._input select {border:#999 1px solid; padding:0 0 0 5px; /*height:29px;*/ font-family:'Roboto', sans-serif;}
._input select option {display:block; height:30px; float:left; color:black}
._input p b {padding:5px 15px;}
._input hr {border-bottom:#CCC 1px dotted; border-top:none; border-left:none; border-right:none;}

._note_title {/*background:url(../sys_img/a_bg.jpg) repeat-x;*/ background-color:#f3f7f8; font-size:14px; text-align:center; padding:7px 0; border:#8A9BA8 1px solid;}
._note_title a {padding:5px; color:#333; text-decoration:none; float:right; display:block; /*background:url(../sys_img/a_btn.jpg) no-repeat;*/ margin-top:-4px;}

._note_wrap {padding:5px; background:#EEE; border-left:#8A9BA8 1px solid; border-right:#8A9BA8 1px solid; border-bottom:#8A9BA8 1px solid; overflow:auto; font-size:12px; line-height:1.8em; padding:10px;}
._note_wrap ul, ._note_wrap ol {margin-left:2em; list-style:cjk-ideographic;}

a:link    {color:#0033CC;text-decoration:none;}
a:visited {color:#0033CC;text-decoration:none;}
a:active  {color:#0033CC;text-decoration:none;}
a:hover   {color:#CC0000;text-decoration:underline;}



._input input[type='radio'], ._input input[type='checkbox'] {
    margin: 0 3px 0 0;
}



@media(max-width:691px) {
	._flow span {font-size:12px;}
	._title td ul li a {font-size:10px;}

	._btnlefe, ._btnright {text-align:center !important;}

	._input input, ._input select {
		font-size: initial;
	}
}