@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:url(../images/diary-organizer/bg-diary-organizer.png) repeat-y;
-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);background-size: 100%;
}

/*main*/
.main { margin: 0 auto; width:960px; padding:15px 0; height:auto; background:none; border-radius:10px; }
.main .flline { float:left; width:100%; height:25px; background:url(../images/diary-organizer/flline-diary-organizer.png) center center no-repeat; padding:10px 0; }
.main .toplink { margin:0 auto; width:900px; padding-left:52px; height:auto; text-align:center; }
.main .toplink a+a { padding-left:10px; padding-right:5px; margin:0 0px; }
.main a { color:#585858; }
.main a:link { color:#585858; }
.main a:hover { color:#8888; }
.main a:visited { color:#585858; }

.main .tab-list01 { float:left; width:865px; height:auto; padding:20px 25px 0px 70px; text-align:left; }
.main .tab-list01 .left { float:left; width:620px; padding-left:15px; }
.main .tab-list01 .left .title { float:left; width:100%; height:40px; background:url(../images/diary-organizer/tab-list01-title.png) left center no-repeat; }
.main .tab-list01 .left .text { float:left; width:100%; height:310px; background:url(../images/diary-organizer/tab-list01-bg.png) left center no-repeat; color:#585858; text-align:left; font-size:1.65em; line-height:1.45em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list01 .right { float:left; width:210px; height:350px; background:url(../images/diary-organizer/tab-list01-pic.png) center bottom no-repeat; padding-left:20px; }

#tab-list02{float: left;}
#tab-list02>.box_b{padding-left: 42px}
#tab-list02 .flex_center{flex-flow: wrap; justify-content: center}

.main .tab-list04 { float:left; width:860px; height:auto; background:none; padding:20px 15px 0px 85px; text-align:left; }
.main .tab-list04 .a-st { float:left; width:780px; margin-left:60px; color:#97607a; font-size:1.75em; line-height:1.65em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list04 .a-plink { float:left; width:210px; margin-right:5px; }
.main .tab-list04 .a-plink .aw { float:left; width:200px; padding:0 5px; color:#585858; font-size:1.25em; line-height:1.45em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }

.main .tab-list04 .b-st { float:left; width:780px; margin-left:60px; color:#668450; font-size:1.75em; line-height:1.65em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list04 .b-plink { float:left; width:275px; margin-right:5px; }
.main .tab-list04 .b-plink .bw { float:left; width:265px; padding:0 5px; color:#585858; font-size:1.25em; line-height:1.45em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }

.main .tab-list04 .c-st { float:left; width:780px; margin-left:60px; color:#af3c2d; font-size:1.75em; line-height:1.65em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list04 .c-plink { float:left; width:210px; margin-right:5px; }
.main .tab-list04 .c-plink .cw { float:left; width:200px; padding:0 5px; color:#585858; font-size:1.25em; line-height:1.45em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }

.main .tab-list04 .c1-st { float:left; width:745px; margin-left:95px; color:#008ca3; font-size:1.75em; line-height:1.65em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list04 .c1-plink { float:left; width:210px; margin-right:5px; }
.main .tab-list04 .c1-plink .c1w { float:left; width:200px; padding:0 5px; color:#585858; font-size:1.25em; line-height:1.45em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }

.main .tab-list04 .d-st { float:left; width:780px; margin-left:60px; color:#b8813d; font-size:1.75em; line-height:1.65em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list04 .d-plink { float:left; width:210px; margin-right:5px; }
.main .tab-list04 .d-plink .dw { float:left; width:200px; padding:0 5px; color:#585858; font-size:1.25em; line-height:1.45em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }

.main .tab-list04 .e-st { float:left; width:780px; margin-left:60px; color:#a54a98; font-size:1.75em; line-height:1.65em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list04 .e-plink { float:left; width:210px; margin-right:5px; }
.main .tab-list04 .e-plink .ew { float:left; width:200px; padding:0 5px; color:#585858; font-size:1.25em; line-height:1.45em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }

.main .tab-list04 .f-st { float:left; width:780px; margin-left:60px; color:#45b035; font-size:1.75em; line-height:1.65em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }
.main .tab-list04 .f-plink { float:left; width:275px; margin-right:5px; }
.main .tab-list04 .f-plink .fw { float:left; width:265px; padding:0 5px; color:#585858; font-size:1.25em; line-height:1.45em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; }

.main .tab-list04 .more-plink { float:right; width:100%; text-align:right; }

/*main end*/


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

/*footer end*/

/*font*/
.fwb { font-weight:bold; }
.diary-organizer-w00 { float:left; margin:0 15px; width:930px; color:#888888; font-size:1.35em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:35px; padding-right:30px; }
.diary-organizer-w01 { float:left; margin:0 15px; width:930px; color:#686868; font-size:1.45em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:normal; padding-left:25px; }
.diary-organizer-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; }

.diary-organizer-w02t { float:left; margin:0 15px; width:930px; color:#080808; font-size:1.85em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px;  background:url(../images/diary-organizer/left-tri.png) left 10px no-repeat; }
.diary-organizer-w02b { color:#231815; font-size:2.05em; line-height:1.80em; font-family:"微軟正黑體","Microsoft JhengHei","宋体","SimSun"; font-weight:bold; padding-left:25px; }
.diary-organizer-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; }
.diary-organizer-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; }
.diary-organizer-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; }
.diary-organizer-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/diary-organizer/left-tri.png) left 30px no-repeat; }
.diary-organizer-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; }
.diary-organizer-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; }

.spt { padding-top:15px; }
.spt25px { padding-top:25px; }
.sptb { padding-top:25px; padding-bottom:15px; }
.spl01 { padding-left:50px; }
.spl02 { padding-left:81px; }
/*font end*/
@media  only screen and (max-width: 960px){
    #container{overflow: hidden}
    .main .toplink{width: 100%;}
    .main .tab-list01 .left .text{height: auto;background: rgba(255, 255, 255, 0.71); width: 100%; position: relative; z-index: 3;font-size: 1.2em;}
    .main .tab-list01 .left{width: 100%; padding: 0;}
    .main .tab-list01{width: 100%; box-sizing: border-box;position: relative; padding-bottom: 60px;}
    .main .tab-list01 .right{position: absolute; right: 5%; bottom:0px}
        #tab-list02>.box_b{padding: 0;}
    #tab-list02>.box_b a:nth-child(1),#tab-list02>.box_b a:nth-child(2){width: 50%;}
    #tab-list02>.box_b a:nth-child(3),#tab-list02>.box_b a:nth-child(4){width: 50%;}
    #tab-list02>.box_b a:nth-child(5),#tab-list02>.box_b a:nth-child(6){width: 50%;}
    #tab-list02>.box_b a:nth-child(8),#tab-list02>.box_b a:nth-child(9){width: 50%;} 
    .main .tab-list04{width: 100%;}
    .main .tab-list04 .a-st{margin: 0; width: 100%; font-size: 1.25em;}
    .main .tab-list04 .a-plink{margin: 0; width: 50%;}
    .main .tab-list04 .a-plink img{display: block; margin: auto;}
    .main .tab-list04 .a-plink .aw{width: 100%; padding: 0; font-size: 1em; overflow: hidden;height: 1.5em;}
    .main .tab-list04 .b-st{margin: 0; font-size: 1.25em;}
    .main .tab-list04 .b-plink{margin: 0; width: 50%;}
    .main .tab-list04 .b-plink .bw{width: 100%; padding: 0; font-size: 1em;overflow: hidden;height: 1.5em;}
    .main .tab-list04 .c-st{width: 100%; margin: 0; font-size: 1.25em;}
    .main .tab-list04 .c-plink{margin: 0; width: 50%;}
    .main .tab-list04 .c-plink .cw{font-size: 1em; padding: 0;}
    .main .tab-list04 .c1-st{margin: 0; font-size: 1.25em;}
    .main .tab-list04 .c1-plink{margin: 0; width: 50%;}
    .main .tab-list04 .c1-plink .c1w{font-size: 1em;overflow: hidden;}
    .main .tab-list04 .d-st{font-size: 1.25em; margin: 0; width: 100%;}
    .main .tab-list04 .d-plink{margin: 0; width: 50%;}
    .main .tab-list04 .d-plink .dw{font-size: 1em; padding: 0;overflow: hidden;height: 1.5em; width: 100%;}
    .main .tab-list04 .d-plink .dw br{display: none;}
    .main .tab-list04 .e-st{margin: 0; width: 100%;}
    .main .tab-list04 .e-plink{margin: 0; width: 50%;}
    .main .tab-list04 .e-plink .ew{width: 100%; padding: 0; font-size: 1em;overflow: hidden; height: 1.5em;}
    .main .tab-list04 .e-plink .ew br{display: none}
    .main .tab-list04 .f-plink{width: 50%; margin: 0;}
    .main .tab-list04 .f-plink .fw{overflow: hidden; width: 100%;font-size: 0.9em;}
}
@media  only screen and (max-width: 480px){
    .main .tab-list04 .a-st,.main .tab-list04 .b-st,.main .tab-list04 .c-st,.main .tab-list04 .d-st,.main .tab-list04 .e-st{font-size: 1em;}
    .main .toplink img{width: 50%; padding:0 1%; box-sizing: border-box; float: left}
    .main .toplink a:last-child img{padding:  0 10%;}
    .main .toplink a+a{padding: 0;}
    #tab-list02>.box_b a:nth-child(1),#tab-list02>.box_b a:nth-child(2),#tab-list02>.box_b a:nth-child(3),#tab-list02>.box_b a:nth-child(4),#tab-list02>.box_b a:nth-child(5),#tab-list02>.box_b a:nth-child(6),#tab-list02>.box_b a:nth-child(7){width: 100%;} 
   #tab-list02>.box_b a:nth-child(8),#tab-list02>.box_b a:nth-child(9){width: 100%;} 
}