@import "/inc/css/btn.css";
@import "/inc/css/all.css";

body {
  
}
textarea {
	font: 15px/1.5 微軟正黑體, Arial;
}
.eManager_master{
display:none;
}
/*---- 最外層包裝 ----*/
#WRAPPER {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #e8e2d8;
}
/*--*/
#wls_bar {
    width: 100%;
    margin: 0 auto;
    background: #898989;
    height: 12px;
    text-align: left;
}

#bar01 {
    width: 30%;
    background: #d60029;
    height: 12px;
}

#logo_box {
    width: 100%;
    position: relative;
}

#logo {
    position: absolute;
    left:20px;
    top: 5px;
}

#logo2 {
    position: absolute;
    right: 20px;
    top: 5px;
}

#master {
    width: 100%;   
    background: #d0432f url(images/master_bg.jpg) center;
    font-size: 0px;
    line-height:0px; 
    *line-height:0px;    
    text-align: center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
}
 #master_img{
    width: 1000px;    
    margin: 0 auto;
  
}
 #master_img img{
    width: 100%;    
    height:100%;    
   
}

#content {
    width: 1200px;
    margin: 0 auto;
    padding: 1em;
}



.btn_box {
    margin: 0 auto;
    padding-bottom: 3em;
     text-align: center;
	
}
.btn_box li {
     font-size: 1.2em;
    width:6em;
    display:inline-block;	
    color: #ffffff;
    background: #d0432f;
    text-align: center;
    padding: 0.5em;
    margin:0.1em;
    border-radius: 0.3em;
	
}
.btn_box a {
   text-decoration: none;
	
}
.btn_box li:hover
 {
    background: #ff6a00;
  	
}

/* line */
#mobile_line {
    background: #00b832;
}
    #mobile_line:hover {
        background: #61e585;
    }

.text {
    font-size: 1.5em;
    text-align: center;
}
.item_title {
    border-radius: 100px;
    behavior: url(/inc/css/PIE.htc);
    background:#85796c;
    font-size: 1.2em;
    font-weight: bold;
    color:#ffffff;
    padding:0.3em;
    text-align: center;
    margin:1em auto;
}


.card {
    position: relative;
	
    width: 50%;
    background:#ffffff; 
    box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    border-radius: 10px;
    behavior: url(/inc/css/PIE.htc);
    text-align: center;
    margin: 1em auto;
	
}
.card_img{
   width: 95%;
   margin-top: 1em ;
}
.card_img2{
   width: 95%;
   margin: 1em auto ;
}
.card_text {
    width: 90%;
    margin:1em auto;
    border: #e8e2d8 1px solid;
    font-size: 1.7em;
    /*font-size: 20pt;*/
}
.item img {
      border-radius: 0.5em;
          behavior: url(/inc/css/PIE.htc);
          cursor: pointer; 
}
#footer {
    width: 100%;
    margin: 0 auto;
    color: #ffffff;
    padding: 1em 0;
    text-align: center;
    font-size: 1em;
    background: #4d4d4d;
}

    #footer a {
        color: #ffffff;
        text-decoration: none;
    }

        #footer a:hover {
            color: #ffffff;
            text-decoration: underline;
        }
    #footer p {
        display:inline-block;
        margin:0 0.5em;
    }
#remind {
    position:absolute;
	right: -40px;
   top: -30px;
}
#remind2 {
    position:absolute;
	left: -40px;
   bottom:100px;
}
/*行動版*/
@media (max-width: 480px) {
   #master {
       height:25%;
    }
    #wls_bar {
        height: 8px;
    }

    #bar01 {
        height: 8px;
    }
    #logo_box {
     height: 50px;
}
    #logo,#logo2 {
        width: 35%;
    }

    #content {
        width: 80%;
        padding-top: 1em;
    }
.card_text {
    font-size: 1em;
}
.card_img, .card_img2{
   width: 90%;
}
#remind2 {
    position:absolute;
	left: -40px;
   bottom:80px;
}
}

@media (min-width: 481px) and (max-width: 720px) {
    #master {
       height:75%;
    }
    #logo_box {
    height: 70px;
}
   #logo,#logo2 {
        width: 35%;
    }

    #content {
        width: 80%;
        padding-top: 1em;
    }

}
@media (min-width: 721px) and (max-width: 1199px) {

	#logo_box {
    height: 80px;
}
    #content {
        width: 80%;
        padding-top: 1.5em;
    }

}


/*賀卡*/
@media (max-width: 1200px){

	#master_img{
    width:90%;    
 
}
	#bar01 {
        width: 35%;
    }
   .card { 
        width: 100%;
    }
  .card_text { 
        width: 80%;
    }
   }