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

@import url("default.css");

.W13058 .wrapper{}

/* header區塊 */
/*.W13058 .headerOut{ height:127px; background-color:#eeeeee;border-bottom:1px solid #e5e5e5 }*/
.W13058 .header{ width:960px; margin:0 auto;position:relative;}
/*.W13058 .logo{ position:absolute; top:25px}*/
/*.W13058 .logo img { max-height:60px;}*/
.W13058 ul.shareBox{top:35px; list-style:none;float:right;}
.W13058 ul.shareBox li{ float:left;}
.W13058 ul.shareBox li a{padding-left:12px; height:15px; text-indent:-9999px ;display:block;}
.W13058 ul.shareBox li a:hover{ background-position:bottom}
.W13058 a.share01{width:21px; background:url(/images/shared/shareIcon-twitter.png) no-repeat center top;}
.W13058 a.share02{width:7px; background:url(/images/shared/shareIcon-fb.png) no-repeat center top;}
.W13058 a.share03{width:15px; background:url(/images/shared/shareIcon-in.png) no-repeat center top;}
.W13058 a.share04{width:18px; background:url(/images/shared/shareIcon-g.png) no-repeat center top;}


.W13058 .topMenu{position:absolute; right:20px; top:62px; float:right; color:#999999;}
.W13058 .topMenu a{ color:#000000;}
.W13058 .topMenu a:hover{}

/*.W13058 ul.mainMenu{ width:100%;position:absolute; top:93px; background:url(/images/shared/MenuBg.jpg) repeat-x top left; height:35px; line-height:35px; list-style:none}*/
.W13058 ul.mainMenu li{ float:left;}
.W13058 ul.mainMenu li a{ padding:0 20px; color:#fff; font-size:13px;}
.W13058 ul.mainMenu li a:hover{ color:#7fa1bf; text-decoration:none;}

/* footer區塊 */
.W13058 .footerOut{height:26px; line-height:27px;background:#e4e4e4 url(/images/shared/footerBg.gif) repeat-y top right;}
.W13058 .footer{width:940px; padding-left:20px; color:#666; margin:0 auto;  font-size:11px;}
.W13058 .footer span.seperator{padding:0 8px; border-left:1px solid #999;margin-left:5px;}
.W13058 .footer a{color:#666;}


/* container區塊 */
.W13058 .containter{width:962px;margin:0 auto; border:#F00;}

/* container 首頁區塊 */
.W13058 .mainImg{display:block;width:960px; height:180px; border:1px solid #cccccc; margin-bottom:15px; margin-top:15px;}

.W13058 .indexContent{}
.W13058 .indexContent .group{ background:url(/images/shared/groupBg.gif) repeat-y; display:block; float: left;margin-bottom:15px;}
.W13058 .indexContentBox{ width:270px; padding:18px 25px 10px 25px; float:left;  margin:0px 0 0px 0}
.W13058 .indexContentBox.minStyle01{ padding:15px 38px 10px 13px;}
.W13058 .indexContentBox.minStyle02{ padding:15px 31px 10px 30px;}
.W13058 .indexContentBox.minStyle03{ padding:15px 0px 10px 30px; border:0px;}
.W13058 .indexTitle{ display:block; margin-bottom:15px; font-size:16px; color:#004889;}
.W13058 .indexContentBox h4{ font-weight:normal; font-size:14px; line-height:14px; margin-bottom:10px;}
.W13058 .indexContentBox h4 a{ display:block; }
.W13058 .indexContentBox p{ font-size:12px; line-height:16px; color:#666666; margin-bottom:10px;}
.W13058 .indexContentBox ul{ list-style:none}
.W13058 .indexContentBox ul li a{ display:block}
.W13058 .indexContentBox div img { max-height:102px; max-width:240px; margin-top:5px;}

.W13058 .promotionBannerArea{ margin-bottom:25px; height:210px;padding:10px; border:1px solid #cccccc;}
.W13058 .promotionBannerArea a{ width:210px; height:210px; display:inline-block; margin-right:28px;}
.W13058 .promotionBannerArea img{display:inline-block;}


/* container 內頁區塊 */
.W13058 .path{ margin:15px  15px 8px 15px; color:#666666;}
.W13058 .path a{color:#666666;}
.W13058 .path a.selectedPath{ color:#000000;}
.W13058 .proLeft{ float:left; width:730px; min-height:883px; margin-right:20px;margin-bottom:25px; border:1px solid #dddddd;}
.W13058 .proRight{ float:right; width:210px; margin-bottom:25px;}
.W13058 .proRight a{ width:210px; height:210px; display:inline-block;  margin-bottom:15px}

.W13058 .ProContent {}
.W13058 .Content { padding-left:15px; margin-bottom:25px;}
.W13058 .Content strong{ color:#000000;}
.W13058 .Content h2{ font-size:20px; margin-bottom:15px;}
.W13058 .Content h3{font-size:13px; line-height:16px;}
.W13058 .Content p{ color:#666; margin:20px 0;}
.W13058 .Content p img{ margin-top:10px;}
.W13058 .mailLink{ color:#0099ff;}
.W13058 .Content ul{color:#666; padding-left:25px;}
.W13058 .Content ul li{ list-style-type:square;}
.W13058 .Content .contactTBtitle{font-size:16px;}
.W13058 .Content .contactTB #divSubmitLoading {width:200px; height:35px; color:#666666; display:none;}
.W13058 .Content .contactTB #divSubmitLoading img { vertical-align:middle;}
.W13058 .Content .red{color:#F00; display:inline-block; margin:5px;}
.W13058 .Content .BT_submit{ display:block; width:101px; height:35px; border:0;}
.W13058 .Content .contactTB{ text-align:left;}
.W13058 .Content .contactTB th{ vertical-align:top; font-weight:normal;text-align:right; width:180px; padding:2px 0;}
.W13058 .Content .contactTB td{ padding:2px 0; padding-left:10px;}
.W13058 .Content .contactTB td input[type=text],
.W13058 .Content .contactTB td textarea,
.W13058 .Content .contactTB td select{ width:200px; height:25px; border:1px solid #999; padding:3px; margin-bottom:3px;}
    .W13058 .Content .contactTB td textarea { width:500px; height:150px;}


.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

.header-shareIcons {
    padding: 0;
    margin: 0px 0 0 0;
    float: right;
}

    .header-shareIcons li {
        float: left;
        margin-left: 5px;
        list-style-type: none;
    }

        .header-shareIcons li:fist-child {
            margin-left: 0;
        }

        .header-shareIcons li a {
            display: block;
            padding: 4px 5px;
            background-color: #336899;
        }

        .header-shareIcons li img {
            width: 20px;
            max-height: 20px;
            vertical-align: middle;
        }

        .header-shareIcons li.email a, .header-shareIcons li.link-in a {
            padding: 4px 6px;
        }

        .header-shareIcons li.email img, .header-shareIcons li.link-in img {
            width: 18px;
            max-height: 18px;
            vertical-align: middle;
        }

        .header-shareIcons li a:hover {
            background-color: #004280;
        }

        .header-shareIcons li.facebook a {
            background-color: #4367b0;
        }

            .header-shareIcons li.facebook a:hover {
                background-color: #254c9a;
            }

        .header-shareIcons li.twitter a {
            background-color: #41aae0;
        }

            .header-shareIcons li.twitter a:hover {
                background-color: #1d81b4;
            }

        .header-shareIcons li.link-in a {
            background-color: #0677b4;
        }

            .header-shareIcons li.link-in a:hover {
                background-color: #036092;
            }

        .header-shareIcons li.whatsapp a {
            background-color: #29b645;
        }

            .header-shareIcons li.whatsapp a:hover {
                background-color: #189e32;
            }

        .header-shareIcons li.weChat a {
            background-color: #29b645;
        }

            .header-shareIcons li.weChat a:hover {
                background-color: #189e32;
            }