@import url("reset.css");
body 
{
    padding:0px;
    /*background:url('../images/bodyBG.jpg');*/
    background-color:#fff;
    color:#444444;
    font-family:"微軟正黑體";
　  overflow-y: scroll;overflow-x: hidden;
}
.block{ clear:both; height:10px;}
.padFix { padding: 0 !important;}


.pcHeader{
    position: relative;   
    z-index: -2;
    /*background:url('../images/bg.jpg');*/
    background-color:#ce0030;
    width:100%;
    height:auto;
    text-align:center;
    background: url('../images/bg.jpg') no-repeat center top;   
}

.bgtop{
    position: absolute;
    z-index:-1;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 1220px;    
    background: url('../images/bg.jpg') no-repeat center top;
}

/*.decorationPg{    
    position: absolute;
    z-index:1;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1220px;
    height: 100%;
    background: url('../images/header-3.png') no-repeat center top;
}*/
.pcHeader img{ z-index: 8; position: relative; width:auto; height:auto; margin:auto;}
.xsHeader{ display:none;}
.xsHeader{
    position: relative;   
    z-index: -2;
    /*background:url('../images/bg.jpg');*/
    background-color:#ce0030;
    width:100%;
    height:auto;
    text-align:center;
    background: url('../images/bg.jpg') no-repeat center top;   
}
.xsHeader img{z-index: 8; position: relative;  width:100%; height:auto;}

.companyMenu{ width:100%; border-top:10px #dbcdcd solid; background-color:#fff;}
.navbar{ display:none; margin-bottom:0px;}

.padFix { padding: 0 !important;
    top: 0px;
    left: 0px;
}

h2 { color:#fa0041; font-weight:bolder;}
.UserBtn{ width:100px; font-size:medium;}
.txtInput{ width:290px; display:inline-block;}

/*MENU*/
ul.pcMenu{ float:none; margin:0 auto; width:950px;}
ul.pcMenu li{ border-right:1px #3b2100 solid; padding:0px 0px 0px 0px; height:70px; border:none;}
ul.pcMenu li a { color:#000; padding-top:25px;}
ul.pcMenu li a:hover{ background-color:#fff; color:#fa0041; font-weight:bold;}
li.menuBG{ border-right:0px #959595 solid!important; height:40px!important; }
li.menuBG a{padding-top:10px!important; color:#df4e00;}

/*rule*/
.ruleArea {
    width: auto;
    border-left: 2px #a4aabb solid;
    letter-spacing: 1px;
    padding-left: 34px;
    margin-left:20px;
    padding-right:20px;
}
.way-title-1 {
    width: 118px;
    height: 37px;
    position: absolute;
    z-index: 1;
    top: -9px;
    left: -125px;
}
.dec-fix {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -5px;
    left: 23px;
    z-index: 1;
}
.dec-circle,dec-circle-2, .dec-circle-3 {
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 2;
    left: 23px;
}
.dec-circle4 {
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 2;
    left: 11px;
}
.wayArea > div {
    padding-bottom: 30px;
    line-height:1.6;
}
.ruleArea > div 
{
    padding-bottom: 10px;
}
.way_text_03{ width:685px;}
.way_text_04{ width:650px;}

/*other*/
span.wayTitle{ color:#037177; font-weight:bold; font-size:large;}
.sevenPic_PC,.sevenPic_M{ margin-bottom:10px;}
.sevenPic_M{ display:none;}
.sevenPic_M li { margin-bottom:5px;}
.sevenPic_M img{ width:100%; height:auto;}

/*award*/
.bTitle{ margin:0 auto; margin-bottom:20px; background-color:#fff; border:1px #dedede solid;}
.bTitle td.tdNo{ text-align:center;}
.award { width:100%; height:auto; /*background:url(../images/headerBG2.jpg)*/;background-color:#e8d226; padding-top:40px;}
.award span.redFont{color:#fff; font-weight:bold; border:1px #fff;border-radius:8px;padding:6px;background-color:#868686;}
.bTitle tr td a{ font-weight:bold; font-size:24px; color:#000000;}
.bTitle a:hover { font-size:26px; color:#fa0041;}
tr.alignStyle td{ text-align:center; vertical-align:middle;}
.table tr td{border: 1px solid #ddd;}


/*footer*/
.footer{ height:auto; text-align:center; color:#000; line-height:1.6; font-size:small; padding:15px 0px;}
.footerLogo img{ width:80%; height:auto; margin:0 auto; vertical-align:middle; margin:10px 0px 10px 0px;}
/*返回頂部*/
.btn-scroll-up{border-width:0;position:fixed;right:2px;z-index:99;-webkit-transition-duration:.3s;transition-duration:.3s;opacity:0;filter:alpha(opacity=0);bottom:-24px;visibility:hidden}
.btn-scroll-up.display{opacity:.3;filter:alpha(opacity=30);bottom:2px;visibility:visible}
.btn-scroll-up:hover{opacity:1;filter:alpha(opacity=100)}
.btn-scroll-up:focus{outline:0}

/*修改原始bootstrap樣式*/
.navbar-default .navbar-toggle { border-color:#fa0041; color:#fa0041;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:active,.navbar-default .navbar-toggle:visited,.navbar-default .navbar-toggle:focus{ background-color:#f7f4e3;}
.navbar-default .navbar-nav > li > a { color:#fa0041;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color:#fa0041;}

@media screen and  (max-width: 480px)
{
    .navbar{ display:block;}
    .xsHeader{ display:block; width:100%;}
    .pcHeader{ display:none;}
    .ruleArea { border-left:none; padding:0px; margin:0px;}
    .sevenPic_PC{ display:none;}
    .sevenPic_M{ display:block;}
    .way_text_03,.way_text_04{ width:100%;}
    .way_text_04 img,.way_text_05 img{ width:100%; height:auto;}
    
    .txtInput{ width:100%; display:block;}

    .navbar-default{ border-color:#fdc481;}
    .way_01 img{ width:100%; }
    h2.mtext { font-size: 26px; margin-bottom: 21px; text-align: center;}
} 

@media screen and  (min-width: 480px) and  (max-width: 749px)
{
    .navbar{ display:block;}
    .xsHeader{ display:block;}
    .pcHeader{ display:none;}
    .ruleArea { border-left:none; padding:0px; margin:0px;}
    .sevenPic_PC{ display:none;}
    .sevenPic_M{ display:block;}
    .way_text_03,.way_text_04{ width:100%;}
    .way_text_04 img{ width:100%; height:auto;}
    .footerLogo img{ width:100%; }
    
    .txtInput{ width:100%; display:block;}
} 
@media screen and  (min-width: 750px) and  (max-width: 1006px)
{
    .xsHeader{ display:block;}
    .pcHeader{ display:none;}
    .sevenPic_PC{ display:none;}
    .sevenPic_M{ display:block;}
    
    .navbar{ display:block; padding:0px; margin:0px;}
    .way_text_03,.way_text_04{ width:100%;}
    .way_text_04 img,.way_text_05 img{ width:100%; height:auto;}
    
    .footerLogo img{ width:100%; }
    .txtInput{ width:100%; display:block;}
}
@media screen and  (min-width: 1007px) and  (max-width: 1199px)
{
    .footerLogo img{ width:100%; }
} 

@media screen and (min-width: 1200px)
{
}