@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: 100%; height: auto !important; min-height: 350px; float:left; background:#de6b38 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:100%; padding: 0 1em; height:auto; background:#fff; border-radius:10px; box-sizing:border-box; -moz-box-sizing:border-box;}
.main .flline { float:left; width:100%; height:25px; background:url(../images/business-diary/flline-business-diary.png) center center no-repeat; padding:10px 0; }
.main .toplink { margin:0 auto; width:930px; height:40px; text-align:center; padding-top: 0.5em;}
.main .toplink a+a { padding-left:5px; }

.main .tab-list01 { float:left; width:850px; height:auto; padding:20px 55px; text-align:center; }
.main .tab-list01 .in-list { float:left; width:330px; height:auto; font-size:1.35em; line-height:1.70em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; color:#231815; padding:0 40px; text-align:center; }

.main .tab-list02 { float:left; width:100%; height:auto; padding:20px 15px; text-align:center; }
.main .tab-list02 .text { float:left; width:100%; height:auto; padding: 20px 15px 20px; text-align:left; font-size:1.45em; line-height:1.8em; }
.main .tab-list02 .text .spl { float:left; width:100%; padding-left:25px; }
.main .tab-list02 .text .splb { float:left; width:100%; padding-left:25px; padding-bottom:15px; }
.main .tab-list02-a { float:left; clear:both; position:absolute; margin-left:0px; padding:0px 15px; width:930px; height:340px; background:url(../images/business-diary/list-pic-02-a.png) left center no-repeat; text-align:left; font-size:1.15em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list02-a .title { float:left; clear:both; padding-top:30px; padding-left:150px; width:auto; color:#b6414c; font-size:1.85em; line-height:1.55em; font-weight:bold; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list02-a .sub { float:left; clear:both; padding-left:150px; width:810px; color:#de6a37; font-size:1.35em; line-height:1.55em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list02-a .text { float:left; width:360px; padding-top:20px; padding-left:170px; color:#231815; font-size:1.05em; line-height:2.05em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }

.main .tab-list02-b { float:left; clear:both; position:absolute; margin-left:0px; padding:0px 15px; width:930px; height:340px; background:url(../images/business-diary/list-pic-02-b.png) left center no-repeat; text-align:left; font-size:1.15em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list02-b .title { float:left; clear:both; padding-top:30px; padding-left:150px; width:auto; color:#b6414c; font-size:1.85em; line-height:1.55em; font-weight:bold; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list02-b .sub { float:left; clear:both; padding-left:150px; width:810px; color:#de6a37; font-size:1.35em; line-height:1.55em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list02-b .text { float:left; width:360px; padding-top:20px; padding-left:170px; color:#231815; font-size:1.15em; line-height:2.05em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }

.main .tab-list02-c { float:left; clear:both; position:absolute; margin-left:0px; padding:0px 15px; width:930px; height:340px; background:url(../images/business-diary/list-pic-02-c.png) left center no-repeat; text-align:left; font-size:1.15em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list02-c .title { float:left; clear:both; padding-top:30px; padding-left:150px; width:auto; color:#b6414c; font-size:1.85em; line-height:1.55em; font-weight:bold; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list02-c .sub { float:left; clear:both; padding-left:150px; width:810px; color:#de6a37; font-size:1.35em; line-height:1.55em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list02-c .text { float:left; width:400px; padding-top:20px; padding-left:150px; color:#231815; font-size:1.05em; line-height:1.85em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; text-align: justify; }

.main .tab-list02-d { float:left; clear:both; position:absolute; margin-left:0px; padding:0px 15px; width:930px; height:340px; background:url(../images/business-diary/list-pic-02-d.png) left center no-repeat; text-align:left; font-size:1.15em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list02-d .title { float:left; clear:both; padding-top:30px; padding-left:150px; width:auto; color:#b6414c; font-size:1.85em; line-height:1.55em; font-weight:bold; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list02-d .sub { float:left; clear:both; padding-left:150px; width:810px; color:#de6a37; font-size:1.35em; line-height:1.55em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list02-d .text { float:left; width:360px; padding-top:20px; padding-left:170px; color:#231815; font-size:1.05em; line-height:2.05em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }

.main .tab-list03 { float:left; width:930px; height:auto; padding:20px 15px; }
.main .tab-list03 .subw { float:left; width:720px; height:auto; padding: 0px 15px 15px 15px; margin-left:95px; text-align:left; color:#de6a37; font-size:1.50em; line-height:1.55em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list03 .text { float:left; width:288px; padding:5px; color:#231815; font-size:1.05em; line-height:2.05em; text-align:center; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; } 

.main .tab-list04 { float:left; width:930px; height:auto; padding:20px 15px; text-align:center; }


.main .pic-listc { float:left; width:920px; height:auto; padding:20px 10px; text-align:center; }
.main .pic-listw { float:left; width:920px; height:40px; padding:20px 10px; font-size:2.05em; line-height:0.50em; text-align:center; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }


/*main end*/


/*footer*/
.business-diary-footer { width:930px; margin:15px auto; }
.business-diary-footer .logo-b { float: left; width: 180px; height: 180px; background:url(../images/business-diary/logo-b.png) transparent no-repeat scroll center center / 180px auto; }
.business-diary-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"; }
.business-diary-footer .tab-r a { color:#fff; text-decoration:none; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.business-diary-footer .tab-r a:link { color:#fff; text-decoration:none; }
.business-diary-footer .tab-r a:visited { color:#fff; text-decoration:none; }
.business-diary-footer .tab-r a:hover { color:#5f0800; text-decoration:none; }

/*footer end*/

/*font*/
.fwb { font-weight:bold; }
.business-diary-w00 { float:left; margin:0 15px; width:100%; color:#231815; font-size:1.35em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding: 0 10px;}
.business-diary-w01 { float:left; margin:0; width:930px; color:#b6414c; font-size:1.45em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:25px; }
.business-diary-w01s { float:left; margin:0 15px; width:930px; color:#de6a37; font-size:1.20em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:0px; }

.business-diary-w02t { float:left; margin:0 15px; width:930px; color:#b6414c; font-size:1.85em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px;  background:url(../images/business-diary/left-tri.png) left 10px no-repeat; }
.business-diary-w02b { color:#231815; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px; }
.business-diary-w03b { float:left; margin:0 15px; width:930px; 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; }
.business-diary-w04 { float:left; margin:0 15px; width:930px; color:#231815; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:25px; padding-top:20px; }
.business-diary-w05r { float:left; margin:0 15px; width:930px; 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; }
.business-diary-w06t { float:left; margin:0 15px; width:930px; color:#231815; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px; background:url(../images/business-diary/left-tri.png) left 30px no-repeat; }
.business-diary-w06b { float:left; margin:0 15px; width:930px; color:#231815; font-size:1.85em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; }
.business-diary-w07 { float:left; margin:0 15px; width:930px; color:#231815; font-size:1.35em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:35px; padding-right:30px; }
.business-diary-w00, .business-diary-w01, .business-diary-w01s, .business-diary-w02t, .business-diary-w02b, .business-diary-w03b, .business-diary-w04, .business-diary-w05r, .business-diary-w06t, .business-diary-w06b, .business-diary-w07{margin:0; width:100%; box-sizing:border-box; -moz-box-sizing:border-box;}  
.sptb { padding-top:25px; padding-bottom:15px; }
.spl01 { padding-left:50px; }
.spl02 { padding-left:81px; }
/*font end*/


/* mail-tab */
#mail-tab { float:left; clear:both; width:90%; height:auto; margin:0 auto; padding:5%; padding-top:0px; text-align:center; }
#mail-tab .header-mt { width:100%; height:auto; margin-bottom:10px; border-bottom:#ffa8bf 1px solid; font-size:1.85em; font-weight:bold; line-height:2.25em; border-collapse:collapse; font-family:"微軟正黑體","Microsoft JhengHei", "宋体","SimSun"; color:#980000; text-align:left; }

#mail-tab li { float:left; width:100%; clear:both; padding:10px 0; font-size:1.25em; line-height:1.55em; border-collapse:collapse; font-family:"微軟正黑體","Microsoft JhengHei", "宋体","SimSun"; text-align:left; }
.input-mtnum {
width:100px;
height: 30px;
padding: 0px 5px;
margin:0px 10px;
font-size: 0.90em;
font-family: "Droid Sans", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif,"微軟正黑體","SimSun", "宋体","SimSun";
line-height: 1.5em;
color: #585858;
background-color: #fff;
background-image: none;
border: 1px solid #bfbfbf;
border-radius: 3px;
}

#mail-tab .icon-mt-a { float:left; background:url(../images/organizer/icon-mtab-a.png) center center no-repeat; width:30px; height:30px; padding-right:10px; }
#mail-tab .icon-mt-b { float:left; background:url(../images/organizer/icon-mtab-b.png) center center no-repeat; width:30px; height:30px; padding-right:10px; }
#mail-tab .icon-mt-c { float:left; background:url(../images/organizer/icon-mtab-c.png) center center no-repeat; width:30px; height:30px; padding-right:10px; }
#mail-tab .icon-mt-c1 { float:left; background:url(../images/organizer/icon-mtab-c1.png) center center no-repeat; width:30px; height:30px; padding-right:10px; }
#mail-tab .icon-mt-d { float:left; background:url(../images/organizer/icon-mtab-d.png) center center no-repeat; width:30px; height:30px; padding-right:10px; }
#mail-tab .icon-mt-e { float:left; background:url(../images/organizer/icon-mtab-e.png) center center no-repeat; width:30px; height:30px; padding-right:10px; }
#mail-tab .icon-mt-f { float:left; background:url(../images/organizer/icon-mtab-f.png) center center no-repeat; width:30px; height:30px; padding-right:10px; }

#mail-tab .splr { float:left; padding-left:125px; }
#mail-tab .splr00 { float:left; padding-left:0px; padding-right:25px; }
#mail-tab .splr01 { float:left; padding-left:0px; padding-right:60px; color:#0068b8; }
#mail-tab .splr02 { float:left; padding-left:220px; }
#mail-tab .splr03 { float:left; padding-left:310px; }

#mail-tab .mail-tab { float:left; clear:both; width:95%; padding:2% 2.5%; margin-top:15px; border:#d8d8d8 1px solid; background:#ffffff; }
#mail-tab .mail-tab .info-title { width:100%; float:left; text-align:left; margin:0; padding-bottom:5px; font-size:1.65em; font-weight:500; line-height:1.50em; color:#ff1f58; font-family:"微軟正黑體","Microsoft JhengHei", "宋体","SimSun"; border-bottom:#efefef 1px solid; }

#mail-tab .mail-tab li { float:left; width:100%; clear:both; padding:5px 0; font-size:1.25em; line-height:1.55em; border-collapse:collapse; font-family:"微軟正黑體","Microsoft JhengHei", "宋体","SimSun"; text-align:left; }
#mail-tab .mail-tab .title { float:left; width:100px; text-align:right; padding-right:1%; margin:0px 0; font-size:1.00em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei", "宋体","SimSun"; }
#mail-tab .mail-tab .input { float:left; width: 220px !important; min-width:20%; height: 30px; padding: 0px 10px; margin:0px 5px; font-size: 0.90em; line-height: 1.5em; color: #585858; font-family: "Droid Sans", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif,"微軟正黑體","SimSun", "宋体","SimSun";
background-color: #fff;
background-image: none;
border: 1px solid #bfbfbf;
border-radius: 3px;
}
#mail-tab .mail-tab .spl01 { float:left; padding-left:30px; }

#mail-tab .inputd { float:left; width:13%; height: 30px; padding: 0px 5px; font-size: 0.9em; line-height: 1.5em; text-align:center; color: #585858;
font-family: "Droid Sans", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif,"微軟正黑體","SimSun", "宋体","SimSun";
background-color: #fff;
background-image: none;
border: 1px solid #bfbfbf;
border-radius: 3px;
}

#mail-tab .yzm { float:left; padding-right:5px; }

#mail-tab .inputdl {
float:left;
width:30%;
height: 30px;
padding: 0px 5px;
font-size: 0.9em;

font-family: "Droid Sans", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif,"微軟正黑體","SimSun", "宋体","SimSun";
line-height: 1.5em;
text-align:center;
color: #585858;
background-color: #fff;
background-image: none;
border: 1px solid #bfbfbf;
border-radius: 3px;
}
#mail-tab .inputdr {
float:left;
width:auto;
height: 32px;
padding: 0px 5px;
margin-left:5px;
font-size: 0.9em;
font-family: "Droid Sans", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif,"微軟正黑體","SimSun", "宋体","SimSun";
line-height: 1.5em;
text-align:center;
color: #585858;
background-color: #d8d8d8;
background-image: none;
border: 1px solid #bfbfbf;
border-radius: 3px;
}

.advice-submit { float:left; width:100%; padding-top:20px; padding-bottom:10px; }
.advice-submit .btn { 
height:100%;
color: #fff;
font-size: 1.3em;
font-weight: inherit;
line-height: 1.5em;
font-family:"微軟正黑體","SimSun", "宋体","SimSun";
margin-top: 0px;
padding: 5px 10px;
border-radius: 3px;

border: #df0038 1px solid;
text-shadow: 0px 0px 0px #df0038;
font-family: "微軟正黑體","Microsoft JhengHei", "宋体","SimSun";
background: #ff5888;
background: -moz-linear-gradient(top, #ff5888 0%, #ef0038 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5888), color-stop(100%,#ef0038));
background: -webkit-linear-gradient(top, #ff5888 0%,#ef0038 100%);
background: -o-linear-gradient(top, #ff5888 0%,#ef0038 100%);
background: -ms-linear-gradient(top, #ff5888 0%,#ef0038 100%);
background: linear-gradient(to bottom, #ff5888 0%,#ef0038 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5888', endColorstr='#ef0038',GradientType=0 );

}
/* mail-tab end */

@media  only screen and (max-width: 960px){
    #container .box{width: 100%;}
    #container{overflow:hidden}
    .main {box-sizing: border-box; padding: 0;}
	.main .toplink{margin: 0; width: 100%; float: none; height: auto; display: flex; justify-content: space-around;flex-wrap: wrap; }
    .main .tab-list03 .subw{margin: 0; width: 100%; float: none; height: auto;}
	.main .tab-list04{margin: 0; width: 100%; float: none; height: auto;}
    .business-diary-w00, .business-diary-w01, .business-diary-w01s, .business-diary-w02t, .business-diary-w02b, .business-diary-w03b, .business-diary-w04, .business-diary-w05r, .business-diary-w06t, .business-diary-w06b, .business-diary-w07{padding-left: 18px; background-size: 15px; font-size: 1.1em; background-position: 0;}
    .main .tab-list01{width: 100%; padding: 0;}.main .tab-list01 .in-list{width: 50%; padding: 1%; font-size: 1em;}
    .main .tab-list02{padding: 5px;}
    .main .tab-list02 .text .splb{font-size: 1em; line-height: 1.5em;box-sizing: border-box;}
    .main .tab-list02-a{width: 100%;box-sizing: border-box; padding: 0; background-size: 100%;}
    .main .tab-list02-a .sub{width: 100%;}
    .main .tab-list02-a .title{font-size: 1.1em; padding:12% 0 0 18%;}
    .main .tab-list02-a .sub{font-size: 1em;padding:0 0 0 18%;}.main .tab-list02-a .text{font-size: 1em;padding:0 0 0 18%; font-size: 1em; line-height: 1.5em;}
    .main .tab-list02-a .title,.main .tab-list02-a .sub,.main .tab-list02-a .text{background: rgba(255, 255, 255, 0.42);width: 100%;}
    .main .tab-list02-b{width: 100%;box-sizing: border-box; padding: 0; background-size: 100%;}
    .main .tab-list02-b .sub{width: 100%;}
    .main .tab-list02-b .title{font-size: 1.1em; padding:12% 0 0 18%;}
    .main .tab-list02-b .sub{font-size: 1em;padding:0 0 0 18%;}.main .tab-list02-b .text{font-size: 1em;padding:0 0 0 18%; font-size: 1em; line-height: 1.5em;}
    .main .tab-list02-b .title,.main .tab-list02-b .sub,.main .tab-list02-b .text{background: rgba(255, 255, 255, 0.42);width: 100%;}
    .main .tab-list02-c{width: 100%;box-sizing: border-box; padding: 0; background-size: 100%;}
    .main .tab-list02-c .sub{width: 100%;}
    .main .tab-list02-c .title{font-size: 1.1em; padding:12% 0 0 18%;}
    .main .tab-list02-c .sub{font-size: 1em;padding:0 0 0 18%;}.main .tab-list02-c .text{font-size: 1em;padding:0 0 0 18%; font-size: 1em; line-height: 1.5em;}
    .main .tab-list02-c .title,.main .tab-list02-c .sub,.main .tab-list02-c .text{background: rgba(255, 255, 255, 0.42);width: 100%;}
    .main .tab-list02-d{width: 100%;box-sizing: border-box; padding: 0; background-size: 100%;}
    .main .tab-list02-d .sub{width: 100%;}
    .main .tab-list02-d .title{font-size: 1.1em; padding:12% 0 0 18%;}
    .main .tab-list02-d .sub{font-size: 1em;padding:0 0 0 18%;}.main .tab-list02-d .text{font-size: 1em;padding:0 0 0 18%; font-size: 1em; line-height: 1.5em;}
    .main .tab-list02-d .title,.main .tab-list02-d .sub,.main .tab-list02-d .text{background: rgba(255, 255, 255, 0.42);width: 100%;}
    .main .tab-list03{width: 100%; padding: 0; }.main .tab-list03 .text{font-size: 1em; width: 33.3333%;}
    #mail-tab .mail-tab .title,#mail-tab .mail-tab .input{width: 100% !important; text-align: left;padding: 0;}
}
@media  only screen and (max-width: 667px){
    .toplink a{width: 25%; height: 30px;} .toplink a img{width: 100%; height: 100%;}
}