@import "/inc/css/btn.css";
@import "/inc/css/all.css";
@import "/APP/EManager/Css/cash.css";

body,html {
  height:100%;
  /*background: #4d4d4d;*/
}
/*---- 最外層包裝 ----*/
#WRAPPER {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background:  url(images/bg_001.png) center;
       -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

	
}
/*--*/
#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%;
    height: 80px;
    position: relative;
}

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

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

#master {
    width: 100%;
    height:95% ;
   text-align: center;
   
    
}

#master_list {
padding-left: 0;
}
#master_list li{
    display:inline-block;
	list-style: none;
    vertical-align: middle;
   /*border: 1px solid #d60029;*/
    height: 100%;

}
#master_img1 {
    margin:5em 0em;

}
#master_img3 {
       margin:5em 0em;

}
#master_img1_min, #master_img3_min,  #master_img3_min_btn {
   display: none;
}

#content {
    width: 100%;
    margin: 0 auto;
    padding-top: 1em;
}

#footer {
    width: 100%;
    margin: 0 auto;
    color: #ffffff;
    padding: 20px 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 5PX;
    }
/*行動版*/
@media (max-width: 480px) {
    #wls_bar {height: 8px;}
    #bar01 {width: 35%;height: 8px;}
    #logo_box {height: 50px;}
    #logo {width: 35%;}
    #logo2 {width: 35%;}
    #footer {font-size: 0.8em;}
   /*視覺*/
   #WRAPPER { background:  url(images/bg_001_min.png) no-repeat top center;}
   #master_list{ padding: 0; margin:0;}
   #master_list_2{display: none;}
   #master_list li{width: 100%;}
   #master_img1,#master_img2,#master_img3{display: none;}
   #master_img1_min,#master_img3_min{display:block;width:100% }
        #master_img3_min_btn{display:block; position:absolute; top:60%; left:10%; text-align:left;}
    #master_img3_min_btn1, #master_img3_min_btn2 {display:inline-block;width:28%; }
     /*#master_img1_min{ background:#d60029;}*/

}

@media (min-width: 481px) and (max-width: 720px) {
    #bar01 {width: 35%;}
    #logo { width: 30%;}
    #logo2 { width: 30%;}
    #footer {font-size: 0.6em; }
    /*視覺*/
    #WRAPPER { background:  url(images/bg_001_min.png) no-repeat top center;}
    #master_list{ padding: 0; margin:0;}
    #master_list_2{display: none;}
    #master_list li{width: 100%;}
    #master_img1,#master_img2,#master_img3{display: none;}
    #master_img1_min,#master_img3_min{display:block;width:100% }
    #master_img3_min_btn{display:block; position:absolute; top:60%; left:15%; text-align:left;}
    #master_img3_min_btn1, #master_img3_min_btn2 {display:inline-block;width:30%; }
      /*#master_img1_min{ background:#d60029;}*/

   
}

@media (min-width: 721px) and (max-width: 1123px) {
    #bar01 {width: 35%;}
    #footer {font-size: 0.7em;}
     /*視覺-開始變上下*/
    #WRAPPER { background:  url(images/bg_001_min.png) center;}
    #master_list{ padding: 0; margin:0;}
    #master_list_2{display: none;}
    #master_list li{width: 100%;}
    #master_img1,#master_img2,#master_img3{display: none;}
    #master_img1,#master_img3{padding:0;}
    #master_img1_min,#master_img3_min{display:block;width:100% ;}
    #master_img3_min_btn{display:block; position:absolute; top:60%; left:15%; text-align:left;}
    #master_img3_min_btn1, #master_img3_min_btn2 {width:40%; }
    /*#master_img1_min{ background:#d60029;}*/

}


@media (min-width: 1124px) and (max-width: 1462px) {
    #bar01 {width: 35%;}
    #footer {font-size: 1em;}
    /*視覺*/
  #master_img1 ,#master_img3 { margin:3em 0em;}
     #master_img1{padding-right:2em;}
     #master_img3{padding-left:2em;}   
    #master_img2{display: none;}
}