@charset "utf-8";
/* CSS Document */

body { margin: 0 auto; width:auto; height: auto; font-family: "Droid Sans", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif,"微軟正黑體","Microsoft JhengHei", "宋体","SimSun";}

img { border: 0; }

.inthen {
  width: 0;
  height: 0;
  float: left;
  text-indent: -9999px;
  display: block;
  position: relative;
}
h2 { margin: 0 auto; display: inline; }
h3 { margin: 0 auto; display: inline; font-size: 14px; text-decoration: underline; }
#container-outter{ max-width: 1400px;}
#container-all { margin: 0 auto; height: auto !important; min-height: 350px;background:url(../images/coaster/bg-all.png) repeat;background-size: 100%;
-moz-box-shadow:0px 0px 10px 0px rgba(20%,20%,40%,0.5);
-webkit-box-shadow:0px 0px 10px 0px rgba(20%,20%,40%,0.5);
box-shadow:0px 0px 10px 0px rgba(20%,20%,40%,0.5);
display: flex;flex-flow: wrap;
}
.top-all {margin:0 auto; width:100%;height:auto; background:/*url(../images/coaster/bg-topall.png)*/ no-repeat; padding-top:0px; }
.top-all img{width: 100%;}
.topnav {width:100%; padding:10px 0 0 0; height:55px; background:#dfdfdf; }
.toplink { margin:0 auto; width:1000px; text-align:center; }
.toplink a+a { padding-left:5px; }

/*main*/
.main { margin: 0 auto; width:930px; padding:15px; height:auto; background:none; border-radius:0px; margin-bottom:15px; }
.main .w-title { float:left; background:url(../images/coaster/w-title.png) center left no-repeat; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; color:#231815; font-size:2.15em; line-height:2.05em; font-weight:bold; padding-left:35px; margin-left:0px; }
.main .w-text { float:left; width:860px; margin:0 35px; color:#231815; font-size:1.45em; line-height:2.15em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }

.main .morebox { float: right; width:auto; height: 33px; margin-top:15px; }
.main .morebtn { float: left; width:auto; height: 33px; }
.main .moretop { float: left; width:auto; padding: 7px 0 0 10px; height: 26px; }

.main .tab01 { float:left; width:880px; height:auto; margin:0 25px; text-align:center; }
.main .tab01 .tpic { float:left; margin-right:10px; }
.main .tab01 .title { float:left; width:900px; height:auto; margin:0 15px; color:#231815; font-size:2.05em; line-height:1.15em; font-weight:bold; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; text-align:left; vertical-align:middle; }

.main .tab02 { float:left; width:880px; height:auto; margin:0 25px; text-align:center; }
.main .tab02 .tpic { float:left; margin-right:10px; }
.main .tab02 .title { float:left; width:900px; height:auto; margin:0 15px; color:#231815; font-size:2.05em; line-height:1.15em; font-weight:bold; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; text-align:left; vertical-align:middle; }
.main .tab02 .stab { float:left; width:860px; height:230px; margin:0 60px 0 10px; text-align:center; }
.main .tab02 .stab .text { float:right; width:190px; height:230px; margin:95px 5px 0 15px; color:#231815; font-size:0.90em; line-height:1.45em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; text-align:left; }

.main .tab03 { float:left; width:750px; height:auto; margin:0 90px; text-align:center; }
.main .tab03 .stab { float:left; width:auto; height:auto; margin:0 50px; }
.main .tab03 .stab .stitle { float:left; clear:both; width:auto; height:auto; margin:10px 0; color:#231815; font-size:1.15em; line-height:1.45em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; text-align:left; }
.main .tab03 .stab .stitle .stp { float:left; width:auto; margin:3px; }
.main .tab03 .stab .pic { float:left; clear:both; width:auto; height:auto; color:#231815; font-size:0.90em; line-height:1.45em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; text-align:left; }

.main .w-text .w-stitle { float:left; clear:both; width:auto; height:auto; margin:10px 0; color:#231815; font-size:1.00em; line-height:1.45em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; text-align:left; }
.main .w-text .w-stitle .wstp { float:left; width:15px; margin:6px; }
.main .w-text .w-stitle .wstt { float:left; width:820px; text-align:left; }

.main .tab04 { float:left; width:750px; height:auto; margin:0 90px; text-align:center; }
.main .tab04 .wt-all { width:100%; height:auto; text-align:center; }
.main .tab04 .wt-all .wstp { float:left; width:15px; margin:6px; }
.main .tab04 .wt-all .wstt { float:left; width:auto; text-align:left; color:#231815; font-size:1.15em; line-height:1.65em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; text-align:left; }


/*注意事項DIV版*/
.main .tab-divlist { float:left; width:860px; height:auto; margin:0 35px; padding:0; }
.main .tab-divlist ul+ul { float:left; padding-top:15px; }
.main .tab-divlist li { margin:0; color:#231815; font-size:1.45em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; }
.main .tab-divlist .lil { float:left; width:30px; padding-right:10px; text-align:right; vertical-align:text-top; }
.main .tab-divlist .lir { float:left; width:820px; text-align:left; }
/*注意事項DIV版 end*/

/*main end*/


/*footer*/
.coaster-footer { float:left; width:930px; padding:15px 35px; margin:0px auto; background:#dfdfdf; }
.coaster-footer .logo-b { float: left; width: 180px; height: 180px; background:url(../images/coaster/logo-b.png) transparent no-repeat scroll center center / 180px auto; }
.coaster-footer .tab-r { float:left; width:720px; padding-left:30px; color:#6f6f6f; font-size:1.04em; line-height:1.55em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.coaster-footer .tab-r a { color:#6f6f6f; text-decoration:none; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.coaster-footer .tab-r a:link { color:#6f6f6f; text-decoration:none; }
.coaster-footer .tab-r a:visited { color:#6f6f6f; text-decoration:none; }
.coaster-footer .tab-r a:hover { color:#1f1f1f; text-decoration:none; }

/*footer end*/

/*font*/
.coaster-w00 { color:#231815; font-size:1.70em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:35px; padding-right:30px; }
.coaster-w01 { color:#006934; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:25px; }
.coaster-w01s { color:#009239; font-size:0.85em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:0px; }

.coaster-w02t { color:#006934; font-size:2.00em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px; background:url(../images/coaster/left-tri.png) left center no-repeat; }
.coaster-w02b { color:#231815; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px; }
.coaster-w03b { color:#ea5514; font-size:2.25em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:135px; padding-top:10px; padding-bottom:20px; }
.coaster-w04 { color:#231815; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:25px; padding-top:20px; }
.coaster-w05r { color:#231815; font-size:1.35em; line-height:1.70em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-right:100px; padding-top:20px; text-align:right; }
.coaster-w06t { color:#231815; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px; background:url(../images/coaster/left-tri.png) left 30px no-repeat; }
.coaster-w06b { color:#231815; font-size:1.85em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; }
.coaster-w07 { color:#231815; font-size:1.85em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:35px; padding-right:30px; }


.spl10 { padding-left:10px; }
.spt5 { padding-top:5px; }
.spt10 { padding-top:10px; }
.spt15 { padding-top:15px; }
.spt35 { padding-top:35px; }
.sptb { padding-top:25px; padding-bottom:15px; }
/*font end*/
@media  only screen and (max-width: 960px){
    #container .box{width: 100%;}
    .main{padding: 5px 10px; box-sizing: border-box;}
    #container{overflow:hidden}
    .top-all{float: none;}
	.toplink{margin: 0; width: 100%; float: none; height: auto;display: flex; justify-content: space-around;}
    .topnav{margin: 0; width: 100%; float: none; height: auto; padding: 0;}
    .toplink a+a{padding: 0;}
    .w-text{margin: 0; width: 100%; float: none; height: auto;}
	.main .tab01{margin: 0; width: 100%; float: none; height: auto;}
	.main .tab02{margin: 0; width: 100%; float: none; height: auto;}
	.main .w-text .w-stitle .wstt{margin: 0; width: 100%; float: none; height: auto;}
	.main .tab03{margin: 0; width: 100%; float: none; height: auto;}
	.main .tab04{margin: 0; width: 100%; float: none; height: auto;}
	.main .tab-divlist .lir {margin: 0; width: 100%; float: none; height: auto;}
    .main .w-text{width: 100%; margin: 0; font-size: 1em; line-height: 1.5em;}
    .main .w-title{font-size: 1em; background-size: 15px; padding-left: 15px; color: #56a5a5;}
    .main .morebox{margin: 0;}
    .main .tab02 .stab{width: 100%; margin: 0; background-size: 100% auto !important; height: auto;}
    .main .tab02 .stab .text{margin: 0; height: auto; background:rgba(0, 0, 0, 0.48); color: #fff; padding: 5px;}
    .main .tab03 .stab{margin: 0; width: 50%;}
    .main .tab03 .stab .pic{width: 100%;}.main .tab03 .stab .pic img{display: block; margin: auto;}
    .spt15{padding-top: 5px;}
    .main .tab-divlist{margin: 0; width: 100%;}
    .main .tab-divlist .lir{font-size: 1em; line-height: 1.5em;}
    .main .tab-divlist ul+ul{padding-top: 5px;}
}
@media  only screen and (max-width: 480px){
    .main .morebox{display: none;}
}