﻿@CHARSET "UTF-8";

* {font-family:"Microsoft JhengHei", "微软正黑体", "Arial", "sans-serif";}
html,body {width:100%;height:100%;margin:0px;padding:0px;}
a , img {bordeR:0px;outline:0px;}
table , td {border-collapse:collapse;padding:0px;}
.cssClear {clear:both}
.cssHide {display:none}

body {background:url('p1/p1_03.jpg') repeat-x;}
.cssMasterPanel {}
.cssHeaderPanel {height:48px;overflow-y:hidden}
.cssHeaderPanel h1 {margin:0px;padding:0px;font-weight:normal;font-size:16px;color:#000000}
.cssHeaderPanel p {margin:0px;padding:0px;font-weight:normal;font-size:12px;color:#646464}
.cssContentPanel {padding:0 0 30px 0}


.cssFooterPanel {}

.cssIndexPanel {}
.cssIndexPanel .cssImgs {}
.cssIndexPanel .cssMsg {padding:0 15px 19px 15px;font-size:12px;color:#646464}
.cssIndexPanel .cssButtons {text-align:center;width:320px;}
.cssIndexPanel .cssButtons table {margin:0 auto;}

.cssBookingPanel {}
.cssBookingPanel .cssSteps {width:100%;height:48px;border-width:0 0 1px 0;border-style:solid;border-color:#c8c8c8;}
.cssBookingPanel .cssSteps div {height:47px;overflow-y:hidden}
.cssBookingPanel .cssForms {width:320px;margin:20px 0 0}
.cssBookingPanel .cssTabs {margin:0px 0 0px 0;padding:0px 0 0px 0;vertical-align:top;border-width:0 0px 0 0;border-style:solid;border-color:#e3e3e3;}
.cssBookingPanel .cssTabs td {width:60px;text-align:center;padding:6px 0 6px;border-width:0 1px 0 0;border-style:solid;border-color:#e3e3e3;}
.cssBookingPanel .cssTabs td a {text-decoration:none;color:#000000;font-size:10px}
.cssBookingPanel .cssTabs td.cssPicked {}
.cssBookingPanel .cssTabs td.cssPicked a {text-decoration:none;color:#646464;font-size:10px}
.cssBookingPanel .cssContent {vertical-align:top;}
.cssBookingPanel .cssContent {padding:0px 0 0 12px;}
.cssBookingPanel .cssContent .cssAlert {font-size:10px;color:#646464;}
.cssBookingPanel .cssContent .cssAlert b {color:#FF0000;}
.cssBookingPanel .cssContent .cssLabel {padding:6px 0 0 0;width:50px;font-size:10px;color:#646464;}
.cssBookingPanel .cssContent .cssField {padding:6px 0 0 0;width:182px;font-size:10px;color:#646464;}
.cssBookingPanel .cssContent .cssField td {font-size:10px;color:#646464;}
.cssBookingPanel .cssContent .cssField .cssTextBox {padding:2px 5px;width:180px;border-width:1px;border-style:solid;border-color:#e3e3e3;color:#969696;font-size:10px;}
.cssBookingPanel .cssContent .cssField select {padding:2px 5px;width:180px;border-width:1px;border-style:solid;border-color:#e3e3e3;color:#969696;font-size:10px;}
.cssBookingPanel .cssContent .cssField .cssC2 {width:70px;}
.cssBookingPanel .cssTnc {width:320px;margin:64px 0 0 0;}
.cssBookingPanel .cssCbox {margin:0px 0 5px 0;vertical-align:top;width:93px;padding:0 8px 0 0;text-align:right;}
.cssBookingPanel .cssLabel {padding:3px 0 5px 0;vertical-align:top;width:210px;font-size:8px;color:#646464;}
.cssBookingPanel .cssLabel a {text-decoration:none;color:#00A9E0;font-size:8px;}
.cssBookingPanel .cssBtns {width:320px;padding:8px 0 0 ;text-align:center;}
.cssBookingPanel .cssBtns table {margin:0 auto;}
.cssBookingPanel .cssBtns1 {width:320px;padding:68px 0 0 ;text-align:center;}
.cssBookingPanel .cssBtns1 table {margin:0 auto;}
.cssBookingPanel .cssBtns2 {width:260px;padding:8px 0 0 ;margin:0 0 0 55px;text-align:left;}

td.s1cssLabel0 {vertical-align:top;width:16px;}
td.s2cssLabel0 {vertical-align:top;padding:10px 0 0 2px;width:40px;}
td.s1cssLabel1 {vertical-align:top;width:16px;}
td.s2cssLabel1 {vertical-align:top;padding:10px 0 0 2px}
td.s1cssLabel2 {vertical-align:top;width:16px;}
td.s2cssLabel2 {vertical-align:top;padding:10px 0 0 2px;width:40px;}
td.s1cssLabel3 {vertical-align:top;width:16px;}
td.s2cssLabel3 {vertical-align:top;padding:10px 0 0 2px}
td.s1cssLabel4 {vertical-align:top;width:16px;}
td.s2cssLabel4 {vertical-align:top;padding:10px 0 0 2px;width:40px;}
td.s1cssLabel5 {vertical-align:top;width:16px;}
td.s2cssLabel6 {vertical-align:top;padding:10px 0 0 2px}

.cssBtn1r {float:left;width:110px;height:32px;background:url('step2/02.png');overflow:hidden;}
.cssBtn2r {float:right;width:109px;height:30px;background:url('step2/03.png');overflow:hidden;}
.cssBtn1r span {padding:9px 0 0 0;display:block;text-align:center;}
.cssBtn1r a {text-decoration:none;color:#ffffff;font-size:14px;}
.cssBtn2r span {padding:8px 0 0 0;display:block;text-align:center;}
.cssBtn2r a {text-decoration:none;color:#ffffff;font-size:14px;}

.cssLogged  {font-size:10px;text-align:left;}
.cssLogged a {color:#00A9E0;}
.cssLogin  {font-size:10px;text-align:left;}
.cssLogin a {color:#00A9E0;}

.bigcircle {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("big_circle.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 650px;
    left: 50%;
    margin-bottom: 0;
    margin-left: -325px;
    margin-right: 0;
    margin-top: -325px;
    position: absolute;
    top: 50%;
    width: 650px;
    z-index: 100001;
}

.bigcircle .bigcircle-inner {
    height: 490px;
    margin-bottom: 80px;
    margin-left: 60px;
    margin-right: 60px;
    margin-top: 80px;
    position: relative;
    width: 530px;
    text-align:left;
}

/* seca */

.bigcircle .logo {width: 510px; height: 60px; line-height: 60px; text-align: center; padding-top: 50px;}
.bigcircle .logo span {vertical-align: bottom; font-size: 36px; line-height: 42px; color: #0689d8; font-family: "Samsung InterFace","?????",Arial;position:relative;top:-20px;}
.bigcircle .login {margin: 50px 0 0 65px; font-weight: bold;}
.bigcircle .login table tr {height: 40px;}
.bigcircle .login table td {height: 30px;font-family: "Samsung InterFace","?????",Arial;font-size:16px;}
.bigcircle .login span {font-family: "Samsung InterFace","?????",Arial;font-size:12px;}
.bigcircle .login .btn_cancel {color: #0689d8;font-family: "Samsung InterFace","?????",Arial;font-size:12px;text-decoration:none;}
.bigcircle .btn_find_email_reset_password {color: #0689d8;font-family: "Samsung InterFace","?????",Arial;font-size:12px;text-decoration:none;}
.bigcircle #btn_to_register {color: #0689d8;font-family: "Samsung InterFace","?????",Arial;font-size:12px;text-decoration:none;}
.bigcircle .login input[type="text"],
.bigcircle .login input[type="password"] {width: 330px; height: 30px; border: 1px solid #0574b7;}
.bigcircle .login .button {background: url('btn_login.png'); width: 150px; height: 35px; border: 0; color: #fff; font-size: 18px; font-weight: bold;}
.bigcircle .login .td1 {font-size: 16px; color: #333; width: 50px;}
.bigcircle .login .td2 {}
.bigcircle .help {margin: 20px 0 0 65px;}
.bigcircle .help a {display: inline-block; height: 34px; line-height: 34px;}
.bigcircle .help div {height: 34px;}
.bigcircle .help span {display: inline-block; vertical-align: top; height: 34px; line-height: 34px;}
.bigcircle .help .btn-blue {width: 32px; height: 34px; background: url('btn_blue.png');}

/* form */
.bigcircle .red {color:red;}
.bigcircle .content-form {font-weight: bold; height: 355px;}
.bigcircle .content-form table tr {height: 40px;}
.bigcircle .content-form table td {height: 30px;}
.bigcircle .content-form input {width: 215px; height: 30px; border: 1px solid #0574b7;}
.bigcircle .content-form .td1 {font-size: 16px; color: #333; width: 80px;}
.bigcircle .content-form .td2 {}
.bigcircle .content-form .td2.red {color: red;}
.bigcircle .content-form .td3 {font-size: 12px; color: #0574b7; padding-left: 10px;}
.bigcircle .content-form .td3.red {color: red;}
.bigcircle .content-form .symbol-and {background: url('symbol_and.png') no-repeat; padding-left: 25px;}
.bigcircle .content-form tr.dob .td2 {position: relative;}
.bigcircle .content-form tr.dob .td2 > div {position: absolute; margin-top: -12px; width: 330px;}
.bigcircle .content-form tr.dob .td3 > div {margin-left: 105px;}

/* tnc */
.bigcircle .content-tc {position: relative; overflow: hidden; width: 448px; height: 230px; border: 1px solid #0689d8; margin: 0 32px; color: #333; overflow-y: auto;}
.bigcircle .content-tc-inner {display: inline-block; margin: 10px;}
.bigcircle .agree {margin: 20px 40px;}
.bigcircle .agree-title {float: left; font-size: 18px; margin: 6px;}
.bigcircle .agree-form {float: left; font-size: 12px;}
.bigcircle .agree-form input[type="checkbox"] {margin-top: 1px;}


