@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-all { margin: 0 auto; width: 1000px; height: auto !important; min-height: 350px; float:left; background:#6ec7cd repeat;
-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);
}

/*main*/
.main { margin: 0 auto; width:95%; padding:15px; height:auto; background:#fff; border-radius:10px; }
.main .flline { float:left; width:100%; height:25px; background:url(../images/handbag/flline-handbag.png) center center no-repeat; padding:10px 0; }
.main .toplink { margin:0 auto; width:940px; height:40px; text-align:center; }
.main .toplink a+a { padding-left:15px; }

.main .tab-list01 { float:left; width:920px; height:270px; padding:20px 10px; }
.main .tab-list01 .lpic { float:left; height:270px; width:90px; padding-right:10px; }
.main .tab-list01 .title { float:left; width:640px; color:#231815; font-size:1.55em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; }
.main .tab-list01 .text { float:left; width:250px; color:#231815; font-size:1.20em; line-height:1.70em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding:10px 50px 5px 30px;  }
.main .tab-list01 .pic-list { float:right; width:470px; height:215px; vertical-align:middle; text-align:right; padding-right:15px; padding-top:15px; }
.main .tab-list01 img+img { padding-left:50px; }

.main .tab-list02 { float:left; width:920px; height:410px; padding:20px 10px 50px 10px; }
.main .tab-list02 .lpic { float:left; height:270px; width:90px; padding-right:10px; }
.main .tab-list02 .title { float:left; width:640px; color:#231815; font-size:1.55em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; }

.main .tab-list02 .pic-list { float:left; width:240px; height:230px; vertical-align:middle; text-align:center; padding-left:23px; padding-right:10px; padding-top:25px; }
.main .tab-list02 .text { float:right; width:240px; height:auto; vertical-align:middle; text-align:left; padding-left:20px; padding-right:10px; padding-top:20px; color:#231815; font-size:1.30em; line-height:1.70em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; }

.main .tab-list03 { float:right; clear:both; position:absolute; margin-left:200px; width:730px; height:auto; background:#6ec7cd; padding:20px 10px; text-align:right; color:#fff; font-size:1.10em; line-height:2.00em;
font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun";
border-top-left-radius:8px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:8px;
 }


/*main end*/


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

/*footer end*/

/*font*/
.handbag-w00 { color:#231815; font-size:1.65em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:35px; padding-right:30px; }
.handbag-w01 { color:#191b66; font-size:1.75em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:25px; }
.handbag-w02t { color:#231815; font-size:1.65em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px; background:url(../images/handbag/left-tri.png) left center no-repeat; }
.handbag-w02b { color:#231815; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px; }
.handbag-w03b { color:#2ea7e0; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:35px; }
.handbag-w04 { color:#231815; font-size:1.85em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:25px; padding-top:20px; }
.handbag-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; }
.handbag-w06t { color:#231815; font-size:1.85em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px; background:url(../images/handbag/left-tri.png) left 10px no-repeat; }
.handbag-w06b { color:#231815; font-size:1.65em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; }
.handbag-w07 { color:#231815; font-size:1.40em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:35px; padding-right:30px; }

.sptb { padding-top:25px; padding-bottom:15px; }
/*font end*/
@media  only screen and (max-width: 960px){
    .main{padding:0 5px; box-sizing: border-box;}
    .main .toplink{width: 100%; display: flex; justify-content:center; height: auto; padding: 3px 0;}
    .main .toplink a+a{padding: 0;}
    .main .flline{height: 5px; padding: 8px 0;}
    .main .tab-list01{width: 100%; height: auto; padding: 0; margin-bottom: 12px;}
    .main .tab-list01 .lpic{padding: 0;}
    .main .tab-list01 .title{width: calc(100% - 90px); margin: 0; padding: 0 0 0 12px; line-height: 1.5em; box-sizing: border-box;}
    .main .tab-list01 .text{width: calc(100% - 90px); margin: 0; padding: 0 0 0 12px;box-sizing: border-box;}
    .main .tab-list01 .pic-list{padding: 0; height: auto; width: 100%;}
    .main .tab-list01 .pic-list img{width: 50%; padding:5px 5%; box-sizing: border-box;}
    .main .tab-list01 img+img{padding: 0;}
    .main .tab-list01:before,.main .tab-list01:after{clear: both; content: " "; display: block;}
    .handbag-w01,.handbag-w02t{padding: 0 3px; line-height: 1.35em; font-size: 1.2em; box-sizing: border-box; background-size: 14px auto; background-position: 0 0; margin: 5px 0;}
    .handbag-w02t{padding-left: 18px;}
    .handbag-w03b{padding-left: 15px; font-size: 1em; line-height: 1.35em; margin: 8px 0;}
    .handbag-w02b{font-size: 1.25em;}
    .handbag-w00{padding-left: 18px; font-size: 1em; line-height: 1.25em;}
    .main .tab-list02 .lpic{padding: 0;}
    .main .tab-list02{width: 100%;padding: 0; }
    .main .tab-list02 .title{width: calc((100% - 90px));padding: 0px 0px 0px 12px; line-height: 1.35em;box-sizing: border-box;}
    .main .tab-list02 .pic-list{width: calc((100% - 90px)/3); padding: 0; height: auto;}
    .main .tab-list02 .text{float: right;width: calc((100% - 90px)); padding: 5px 8px 0; font-size: 1em; box-sizing: border-box; line-height: 1.5em}
    .main .tab-list03{margin: 0; width: 100%; font-size: 1em; padding:8px; float: none; position: static; text-align: left; line-height: 1.3em}
    .main .tab-list03 font{font-size: 1em;}
    .main .tab-list03+.clear{padding-top: 10px !important;}
    .handbag-w04{padding: 0; font-size: 1.2em;}
    .handbag-w05r{padding: 0; text-align: left; line-height: 1.25em;}
    .handbag-w06t{line-height: 1.35em; font-size: 1em; background-size: 12px 18px; padding-left: 15px;background-position: 0 1px;}
    .handbag-w07{padding:0 15px; line-height: 1.25em; font-size: 1em;}
}
@media  only screen and (max-width: 480px){
    .main .toplink{flex-wrap: wrap;}
    .main .toplink a{width: 33.333%;}.main .toplink img{width: 100%;}
}