@import url("reset.css");
body 
{
    padding:0px;
    /*background:url('../images/bodyBG.jpg');*/
    background-color:#f7f5d0;
    color:#444444;
    font-family:"微軟正黑體";
　  overflow-y: scroll;overflow-x: hidden;
}
.block{ clear:both; height:10px;}
.padFix { padding: 0 !important;}
.pcHeader
{
    /*background:url('../images/headerBG3.jpg');*/
    background-color:#d23f18;
    width:100%;
    height:auto;
    text-align:center;
}
.pcHeader img{ width:100%; height:auto;}
.xsHeader{ display:none;}
.xsHeader img{ width:100%; height:auto;}

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

.padFix { padding: 0 !important;}

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:630px;}
ul.pcMenu li{ border-right:1px #3b2100 solid; padding:0px 20px 0px 20px; height:70px; font-weight:bold;}
ul.pcMenu li a { color:#000; padding-top:25px;}
ul.pcMenu li a:hover{ background-color:#fff; color:#037177; 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;
    margin-left: -11px;
}
.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;}
.red_w{color:#d23f18;}

/*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); padding-top:40px;}
.award span.redFont{color:#ff0048; font-weight:bold;}
.bTitle tr td { border-right:1px #dedede solid;}
tr.alignStyle td{ text-align:center; vertical-align:middle;}


/*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:#1D8562; color:#1D8562;}
.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 { text-align:center; color:#1d8562; font-weight:bold;}
.navbar-default .navbar-nav > li > a:active {background-color: #1bd294}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background-color: #f7f5d0;}

@media screen and  (max-width: 480px)
{
    .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,.way_text_05 img{ width:100%; height:auto;}
    .dec-circle img {display:none;} 
    .txtInput{ width:100%; display:block;}

    .navbar-default{ border-color:#fdc481;}

} 

@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%; }
    .dec-circle img {display:none;} 
    .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;}
    .dec-circle img {display:none;} 
    .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)
{
}