/* ---------Single Page Website CSS  ----------*/
/*這裡是主頁可更動的Css*/
*
{
    margin: 0 auto;
}


body
{
    font-family: Microsoft YaHei, Microsoft JhengHei, PMingLiU, Verdana,Arial,Helvetica,sans-serif;

    height: 2000px;
    margin: 0 auto;

    background: white;
}

#header
{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background: #666;
}

.nav
{
    top:0;
    margin-left: 0px;
    margin-left: 10px\9; 
    margin-top:45px\9; 
    word-spacing: 20px;
    color: #000;
}
:root .nav {
      margin-left: 0px;
    /*margin-top:10px; */
} /*for ie8 only */
.nav ul li
{
    display:inline-block\9;
    font-family: Microsoft YaHei, Microsoft JhengHei, PMingLiU, Verdana,Arial,Helvetica,sans-serif;
}

#box1,#box2,#box3,#box4{
    text-align: center;
}
#box1
{
    width: 100%;
    /*width: 1000px;*/
    min-width: 320px;
    height: 1115px;
    padding-top: 110px;
    background: url("/special/2015_3in1/images/bg_main.jpg") 0% 0% repeat;
}

a#about
{
    width: 100%;
    height: 758px;
    background: url("/special/2015_3in1/images/main.png") center no-repeat;  
    position: inherit;
    display: block;
}

#box2
{
    width: 100%;
    /*width: 1000px;*/
    height: 100%;
    min-width: 320px;
    padding-top: 150px;
    background: url("/special/2015_3in1/images/bg_gax.jpg") 0% 0% repeat;
}

a#GAX
{
    width: 100%;
    height: 1000px;
    background: url("/special/2015_3in1/images/gax.png") top no-repeat;  
    position: absolute;
    display: block;
    margin: -100px 0px 0px 0px;
}

#box3
{
	width: 100%;
    /*width: 1000px;*/
    min-width: 320px;
    height: 100%;
    padding-top: 150px;
    background: url("/special/2015_3in1/images/bg_ga2.jpg") 0% 0% repeat;
}

a#GA2
{
    width: 100%;
    height: 1000px;
    background: url("/special/2015_3in1/images/ga2.png") top no-repeat;  
    position: absolute;
    display: block;
    margin: -100px 0px 0px 0px;
}

#box4
{
    width: 100%;
    /*width: 1000px;*/
    min-width: 320px;
    height: 100%;
    padding-top: 150px;
    background: url("/special/2015_3in1/images/bg_cb.jpg") 0% 0% repeat;
}

a#CB
{
    width: 100%;
    height: 1000px;
    background: url("/special/2015_3in1/images/cb.png") top no-repeat;  
    position: absolute;
    display: block;
    margin: -100px 0px 0px 0px;
}

.box-padding
{
    width: 100%;
    height: 90px;
}

a
{
    text-decoration: none;

    color: white;
}

a:hover
{
    text-decoration: none;

    color: yellow;
}

   #boxbow{
   	position: relative;
   	display: inline-block;
   	
   	margin:  0  auto;

   }

    #boxbow ul {
        margin: 0 auto; }
       
        #boxbow ul li {
            width: 184px;
             height:44px;
            float: left;
            }
            
          #boxbow  ul li a.btn_register { 
                position: relative;
                display:block;
                margin:20px 10px auto;
                width: 160px;
                height: 70px;
                background: url("../images/btn_register.png") 0 0 no-repeat;
                line-height: 43px;
                
                font-weight: 700; }           
          #boxbow ul li a.btn_home {
                position: relative;
                display:block;
                margin:20px 10px auto;
                width: 160px;
                height: 70px;
                background: url("../images/btn_home.png") 0 0 no-repeat;
                font-size: 108%;
                line-height: 43px;
               
                font-weight: 700; }
           
            
            #boxbow ul li a.btn_register:hover {
                color: #0f244b;
                text-decoration: none;
                background: url("../images/btn_register_on.png") 0 0 no-repeat; }
            
            #boxbow ul li a.btn_home:hover {
                color: #0f244b;
                text-decoration: none;
                background: url("../images/btn_home_on.png") 0 0 no-repeat; }

            #icon_r6,#icon_r12{
                position: relative;
                float: left;
                width: 45px;
                height: 45px;
                display: inline-block;
                overflow: hidden;
                margin: 15px 10px auto; 
            }
            
            #icon_r6 {
                background: url("../images/r6_icon.png") no-repeat 0 0;
                
                 }
            #icon_r12{
                background: url("../images/r12_icon.png") no-repeat 0 0; 
                 }

             #rating  {
                position: relative;
                float: left;
                width: 300px;  
                height: 70px;
                margin: 10px auto;
                line-height: 15px;
                display: block;
                color: #000;
                font-size: 65%;
                font-size: 80%\9;
                text-align: left; }   
             #notice  {
                position: relative;
                float: left;
                width: 300px;  
                height: 70px;
                margin: 10px auto;
                line-height: 15px;
                display: block;
                color: #000;
                /*font-size: 65%;*/
                font-size: 10pt;
                text-align: left;
                top: 50px; }   



footer,#footer {
    clear: both;
    width:100%;
    min-width: 320px;
    height: 100%;
    max-height: 190px;
    top:10px;
    bottom: 0;
    background-color: #666;
    margin: 0 auto;
    vertical-align: middle;
    padding: 20px 0 5px;
    }
  
    
#box_footer {
    clear: both;
    width:100%;
    max-width: 900px;
    height: 48px;
    margin: 60px auto; }
    
    #box_footer #cyberstep {
        background-image: url('../images/logo_cs.png');
        width: 195px;
        height: 25px;
        float: left;
        margin: 10px 30px auto;
        margin-bottom:10px; 
         }
        #cyberstep_right{
        	background-image: url('../images/logo_cs.png');
        	width: 195px;
            height: 25px;
        	float:right;
        	margin:10px 30px;
        } 
     
        #box_footer #cyberstep a {
            width: 195px;
            height: 25px;
            float: left;
            margin: 10px 15px 0 0; }
   
    #box_footer p {
        width: 290px;
        height: 40px;
        line-height: 15px;
        float: left;
        margin:0 30px auto;
        left:50%; 
        font-size: 65%;
        font-size: 75%\0;  /*IE8*/
        *font-size: 75%; /*IE7*/
        
        color:#fff;}