/* css reset */
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
em, font, img, q, s, samp,
small, strike, strong, b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}


ol, ul { margin: 0; padding: 0; }
ul { list-style: none; }
div { zoom: 1; }

body {
 background-color:#fff; 
 font-family: "helvetica neue",helvetica,arial,sans-serif; 
 padding: 0 0 50px 0; 
 margin: 0; 
 color: #333; 
}

a { color: #0041fc; }

#header {  
position: relative;
width: 100%;
height: 62px;
background: #228eac url('/tour/zinstabang/images/header_bg.png') repeat-x 0 0;
}

#header-content { width: 902px; margin: 0 auto; text-align: center; }
#header #logo { display: inline-block; margin: 6px 0 0 0; }

.btn-nav { 
 display: inline-block;
 height: 62px;
 padding: 0 15px; 
 border-left: 1px solid #006887; 
 border-right: 1px solid #006887; 
}

.btn-nav img { margin-top: 13px; vertical-align: top; }

.btn-home { float: left; }
.btn-login { float: right; }

#panel-wrap { background-color: #232323; height: 394px; }
#panel-wrap #inner { padding: 32px 0 0 0; }
#panel { position: relative; width: 899px; margin: 0 auto; }


#panel .col-sm { width: 181px; }
#panel img.thumb-sm { position: absolute; top: 0; left: 0; width: 180px; }
#panel img.thumb-lg { position: absolute; top: 0; left: 0; height: 361px; margin-left: -12px; }
#panel #col1 { position: absolute; top: 0; left: 0; }
#panel #col2 { position: absolute; top: 0; left: 181px; }
#panel #col3 { position: absolute; top: 0; left: 537px; }
#panel #col4 { position: absolute; top: 0; right: 0; }
#panel .thumb-group-sm { position: relative; height: 180px; cursor: pointer; }
#panel .thumb-group-lg { position: relative; width: 355px; height: 361px; overflow: hidden; cursor: pointer; }
#panel #thumb-group1, #panel #thumb-group4, #panel #thumb-group6 { margin: 0 0 1px 0; }

#main { width: 920px; margin: 0 auto; }
#content { padding: 24px 0 0 0; }

#info-wrap { padding: 0 7px 15px 11px; }
#info { float: left; width: 612px; padding: 11px 0 0 0; line-height: 24px; font-size: 18px; }

#btn-reg { float: right; }

ul.thumb-list { }
ul.thumb-list li { float: left; width: 230px; height: 226px; text-align: center; }
ul.thumb-list li img { width: 193px; }
ul.thumb-list li p { font-size: 12px; font-weight: normal; }
ul.thumb-list li a { color: #333; text-decoration: none; }

#join_free h1 {
    font-size: 24px;
    margin-bottom: 4px;
    text-align: center;
    color: #2963A3;
}

#join_free h1 span {
    color: red;
}

#join_free {
    border: 1px solid #000;
    width: 450px;
    height: 570px;  
    margin-top: 0; 
    padding: 10px;
    overflow: auto; 
    z-index: 500;
    float: left;
}

#register_popup_iframe { width: 400px; height: 505px; margin-left: 20px; float: left; }


#join-link { padding: 15px 0 0 0; margin-bottom: 30px; font-size: 40px; font-weight: bold; text-align: center; }
#join-link a { color: #0041fc; }

#cboxContent { background: rgba(255, 255, 255, 0.95); }