@charset "big5";
@import url("/css/fancybox/jquery.fancybox.css");
#topMenu:after {content: " ";display: block;font-size: 0;height: 0;clear: both;visibility: hidden;}
* html #topMenu,*:first-child+html #topMenu { zoom: 1;}

.clearFix:after {content: " ";display: block;font-size: 0;height: 0;clear: both;visibility: hidden;}
* html .clearFix,*:first-child+html .clearFix { zoom: 1;}
#googleCode {
  position: absolute;
}
#xlegend_head {
  position: relative;
  z-index: 99;
}


/* ==========================================================================
common
========================================================================== */
body {
  text-align: center;
  line-height: 1.6em;
  font-family:Arial, '·L³n¥¿¶ÂÅé', sans-serif;
  color: #333;
  font-size: 15px;
}
.wrapper {
  text-align: left;
  background: url('../images/bg.jpg') top center no-repeat;
}


ul li { list-style-type: none;}

ul {margin: 0;padding: 0;}
ol {margin: 0;padding: 15px 20px;}

.textLeft {text-align:left;}
.textCenter {text-align:center;}
.textRight {text-align:right;}
.strong {
  font-weight: bold;
}

.point {
  color: #f12331;
}
.point2 {
  color: #008e6e;
}



/* ==========================================================================
layout
========================================================================== */
header {
  height: 620px;
  position: relative;
}
.container {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  padding:0 10px 20px;
  line-height: 1.6em;
  box-sizing:border-box;
}
article {
  width: 950px;
  margin: 0 auto;
  background-color: #fff;
  padding: 97px 2.105% 10px;
  box-sizing:border-box;
  min-height: 300px;
}

article .ar_step,
article .gv_step {
  float: right;
  background-color: #f2f2f2;
  width: 38.9473%;
}
article .step,
article .step {
  background-color: #fff;

}

article .eventInfo,
article .note {
  float: left;
  width: 51.5789%;
}
section {
  margin-bottom: 15px;

}
.logo_ar {
  position: absolute;
  width: 349px;
  height: 151px;
  background: url('../images/logo_ar.png') 0 0 no-repeat;
  top: 408px;
  left: 50%;
  margin-left: -417px;
}

.logo_gv {
  position: absolute;
  width: 364px;
  height: 178px;
  background: url('../images/logo_gv.png') 0 0 no-repeat;
  top: 400px;
  left: 50%;
  margin-left: 63px;
}


span.x {
  background: url('../images/x.png') no-repeat;
  width: 77px;height: 77px;
  position: absolute;
  left: 50%;
  margin-left: -38px;
  top: 454px;
}


.slogan {
  position: absolute;
  margin: 0;
  background: url('../images/slogan.png') 0 0 no-repeat;
  width: 793px;
  height: 103px;
  white-space: nowrap;
  text-indent: 200%;
  overflow: hidden;
  top: 570px;
  left: 50%;
  margin-left: -396px;
  z-index: 11;
}




.container a {color:#005093;}
.container a:hover {color:#007be3;}

.bigBtn a {
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 3em;
  height: 3em;
  text-decoration: none;
  text-align: center;
  margin-bottom: 10px;
}
.btn_ar {
  background: #0099bf;
}
.bigBtn .btn_ar:hover {
  background: #007b99;
  color: #fff;
}
.btn_gv {
   background: #ff7d26;
}
.bigBtn .btn_gv:hover {
   background: #ff6600;
   color: #fff;
}


.ar_step,
.gv_step {
  padding: 15px 23px 15px 26px;
}
.step {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding:5px 20px 20px;
  box-sizing:border-box;
  margin-bottom: 15px;
}
.ar_step .step {
  border:4px solid #0099bf;
}
.gv_step .step {
  border:4px solid #ff7d26;
}
.step h2 {
  font-size: 20px;
  font-weight: normal;
  margin: 0;
}
.ar_step h2 {
  color: #0099bf;
}
.gv_step h2 {
  color: #ff7d26;
}
.step h3 {
  font-size: 18px;
  font-weight: normal;
  color: #000;
  text-align: left;
 
}
.step .content {
   padding-left: 30px;
}
.step li { 
  box-sizing:border-box;
  position: relative;
}
.step li:after {content: " ";display: block;font-size: 0;height: 0;clear: both;visibility: hidden;}
* html .step li,*:first-child+html .step li { zoom: 1;}
.step .number {
  position: absolute;
  left: -40px;
  top: -14px;
}
.step .btn {

}
.ar_step .btn a,
.gv_step .btn a {
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 3em;
  height: 3em;
  text-decoration: none;
  text-align: center;
}
.ar_step .btn a {
  background: #0099bf;
}
.ar_step .btn a:hover {
  background: #007b99;
}
.gv_step .btn a {
  background: #ff7d26;
}
.gv_step .btn a:hover {
  background: #ff6600;
}

.ar_step .step_2 a {
  padding: 0 5px;
}


.sub {
  color: #0059c6;
  font-size: 18px;
}

.eventInfo .strong {
  color: #000;
}

p.simple {
  background-color: #80709b;
  text-align: center;
}
p.simple img {
  max-width: 100%;
}

.fb_box {
  background: #fff;
  width: 200px;
  overflow: hidden;
}

.tbStyle table,
.tbStyle th,
.tbStyle td {
  border: 1px solid #ccc;
  font-size: 14px;
}

.tbStyle table {
  border-width: 1px 1px 0 0 ;
  width: 100%;
}
.tbStyle th,
.tbStyle td {
  border-width: 0 0 1px 1px ;
  padding: 8px;
  box-sizing:border-box;
}

.tbStyle th {
  background: #80709b;
  color: #fff;
  text-align: center;
}

.th_1 {
  width: 16%;
}
.th_2 {
  width: 30%;
}
.th_4 {
  width: 10%;
}

/* ==========================================================================
footer
========================================================================== */
.footer { width: 100%; height: 75px; background: #2ba1d9;position: relative;z-index: 10; }
.footer ul { width: 930px; margin: 0 auto; padding-top: 16px; }
.footer li { float: left;list-style-type: none;margin: 0;padding: 0;}
.footer li.logo_cr { margin: 7px 21px 0 0; width: 138px; height: 32px; background: url('/intro/ccb/img/logo_cr.png') no-repeat; }
.footer li.txt { margin-top: 17px; width: 534px; font-size: 12px; color: #fff; font-family: Arial; }
.footer li.R15 { width: 236px; height: 43px; background: url('/intro/ccb/img/15+.png') no-repeat; }




/* ==========================================================================
Other Pages
========================================================================== */

.award {
  text-align: center;
}

.award .btn {}
.award .btn a {
  display: inline-block;
  padding: 0 15px;
  line-height: 3em;
  height: 3em;
  color: #fff;
  text-decoration: none;
  margin: 0 10px;
}
.award .login {
  background-color: #00af3a;
}
.award .login:hover {
  background-color: #00872c;
}

.award .back {
  background-color: #007be3;
}
.award .back:hover {
  background-color: #005093;
}