@charset "utf-8"; 

/* RESET
--------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}



/* BODY,HTML
--------------------------------------------------------------------------------------*/

html,body {
    width: 100%;
    min-width: 1000px;
		/*min-height: 3000px;*/
		position: relative;
    background: #fff;
    overflow-x: hidden;
    font-family: Arial,"微軟正黑體","新細明體","蘋果儷黑體",  Verdana, Helvetica, sans-serif;
    /*-webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;*/
}



/* 共用
--------------------------------------------------------------------------------------*/

.c {
    clear: both;
}
.hide {
    display: none;
}

.wrapper{
	width: 1000px;
	margin: 0 auto;
}

.left{
	float: left;
}

.right{
	float: right;
}


/* 20151120↓ */

/* inblock */
.inblock{ font-size: 0;
    display: inline-block; 
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
}
.inblock li, 
.inblock div, 
.inblock dt, 
.inblock dd,
.inblock img{ 
    display: inline-block; 
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
}

/* clear */
.clear:after { 
    content:"\200B"; 
    display:block; 
    height:0; 
    clear:both; 
} 
.clear {*zoom:1;}


/* header
--------------------------------------------------------------------------------------*/

.header{ 
    width: 100%;
    height: 80px;
    color: #fff;
    background: url('../images/header_bg.jpg') no-repeat left top #000;
    position: relative;
    z-index: 99;
}
.header a{ 
    display: inline-block;
    text-decoration: none;
    color: #fff;
}
.header a:hover{ color: #ffca00;}
.header .container{
    width: 96%;
    max-width: 1204px;
    margin: 0 auto;
    padding-top: 25px;
}
.header .left{ 
    font-size: 16px;
    line-height: 30px; 
}
.header .right{ 
    width: 790px;
    text-align: right;
}
.header .right ul{
    margin-right: 3px;
}
.header .right li,
.header .right dd{ 
    font-size: 14px; 
    line-height: 20px; 
    position: relative;
}
.header .right .home{
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 17px;
    margin-right: 10px;
    background: url('../images/header_icon_home.png') no-repeat left top;
}
.header .right a:hover .home{ background: url('../images/header_icon_home_hover.png') no-repeat left top;}
.header .right .mail{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    /* margin-right: 10px; */
    background: url('../images/header_icon_mail.png') no-repeat left top;
}
.header .right li{ border-left: 1px solid #815901; padding: 0 10px;}
.header .right li:first-child{ border-left: none;}
.header select{
    width: 75px;
    height: 30px;
    padding: 0 0 0 14px;
    font-size: 14px; 
    font-family: Arial,"微軟正黑體","新細明體","蘋果儷黑體",  Verdana, Helvetica, sans-serif;
    color: #fff;
    background-color: #ffb400;
    border: none;  
}
.header .right dd .arrow{
    display: block;
    width: 10px;
    height: 10px;
    background: #ffb400;
    position: absolute;
    top: 10px;
    right: 6px;
    cursor: pointer;
}
.header .right dd .arrow:before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 4px solid;
    border-color: #fff #ffb400 #ffb400 #ffb400;
    position: absolute;
    top: 4px;
    right: 2px;
}
.header .right dd{ margin-right: 19px;}
.header .right dd:last-child{ margin-right: 0;}
.header .right dd.enspace{ margin-right: 19px; }

.header .right dt{ margin-right: 6px;}
.header .right .fb a{
    display: block;
    position: relative;
}
.header .right .device a{
	font-size: 14px;
    line-height: 20px;
    position: relative;
    color: #FFF;
    background-color: #0068b5;
    padding: 5px 10px;
    margin-right: 10px;
}
.header .right .device a:hover{
    color: #ffb400;
}
.header .right .fb a:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/icon_fb_ovr.png') no-repeat left top;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.header .right .fb a:hover:before{
    display: block;
}

.header .right .applyBtn{
	width: 121px;
	height: 32px;
	background: url('../images/btn_apply.png') no-repeat center;
}

.header .right .applyBtn:hover{
	background: url('../images/btn_apply_ovr.png') no-repeat center;
}

/*20160509*/
.header .lan{
    background: #ffb400;
    padding: 3px 3px;
}
.header .lan a{
    padding: 0 5px;
    position: relative;
}
.header .lan a:hover , .header .lan a.select{
    color: #000;
}
.header .lan .line:before{
    content: "";
    display: block;
    width: 1px;
    height: 85%;
    background: #fff;
    position: absolute;
    top: 2px;
    right: 0;
}
/*20160509*/



/* 主選單
--------------------------------------------------------------------------------------*/

.mainnav{
	width: 100%;
	height: 120px;
	background: #fff;
	position: relative;
    text-align: right;
    color: #717071;
    z-index: 50;
}

.mainnav a{ 
    display: inline-block;
    text-decoration: none;
    color: #717071;
}

.mainnav .container{
    width: 96%;
    max-width: 1204px;
    margin: 0 auto;
    position: relative;
}

.mainnav .logo{
    width: 351px;
    position: absolute;
    top: 24px;
    left: -79px;
}

.mainnav ul{
    width: 853px;
}

.mainnav li{ 
    height: 120px;
    font-size: 16px;
    padding: 50px 17px 0;
    box-sizing: border-box;
    position: relative;
    z-index: 50;
}

.mainnav li:last-child{
    padding-right: 0;
}

.mainnav dt{
    width: 21px;
    height: 23px;
    margin-right: 15px;
    background: url('../images/menu.jpg') no-repeat;
}

.mainnav .icon_1{ background-position: 0 0;}
.mainnav .icon_2{ background-position: -21px 0;}
.mainnav .icon_3{ background-position: -43px 0;}
.mainnav .icon_4{ background-position: -63px 0;}
.mainnav .icon_5{ background-position: -85px 0;}
.mainnav .icon_6{ background-position: -106px 0;}
.mainnav .search{
    width: 46px;
    height: 46px;
    background: url('../images/menu_search.jpg') no-repeat center center #ffb400;
    position: relative;
    top: -12px;
}

.mainnav .search a{
    width: 46px;
    height: 46px;
    display: block;
}

.mainnav li > a{ 
    width: 130px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -65px;
    background: url('../images/menu_shadow.jpg') repeat-x top center #e9e9ea;
    display: none;
}

.mainnav li:hover > a,
.mainnav li.select > a{ display: block;}

.mainnav li > a:before{
    content: '';
    display: block;
    width: 130px;
    height: 6px;
    position: absolute;
    bottom: -6px;
    left: 0;
    background: url('../images/menu_bottom.jpg') no-repeat top left;
    background-size: auto 100%;
}

.mainnav a dt, .mainnav a dd{
    display: block;
}

.mainnav a dt{
    width: 36px;
    height: 35px;
    background: url('../images/menu_hover.png') no-repeat;
    margin: 31px auto 15px;
}

.mainnav a .icon_1{ background-position: 0 0;}
.mainnav a .icon_2{ background-position: -36px 0;}
.mainnav a .icon_3{ background-position: -72px 0;}
.mainnav a .icon_4{ background-position: -108px 0;}
.mainnav a .icon_5{ background-position: -144px 0;}
.mainnav a .icon_6{ background-position: -180px 0;}

.mainnav a dd{
    text-align: center;
    color: #1c96fc;
}


/* submenu
--------------------------------------------------------------------------------------*/
.submenu{
    width: 100%;
    height: 180px;
    background: url('../images/submenu_bg.jpg') no-repeat top center;
    text-align: center;
    position: absolute;
    display: none;
    /*z-index: -1;*/
    top: 0;
    left: 0;
    z-index: 30;
    overflow: hidden;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    /*border-bottom: 6px solid #353535;*/

    -webkit-box-shadow: 0px 5px 22px -6px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 5px 22px -6px rgba(0,0,0,0.4);
    box-shadow: 0px 5px 22px -6px rgba(0,0,0,0.4);
}

.submenu.select{ top: 200px; /*z-index: 1;*/ display: block; }

.submenu a{ 
    display: inline-block;
    text-decoration: none;
}

.submenu dl{ display: none; /*position: relative; z-index: -1;*/}

.submenu dl.select{ display: block; /*z-index: 5;*/}

dl.submenu_2{ position: relative; right: -152px; right: -145px\9;}

dl.submenu_3{ position: relative; right: -299px; right: -282px\9;}

.submenu dt{
    width: 111px;
    height: 111px;
    margin-right: 18px;
    background: url('../images/submenu_bg_1.png') no-repeat top center;
    background-size: 100% auto;
    position: relative;
    top: 13px;
}

.submenu dd{
    width: 131px;
    height: 131px;
    margin-right: 18px;
    background: url('../images/submenu_bg_2.png') no-repeat top center;
    background-size: 100% auto;
    position: relative;
    top: 36px;
}

#product_submenu.submenu{ height: 188px;}

#product_submenu.submenu .submenu_1 dt:before, 
/*#product_submenu.submenu .submenu_1 dd:before{
    content: '';
    width: 0;
    height: 0;
    border: 16px solid;
    border-color: transparent transparent #353535 transparent;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    display: none;
}*/

#product_submenu.submenu .submenu_1 dt:before{ top: 134px;}
#product_submenu.submenu .submenu_1 dd:before{ top: 121px;}

#product_submenu.submenu .submenu_1 dt:hover:before,
#product_submenu.submenu .submenu_1 dd:hover:before,
#product_submenu.submenu .submenu_1 dt.select:before,
#product_submenu.submenu .submenu_1 dd.select:before{ display: block;}

.submenu dt a{ background: url('../images/submenu_bg_1.png') no-repeat top center; background-size: 100% auto;}
.submenu dd a{ background: url('../images/submenu_bg_2.png') no-repeat top center; background-size: 100% auto;}
.submenu dt a:hover, .submenu dt.select a{ background: url('../images/submenu_bg_1_hover.png') no-repeat top center; background-size: 100% auto;}
.submenu dd a:hover, .submenu dd.select a{ background: url('../images/submenu_bg_2_hover.png') no-repeat top center; background-size: 100% auto;}
.submenu dd:last-child{
    margin-right: 0;
}

.submenu dt a,
.submenu dd a{
    width: 100%;
    display: table;
}

.submenu dt a{ height: 111px;}
.submenu dd a{ height: 131px;}
.submenu .td{
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #838383;
}

.submenu a:hover .td{
    color: #fff;
}

.submenu dt.select a .td,
.submenu dd.select a .td{
    color: #fff;
}

.submenu .td span{
    display: block;
    font-size: 18px;
    margin-bottom: 7px;
}

.submenu .submenu_1 span,
.submenu .submenu_2 span{ margin-bottom: 0;}




/* 20180824修改 */
.submenu_1{
    max-width: 1200px;
    /*overflow: hidden;*/
    margin: auto;
    text-align: center;
    position: relative;
    padding-top: 15px;
}
.submenu_1 dt , .submenu_1 dd{
    background: none;
    top: 0;
}
.submenu_1 dt a , .submenu_1 dd a{
    background: url(../images/submenu_bg_1.png) no-repeat top center;
    background-size: 100% 100%;
}
.submenu_1 dt , .submenu_1 dd{
    margin: 0;
    margin: 0 9px;
}
.submenu_1 dd{
    padding-top: 20px;
}
.submenu_1 dd a{
    width: 100%;
}
.submenu_1 dt a{
    width: 84.09090909090909%;
    margin: auto;
}
.submenu_1 .slick-arrow{
    width: 28px;
    height: 99px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    cursor: pointer;
    position: absolute;
    top: 54%;
}
.submenu_1 .slick-arrow:before{ display: none; }
.submenu_1 .slick-prev{
    background-image: url('../images/menu_ar_l.png');
    left: -30px;
}
.submenu_1 .slick-next{
   background-image: url('../images/menu_ar_r.png');
    right: -30px;
}
.submenu_1 .slick-disabled{
    opacity: 0.3;
}
/* 20180824修改 */




@media screen and (max-width: 1400px) {
    .mainnav .logo{
        width: 300px;
        top: 30px;
        left: 0;
    }
    .mainnav .logo img{ width: 100%;}
}


@media screen and (max-width: 1366px) {
    dl.submenu_2{ right: -11.3%;}
    dl.submenu_3{ right: -23%;}
}


@media screen and (max-width: 1280px) {
    dl.submenu_2{ right: -12%;}
    dl.submenu_3{ right: -24%;}
    .submenu_1{
        max-width: 1000px;
    }
    .submenu_1 dt , .submenu_1 dd{
        margin: 0;
        margin: 0 5px;
    }
    .submenu_1 .slick-prev{
        left: -40px;
    }
    .submenu_1 .slick-next{
        right: -40px;
    }
}


@media screen and (max-width: 1210px) {
    .mainnav li{ 
        font-size: 15px;
        padding: 50px 13px 0;
    }
    .mainnav li > a{ 
        width: 110px;
        margin-left: -55px;
    }
    .mainnav li > a:before{ width: 110px;}
    dl.submenu_2{ left: auto; right: -14%;}
    dl.submenu_3{ left: auto; right: -25%;}
}


@media screen and (max-width: 1140px) {
    .mainnav .logo{ width: 240px; top: 35px;}
    .submenu dt{ width: 101px; height: 101px;}
    .submenu dd{ width: 121px; height: 121px;}
    .submenu dt a{ height: 101px;}
    .submenu dd a{ height: 121px;}
    dl.submenu_2{ left: auto; right: -11.8%;}
    dl.submenu_3{ left: auto; right: -23.3%;}
}


@media screen and (max-width: 1080px) {
    .mainnav .logo{ width: 200px; top: 40px;}
    dl.submenu_2{ left: auto; right: -9.7%;}
    dl.submenu_3{ left: auto; right: -21.5%;}
}




/* 20151120↑ */

/* footer
--------------------------------------------------------------------------------------*/

.footer{
	width: 100%;
	background: #1a1a1a;
	position: relative;
	padding: 0 20px;
	z-index: 100;
}

.footer .copyright{
	width: 100%;
	height: 50px;
	font-size: 13px;
	line-height: 50px;
	color: #727272;
	text-align: center;
	border-top: 1px solid #363636;
}

.footer .content{
	width: 1000px;
	margin: 0 auto;
	padding: 70px 0 30px;
}

.footer .top{
	border-bottom: 1px solid #363636;
	padding-bottom: 30px;
}

.footer .bottom{
	padding-top: 15px;
}

.footer .list , .footer .list dt , .footer .list dd{
	display: block;
}

.footer .list{
	float: left;
	width: 166px;
}

.footer .list.last dd{
    padding-left: 20px;
}

.footer .list.last .fb{
    background: url('../images/footer_icon_fb.png') no-repeat left center;
}

.footer .list.last .yt{
    background: url('../images/footer_icon_yt.png') no-repeat left center;
}

.footer .list.last dd{
    background: none;
}

.footer .list dt a{
	text-decoration: none;
	font-size: 15px;
	line-height: 1.5;
	color: #fff;
	font-weight: bold;
	padding-bottom: 8px;
}

.footer .list dt a:hover{
	text-decoration: underline;
}

.footer .list dd{
	background: url("../images/footer_icon.gif") no-repeat left center;
	padding: 6px 0 6px 16px;
}

.footer .list dt{
	padding-bottom: 10px;
}

.footer .list dd a{
	text-decoration: none;
	font-size: 14px;
	line-height: 1.5;
	color: #cdcdcd;
}

.footer .list dd a:hover{
	color: #fff;
}

.footer .btns{
	float: left;
	width: 98px;
	height: 28px;
}

.footer .btns > div{
    margin-bottom: 15px;
}

.footer .btns .btn_fb a{
    display: block;
    position: relative;
}

.footer .btns .btn_fb a:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/btn_fb_ovr.png') no-repeat left top;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.footer .btns .btn_fb a:hover:before{
    display: block;
}


.footer .btn_wanted a{
	text-decoration: none;
	display: block;
	width: 98px;
	height: 28px;
	background: #1a9ab5;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	text-align: center;
	font-size: 15px;
	line-height: 28px;
	color: #fff;
	font-weight: bold;
}

.footer .btn_wanted a:hover{
	background: #26b3d1;
}

.footer .logobox{
	width: 100%;
	margin: auto;
	font-size: 0;
	padding-bottom: 10px;
}

.footer .logobox img{
	width: 30%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5%;
	max-width: 281px;
	margin-top: 30px;
}
.footer .logobox img:nth-child(3n) {
	margin-right: 0;
}

.footer .infobox{
	width: 64%;
	float: left;
	border-left: 1px solid #363636;
	padding-left: 25px;
	margin: 20px 0;
}

.footer .infobox font {
    padding-left: 17px;
}

.footer .infobox , .footer .infobox dd{
	display: block;
}

.footer .infobox dd{
	font-size: 13px;
	line-height: 16px;
	color: #cdcdcd;
	padding-left: 30px;
	margin-bottom: 10px;
	width: 50%;
	box-sizing: border-box;
	float: left;
}

.footer .infobox dd a{
	text-decoration: none;
	font-size: 13px;
	line-height: 16px;
	color: #cdcdcd;
}

.footer .infobox dd a:hover{
	text-decoration: underline;
}

.footer .infobox ._1{ background: url("../images/icon.png") no-repeat 0 -100px;}
.footer .infobox ._2{ background: url("../images/icon.png") no-repeat 0 -130px;}
.footer .infobox ._3{ background: url("../images/icon.png") no-repeat 0 -160px;}
.footer .infobox ._4{ background: url("../images/icon.png") no-repeat 0 -190px;}
.footer .infobox ._5{ background: url("../images/icon.png") no-repeat 0 -220px;}
.footer .infobox ._6{ background: url("../images/icon.png") no-repeat 0 -250px;}



/* 主視覺
--------------------------------------------------------------------------------------*/

.kvbox{
	width: 100%;
	/* height: 506px; */ /*20200421*/
	position: relative;
	overflow: hidden; /*20150813*/
	padding-bottom: 26%; /*20200421*/
}

.kvbox .kvmask{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
}

.kvbox [class^="kv_"]{
	display: block;
	width: 100%;
    /*float: left;*/
    /* height: 100%; */ /*20200421*/
    position: absolute;
    overflow: hidden;
}

/*.kvbox iframe, */.kvbox img{
	width: 100%; /*20200421*/
	height: auto; /*20200421*/
    /* position: absolute; */ /*20200421*/
    /* top: 0; */ /*20200421*/
    /* left: 50%; */ /*20200421*/
    /* margin-left: -960px; */ /*20200421*/
}

.dot_otter{
    width: 100%;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
}

.kvbox .dotbox{
    height: 12px;
    background: url("../images/bg_black.png") repeat left top;
    padding: 10px 15px;
    display: inline-block;
}

.kvbox .dotbox .dot{
	display: inline-block;
	width: 13px;
	height: 13px;
	padding: 0 7px;
}

.kvbox .dotbox .dot a{
	display: block;
	width: 13px;
	height: 13px;
	background: url("../images/icon.png") no-repeat 0 -70px;
}

.kvbox .dotbox .dot a:hover , .kvbox .dotbox .dot .select{
	background: url("../images/icon.png") no-repeat -100px -70px;
}







/* 內容(首頁)
--------------------------------------------------------------------------------------*/

.indbox{
	width: 100%;
	padding-top: 40px;
}

.indbox .box{
	width: 100%;
	padding-bottom: 40px;
}

.indbox .box .iconbar{
	width: 100%;
	text-align: center;
}

.indbox .box .titlebar{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	padding: 15px 0 20px;
}

.indbox .box .titlebar .line{
	width: 100%;
	height: 1px;
	background: #559ab1;
	position: absolute;
	top: 35px;
	left: 0;
}

.indbox .box .titlebar .title{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: #fff;
	position: relative;
	z-index: 2;
	padding: 0 10px;
}

.indbox .box .titlebar .title p{
	font-size: 38px;
	line-height: 1.2;
	color: #3c3d3d;
	font-weight: bold;
}

.indbox .box .titlebar .title span{
	font-size: 18px;
	line-height: 1.2;
	color: #aaaaaa;
}

.indbox .box .content{
	width: 1000px;
	margin: 0 auto;
	padding-top: 25px;
}


/*  Yahoo全媒體代理 */

/* .indbox .box._1 .item{
		width: 433px;
    position: relative;
    background: #efefef;
    margin-bottom: 15px;
    padding: 30px;
}

.indbox .box._1 .item:before{
	content: "";
	display: block;
	width: 22px;
	height: 18px;
	background: url(../images/ind_tri.gif) no-repeat left top;
	position: absolute;
	top: 0;
	right: 0;
}

.indbox .box._1 .item .txtbox{
	width: 352px;
}

.indbox .box._1 .item .txtbox .sub{
	font-size: 24px;
	line-height: 1.5;
	color: #0068b5;
	font-weight: bold;
}

.indbox .box._1 .item .txtbox span{
	display: block;
	font-size: 18px;
	line-height: 1.5;
	color: #585858;
} */

/* 集團營運方向 */

.indbox .box._1 dl , .indbox .box._1 dt , .indbox .box._1 dd{
	display: block;
}

.indbox .box._1 dt , .indbox .box._1 dd{
	float: left;
	width: 400px;
	height: 245px;
	border: 1px solid #e2e2e2;
	padding: 0 35px 10px 35px;
  margin-bottom: 50px;
  margin-top: 50px;
}

.indbox .box._1 dt{
	margin-left: 30px;
}

.indbox .box._1 .pic{
	width: 145px;
	height: 90px;
	margin: auto;
	margin-top: -48px;	
}

.indbox .box._1 .txtbox{
	padding-top: 20px;
	text-align: justify;
	width: 100%;
	margin: 0 auto; 
}

.indbox .box._1 .txtbox .sub{
	font-size: 28px;
	line-height: 1.7;
	color: #0068b5;
	font-weight: bold;
	text-align: center;
}

.indbox .box._1 .txtbox span{
	display: block;
	font-size: 17px;
	line-height: 1.7;
	color: #585858;
	letter-spacing: -1px
}



/* 提供更有效的行銷方案 */

/* .indbox .box._2 dl , .indbox .box._2 dt , .indbox .box._2 dd{
	display: block;
}

.indbox .box._2 dl a{
	text-decoration: none;
}

.indbox .box._2 dt , .indbox .box._2 dd{
	float: left;
	width: 266px;
	height: 324px;
	border: 1px solid #e7e7e7;
	padding: 18px;
	margin-bottom: 30px;
}

.indbox .box._2 dt{
	margin-right: 43px;
	margin-left: 43px;
}

.indbox .box._2 .pic{
	width: 266px;
	height: 157px;	
}

.indbox .box._2 .txtbox{
	padding-top: 20px;
	text-align: justify;
	width: 260px;
	margin: 0 auto; 
}

.indbox .box._2 .txtbox .sub{
	font-size: 28px;
	line-height: 1.7;
	color: #0068b5;
	font-weight: bold;
	text-align: center;
}

.indbox .box._2 .txtbox span{
	display: block;
	font-size: 17px;
	line-height: 1.7;
	color: #585858;
	letter-spacing: -1px
}

.indbox .box._2 dd:hover .sub , .indbox .box._2 dt:hover .sub{
    color: #f4bb2a;
} */


/* 客戶好評 */

.indbox .box._2 .listing ul:after{
	content: '';
	float: none;
	clear: both;
	width: 100%;
	display: block;
}

.indbox .box._2 .listing .page_num{
	text-align: center;
}

/* 服務六大優勢 */

.indbox .box._3 ul , .indbox .box._3 li{
	display: block;
}

.indbox .box._3 li{
	float: left;
	width: 154px;
	padding-right: 15px;
}

.indbox .box._3 .pic{
	width: 144px;
	height: 144px;
	margin: 0 auto;
}

.indbox .box._3 .txtbox{
	width: 100%;
	text-align: center;
	padding-top: 15px;
}

.indbox .box._3 .txtbox p{
	font-size: 24px;
	line-height: 1.5;
	color: #0068b5;
	font-weight: bold;
}

.indbox .box._3 .txtbox span{
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: #565656;
}

.indbox .box._3 .last{
	padding-right: 0;
}









/* 內容(內頁)
--------------------------------------------------------------------------------------*/

.page_kv{
	width: 100%;
	/* height: 257px; */ /*20200421*/
	position: relative;
}

.page_kv img{
	width: 100%; /*20200421*/
	/* position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px; */ /*20200421*/
}

.page_box{
	width: 100%;
	min-width:1100px;
	margin: 0 auto;
	padding-top: 38px;
	padding-bottom: 50px;
}

.page_box_full{
	width: 100%;
	min-width:1100px;
	margin: auto;
	padding-top: 38px;
	/*padding-bottom: 50px;*/
}

.page_box_full2{
	width: 100%;
}


/* 麵包屑 */

.breadcrumb{
	width: 100%;
	padding-bottom: 20px;
	max-width: 1000px;
	margin: 0 auto;
} 

.breadcrumb span{
	font-size: 14px;
	line-height: 1.5;
	color: #949494;
	padding-right: 2px;
}

.breadcrumb a{
	text-decoration: none;
	font-size: 14px;
	line-height: 1.5;
	color: #949494;
}

.breadcrumb a:hover , .breadcrumb a.select{
	color: #0068b5;
}


/* 內容 */

.page_box .content{
	width: 1000px;
	margin: auto;
	border-top: 5px solid #96c1df;
	padding-bottom: 50px;
}






/* 內容(內頁):關於生洋
--------------------------------------------------------------------------------------*/

.about{
	width: 100%;
}

.about .module .title{
	font-size: 38px;
	line-height: 1.5;
	color: #009fe8;
	font-weight: bold;
	text-align: center;
	padding-top: 58px;
}


/***** 公司簡介 *****/

.about .module._01{
	width: 924px; /*1000*/
	margin: 0 auto;
	padding:0 38px 40px;
}

.about .module._01 .txtbox .title{
	background: url("../images/about_module_01_bg.png") no-repeat center top;
}

.about .module._01 .txtbox p{
	font-size: 17px;
	line-height: 1.5;
	color: #636363;
	text-align: justify;
	padding-top: 8px;
	padding-bottom: 30px;
}



/***** 六大優勢 *****/

.about .module._02{
	width:100%;
	background: #f4f4f4;
	padding: 40px 0 0;
}

.about .module._02 .inner{
	width: 995px; /*1000*/
	margin: 0 auto;
	padding:0 0 40px;
}

.about .module._02 .title{
	background: url("../images/about_module_02_bg.png") no-repeat center top;
}

.about .module._02 .picbox{
	width: 995px;
	height: 666px;
	background: url("../images/about_module_02_pic.png") no-repeat center top;
	position: relative;
	margin-top: 50px;
}

.about .module._02 .picbox [class^="txt"]{
	width: 267px;
	position: absolute;
}

.about .module._02 .picbox .sub{
	font-size: 24px;
	line-height: 1.5;
	color: #009fe8;
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
}

.about .module._02 .picbox span{
	display: block;
	font-size: 17px;
	line-height: 1.5;
	color: #636363;
	text-align: justify;
}

.about .module._02 .picbox .txt_1{
	top: 30px;
	left: 151px;
}

.about .module._02 .picbox .txt_2{
	top: 30px;
	right: 47px;
}

.about .module._02 .picbox .txt_3{
	top: 275px;
	left: 151px;
}

.about .module._02 .picbox .txt_4{
	top: 275px;
	right: 47px;
}

.about .module._02 .picbox .txt_5{
	top: 514px;
	left: 151px;
}

.about .module._02 .picbox .txt_6{
	top: 514px;
	right: 47px;
}



/***** 大紀事 *****/

.about .module._03{
	padding: 40px 0 50px;
}

.about .module._03 .inner{
	width: 1000px;
	margin: 0 auto;
}

.about .module._03 .title{
	background: url("../images/about_module_03_bg.png") no-repeat center top;
}

.about .module._03 .timeline{
	width: 100%;
	height: 3491px;
	background: url("../images/aboout_timeline_bg.png") no-repeat center bottom;
	/*background: url("../images/about_timeline_bgex.jpg") no-repeat center top;*/
	position: relative;
}

.about .module._03 .timeline .year .icon , .about .module._03 .timeline .year .dot , .about .module._03 .timeline .year .line , .about .module._03 .timeline .year .txtbox{
	position: absolute;
}

.about .module._03 .timeline .year .dot{
	width: 9px;
	height: 8px;
	background: url("../images/aboout_timeline_dot.png") no-repeat center top;
	position: absolute;
	left: 495px;
}

.about .module._03 .timeline .year .line{
	width: 100px;
	height: 1px;
	overflow: hidden;
	position: absolute;
}

.about .module._03 .timeline .year .line .color{
	width: 100%;
	height: 1px;
	background: #18b4ea;
	position: absolute;
	top: 0;
}

.about .module._03 .timeline .year .line .color.left{ left:0;}
.about .module._03 .timeline .year .line .color.right{ right:0;}

.about .module._03 .timeline .year .txtbox{
	padding: 15px;
	position: absolute;
}

.about .module._03 .timeline .year .txtbox .sub{
	font-size: 18px;
	line-height: 1.5;
	color: #fff;
	font-weight: bold;
	padding-bottom: 3px;
}

.about .module._03 .timeline .year .txtbox span{
	display: block;
	font-size: 17px;
	line-height: 1.5;
	color: #fff;
    text-align: justify;
}

.about .timeline .year .txtbox span + .sub {
	margin-top: 16px;
}

.about .timeline ._2001 .icon{
	width: 195px;
	height: 85px;
	left: 285px;
	top: 110px;
}

.about .timeline ._2001 .dot{ top: 158px;}

.about .timeline ._2001 .line{
	top: 161px;
	left: 500px;
}

.about .timeline ._2001 .txtbox{ 
	width: 315px; /*345*/
	background: #f4bb2c;
	top: 105px;
	left: 596px;
}

.about .timeline ._2003 .icon{
	width: 260px;
	height: 70px;
	top: 283px;
	left: 514px;
}

.about .timeline ._2003 .dot{ top: 326px;}

.about .timeline ._2003 .line{
	top: 330px;
	left: 403px;
}

.about .timeline ._2003 .txtbox{ 
	width: 398px; /*470*/
	background: #dcba41;
	top: 273px;
	left: -18px;
}

.about .timeline ._2004 .icon{
	width: 240px;
	height: 95px;
	top: 444px;
	left: 245px;
}

.about .timeline ._2004 .dot{ top: 497px;}

.about .timeline ._2004 .line{
	width: 100px;
	top: 500px;
	left: 500px;
}

.about .timeline ._2004 .txtbox{ 
	width: 375px; /*470*/
	background: #c3b956;
	top: 445px;
	left: 596px;
}

.about .timeline ._2005 .icon{
	width: 240px;
	height: 95px;
	top: 616px;
	left: 514px;
}

.about .timeline ._2005 .dot{ top: 671px;}

.about .timeline ._2005 .line{
	width: 100px;
	top: 675px;
	left: 403px;
}

.about .timeline ._2005 .txtbox{ 
	width: 330px; /*360*/
	background: #abb96b;
	top: 618px;
	left: 47px;
}

.about .timeline ._2009 .icon{
	width: 240px;
	height: 90px;
	top: 791px;
	left: 248px;
}

.about .timeline ._2009 .dot{ top: 847px;}

.about .timeline ._2009 .line{
	width: 100px;
	top: 851px;
	left: 500px;
}

.about .timeline ._2009 .txtbox{ 
	width: 330px; /*360*/
	background: #92b880;
	top: 795px;
	left: 596px;
}

.about .timeline ._2010 .icon{
	width: 247px;
	height: 104px;
	top: 957px;
	left: 514px;
}

.about .timeline ._2010 .dot{ top: 1013px;}

.about .timeline ._2010 .line{
	width: 100px;
	top: 1017px;
	left: 403px;
}

.about .timeline ._2010 .txtbox{ 
	width: 260px; /*290*/
	background: #7ab796;
	top: 960px;
	left: 118px;
}

.about .timeline ._2011 .icon{
	width: 250px;
	height: 105px;
	top: 1120px;
	left: 229px;
}

.about .timeline ._2011 .dot{ top: 1185px;}

.about .timeline ._2011 .line{
	width: 100px;
	top: 1189px;
	left: 500px;
}

.about .timeline ._2011 .txtbox{ 
	width: 360px; /*390*/
	background: #61b6ab;
	top: 1134px;
	left: 596px;
}

.about .timeline ._2012 .icon{
	width: 300px;
	height: 105px;
	top: 1323px;
	left: 510px;
}

.about .timeline ._2012 .dot{ top: 1377px;}

.about .timeline ._2012 .line{
	width: 100px;
	top: 1381px;
	left: 403px;
}

.about .timeline ._2012 .txtbox{ 
	width: 400px; /*430*/
	background: #49b6c0;
	top: 1310px;
	left: -24px;
}

.about .timeline ._2013 .icon{
	width: 105px;
	height: 200px;
	top: 1472px;
	left: 288px;
}

.about .timeline ._2013 .dot{ top: 1531px;}

.about .timeline ._2013 .line{
	width: 100px;
	top: 1535px;
	left: 500px;
}

.about .timeline ._2013 .txtbox{ 
	width: 378px;
	background: #30b5d5;
	top: 1478px;
	left: 596px;
}

.about .timeline ._2014 .icon{
	width: 232px;
	height: 105px;
	top: 1693px;
	left: 510px;
}

.about .timeline ._2014 .dot{ top: 1750px;}

.about .timeline ._2014 .line{
	width: 100px;
	top: 1754px;
	left: 403px;
}

.about .timeline ._2014 .txtbox{ 
	width: 363px; /*393*/
	background: #18b4ea;
	top: 1650px;
	left: 14px;
}

.about .timeline ._2015 .icon{
	width: 276px;
	height: 94px;
	top: 1993px;
	left: 208px;
}

.about .timeline ._2015 .dot{ top: 2045px;}

.about .timeline ._2015 .line{
    width: 100px;
    top: 2048px;
    left: 500px;
}

.about .timeline ._2015 .txtbox{ 
    width: 363px; /*393*/
    background: #1a9ee8;
    top: 1945px;
    left: 596px;
}

.about .timeline ._2016 .icon{
    width: 212px;
    height: 109px;
    top: 2326px;
    left: 510px;
}

.about .timeline ._2016 .dot{ top: 2395px;}

.about .timeline ._2016 .line{
    width: 100px;
    top: 2399px;
    left: 403px;
}

.about .timeline ._2016 .txtbox{ 
    width: 400px; /*465*/
    background: #468adb;
    top: 2270px;
    left: -22px;
}

.about .timeline ._2017 .icon{
    width: 188px;
    height: 128px;
	 top: 2674px;
	 left: 192px;
}

.about .timeline ._2017 .dot{ top: 2703px;}

.about .timeline ._2017 .line{
    width: 100px;
    top: 2707px;
    left: 500px;
}

.about .timeline ._2017 .txtbox{ 
    width: 400px; /*465*/
    background: #466ddb;
    top: 2665px;
    left: 596px
}

.about .timeline ._2018 .icon{
    width: 236px;
    height: 107px;
	 top: 2950px;
    left: 529px;
}

.about .timeline ._2018 .dot{ top: 2974px;}

.about .timeline ._2018 .line{
    width: 100px;
	 top: 2978px;
    left: 400px;
}

.about .timeline ._2018 .txtbox{ 
    width: 400px;
    background: #5a57d3;
	 top: 2896px;
    left: -27px;
}

.about .timeline ._2019 .icon{
    width: 217px;
    height: 106px;
    top: 3177px;
    right: 515px;
}

.about .timeline ._2019 .dot{ top: 3246px;}

.about .timeline ._2019 .line{
    width: 100px;
    top: 3249px;
    right: 400px;
}

.about .timeline ._2019 .txtbox{ 
    width: 400px;
    background: #4441b2;
    top: 3168px;
    right: -27px;
}





/* 關係企業 --------------------------------------------------------------------------*/

.module._04{
    padding: 80px 0 50px;
    background: #f4f4f4;
}

.about .module._04 .maintitle {
    background: url("../images/about_module_04_bg.png") no-repeat center top;
    font-size: 38px;
    line-height: 1.5;
    color: #009fe8;
    font-weight: bold;
    text-align: center;
    padding-top: 58px;
}

.module._04 .inner{
    width: 1000px; /*20160509*/
    margin: 0 auto;
    padding: 0 40px;
}

.module._04 .center{ float: left; }

/*.module._04 .maintitle{
    background: url("../images/related_maintitle_bg_en.png") no-repeat center top;
}*/

.module._04 .picbox{
    width: 920px;
    height: 274px;
    margin: 0 auto;
}

.module._04 .txtbox{
    padding-top: 10px;
    width: 830px;
    margin: auto;
}

/*20160509*/
.module._04 .txtbox .left , .module._04 .txtbox .right , .module._04 .txtbox .center{
    width: 314px;
}

.module._04 .txtbox .center{
    margin-left: 30px;
}
/*20160509*/

.module._04 .txtbox .title{
    font-size: 21px; /*20160509*/
    line-height: 1.5;
    color: #3c3d3d;
    font-weight: bold;
    text-align: center;
    padding-top: 0;
}

.module._04 .txtbox .link{
    text-align: center;
    min-height: 30px; /*20160509*/
}

.module._04 .txtbox .link a{
    text-decoration: none;
    font-size: 18px;
    line-height: 1.5;
    color: #0777d7;
    font-weight: normal;
    border-bottom: 1px solid #0777d7;
}

.module._04 .txtbox .txt{
    width: 314px; /*20160509*/
    background: #fff;
    margin-top: 15px;
}

.module._04 .txtbox .txt .bg_top{
    background: url("../images/related_txt_bg_top2.jpg") no-repeat center top;
}

.module._04 .txtbox .txt .bg_bot{
    width: 274px; /*314*/ /*20160509*/
    background: url("../images/related_txt_bg_bot2.jpg") no-repeat center bottom;
    padding: 50px 20px 35px;
}

.module._04 .txtbox .txt .sub{
    font-size: 21px;
    line-height: 1.5;
    color: #585858;
    font-weight: bold;
}

.module._04 .txtbox .txt span{
    display: block;
    font-size: 15px;
    line-height: 1.6;
    color: #585858;
    text-align: justify;
}






/* 內容(內頁):最新消息
--------------------------------------------------------------------------------------*/

/* 列表 */

.news{
	position: relative;
}

.news .list , .news .list li{
	display: block;	
}

.news .list{
	border-bottom: 2px solid #96c1df;
	padding-top: 15px;
}

.news .list li{
	border-bottom: 1px dotted #cacaca;
	padding: 20px 0;
}

.news .list a{
	text-decoration: none;
}

.news .list li.last{
	border: none;
}

.news [class^="sort"]{
	width: 38px; /*62*/
	height: 40px; /*62*/
	font-size: 18px;
	line-height: 1.2;
	color: #000;
	text-align: center;
	padding: 11px 12px;
	position: relative;
}

.news [class^="sort"] img{
    position: absolute;
    top: 0;
    left: 0;
}

.news .sort_box{
    position: absolute;
    width: 38px;
    height: 40px;
    top: 0;
    left: 0;
}

.news .sort_1{ background: url("../images/icon_news_1.png") no-repeat left top;}
.news .sort_2{ background: url("../images/icon_news_2.png") no-repeat left top;}
.news .sort_3{ background: url("../images/icon_news_3.png") no-repeat left top;}

.news .list .txtbox{
	width: 625px;
	padding-left: 25px;
}

.news .txtbox .date{
	font-size: 13px;
	line-height: 1.5;
	color: #7ab2db;
}

.news .list .txtbox .title{
	position: relative;
	padding-bottom: 10px;
	font-size: 18px;
	line-height: 1.5;
	color: #000;
	font-weight: bold;
}

.news .list a:hover .txtbox .title{
	color: #0068b5;
}

.news .txtbox .title a{
	text-decoration: none;
	
}

.news .txtbox .title a:hover{
	color: #0068b5;
}

.news .txtbox .title .new{
	content: "";
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 21px;
	height: 21px;
	background: url("../images/icon.png") no-repeat 0 -280px;	
	vertical-align: text-bottom;
	margin-left: 10px;
}

.news .list .txtbox span{
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: #686868;
}

.news .list a:hover .txtbox span{
	color: #0068b5;
}

.news .list .txtbox span .more{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-decoration: none;
	font-size: 13px;
	line-height: 1.5;
	color: #000;
	background: url("../images/icon_1.gif") no-repeat center left; 
	padding-left: 12px;
	margin-left: 10px;
}

.news .list a:hover .txtbox span .more{
	color: #0068b5;
}

.news .list .foto{
	width: 253px;
	height: 146px;
	border: 5px solid #e5e5e5;
}

.news .list a:hover .foto{
	border: 5px solid #96c1df;
}

.content .selectbox{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: absolute;
	top: -46px;
	right: 0;
}

.content .selectbox span , .content .selectbox select{
	font-size: 14px;
	line-height: 1.5;
	color: #949494;
	vertical-align: middle;
}

.content .selectbox select{
	width: 104px;
	text-align: center;
}

.content .page_num{
	display: block;
	padding: 12px 0;
	width: 1000px;
	margin: 0 auto;
}

.content .page_num dt , .content .page_num dd{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.content .page_num dd{
	padding: 0 12px;
}

.content .page_num dd:not(:last-child) {
	border-right: 1px solid #cccccc;
}

.content .page_num dd , .content .page_num dd a{
	text-decoration: none;
	font-size: 13px;
	line-height: 23px;
	color: #848484;
}

.content .page_num dd a:hover , .content .page_num dd a.select{
	color: #0068b5;
	font-weight: bold;
}

.content .page_num dd a.select{
	text-decoration: underline;
}

.content .page_num dt{
	width: 50px;
	height: 23px;
	border: 1px solid #cccccc;
	text-align: center;
}

.content .page_num dt a{
	font-size: 12px;
	line-height: 23px;
	color: #4e4e4e;
	text-decoration: none;
}

.content .page_num dt:hover{
	background: #0068b5;
	border: 1px solid #0068b5;
}

.content .page_num dt:hover a{
	color: #fff;
}


/* 文章 */

.news .artibox{
	padding-top: 35px;
}

.news .artibox .txtbox{
	width: 842px;
	padding-left: 25px;
}

.news .artibox .title{
	font-size: 21px;
	line-height: 1.5;
	color: #000;
	font-weight: bold;
}

.news .artibox .arti{
	padding: 20px 0;
}

.news .artibox span{
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: #686868;
	padding-bottom: 20px;
}

.news .artibox .foto{
	padding-bottom: 20px;
}

.news .artibox .foto img{
	border: 8px solid #e5e5e5;
}

.news .artibox .sharebox{
	padding: 10px 0;
}

.news .artibox .sharebox .fb_like , .news .artibox .sharebox .fb_share , .news .artibox .sharebox .g_plus{
	float: left;
	margin-right: 5px;
}

.news .artibox{
	border-bottom: 2px solid #96c1df;
	padding-bottom: 50px;
}

.news .arti_menu{
	display: block;
	padding: 15px 0;
}

.news .arti_menu dt , .news .arti_menu dd{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 12px;
	line-height: 1.5;
	color: #4e4e4e;
}

.news .arti_menu dd{
	padding: 0 3px;
}

.news .arti_menu a{
	text-decoration: none;
	font-size: 12px;
	line-height: 1.5;
	color: #4e4e4e;
}

.news .arti_menu a:hover{
	color: #0068b5;
}

.news .arti_menu dt{
	width: 62px;
	height: 25px;
	background: #efefef;
	text-align: center;
}

.news .arti_menu dt:hover{
	background: #deedf8;
}

.news .arti_menu dt a{
	line-height: 25px;
}

.news .arti_menu .pre a{ 
	background: url("../images/icon_4.gif") no-repeat left center;
	padding-left: 10px;
}
.news .arti_menu .next a{ 
	background: url("../images/icon_5.gif") no-repeat right center;
	padding-right: 10px;
}






/* 內容(內頁):成功案例
--------------------------------------------------------------------------------------*/

.project{
	padding-top: 15px;
}


/* 列表 */

.project .menu{
	width: 928px; /*1000*/
	height: 96px; /*136*/
	padding: 20px 36px;
	background: url("../images/bg_menu.png") repeat left top;
}

.project .menu [class^="m"]{
	float: left;
	padding-right: 8px;
}

.project .menu [class^="m"]{
	width: 96px;
	height: 96px;
	position: relative;
}

.project .menu a{
	display: block;
	width: 96px;
	height: 96px;
	text-decoration: none;
	position: relative;
}

.project .menu a span{
	display: block;
	width: 96px;
	font-size: 16px;
	line-height: 1.5;
	color: #4f4f4f;
	font-weight: bold;
	text-align: center;
	position: absolute;
	bottom: 15px;
	left: 0;
}

/* 201500713修改 ↓ */

.project .menu a:hover span , .project .menu .select span{
	color: #fff;
}

.project .menu a .icon{
	width: 96px;
	height: 60px;
	position: relative;z-index: 10;
}

.project .menu a .ovr{ display: none;}

.project .menu a:hover .de , .project .menu .select a .de{ display: none;}
.project .menu a:hover .ovr , .project .menu .select a .ovr{ display: block;}

.project .menu a:hover:before , .project .menu .select a:before{
	content: "";
	display: block;
	width: 96px;
	height: 96px;
	background: url("../images/project_menu_ovr.png") no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
}

/*.project .menu .m01 a{ background: url("../images/menu.png") no-repeat 0 0;}
.project .menu .m02 a{ background: url("../images/menu.png") no-repeat -104px 0;}
.project .menu .m03 a{ background: url("../images/menu.png") no-repeat -208px 0;}
.project .menu .m04 a{ background: url("../images/menu.png") no-repeat -312px 0;}
.project .menu .m05 a{ background: url("../images/menu.png") no-repeat -416px 0;}
.project .menu .m06 a{ background: url("../images/menu.png") no-repeat -520px 0;}
.project .menu .m07 a{ background: url("../images/menu.png") no-repeat -624px 0;}
.project .menu .m08 a{ background: url("../images/menu.png") no-repeat -728px 0;}
.project .menu .m09 a{ background: url("../images/menu.png") no-repeat -832px 0;}

.project .menu .m01 a:hover , .project .menu .m01.select a{ background: url("../images/menu.png") no-repeat 0 -150px;}
.project .menu .m02 a:hover , .project .menu .m02.select a{ background: url("../images/menu.png") no-repeat -104px -150px;}
.project .menu .m03 a:hover , .project .menu .m03.select a{ background: url("../images/menu.png") no-repeat -208px -150px;}
.project .menu .m04 a:hover , .project .menu .m04.select a{ background: url("../images/menu.png") no-repeat -312px -150px;}
.project .menu .m05 a:hover , .project .menu .m05.select a{ background: url("../images/menu.png") no-repeat -416px -150px;}
.project .menu .m06 a:hover , .project .menu .m06.select a{ background: url("../images/menu.png") no-repeat -520px -150px;}
.project .menu .m07 a:hover , .project .menu .m07.select a{ background: url("../images/menu.png") no-repeat -624px -150px;}
.project .menu .m08 a:hover , .project .menu .m08.select a{ background: url("../images/menu.png") no-repeat -728px -150px;}
.project .menu .m09 a:hover , .project .menu .m09.select a{ background: url("../images/menu.png") no-repeat -832px -150px;}*/

/* 201500713修改 ↑ */

.project .menu .last{
	padding-right: 0;
}

.project .list{
	margin-top: 40px;
	border-top: 1px dotted #cacaca;
	border-bottom: 2px solid #96c1df;
	padding-bottom: 15px;
}

.project .list , .project .list li{
	display: block;
}

.project .list li{
	border-bottom: 1px dotted #cacaca;
	padding: 25px 0;
}

.project .list li a{
	text-decoration: none;
}

.project .list .last{
	border-bottom: none;
}

.project .list .foto{
	width: 253px;
	padding-right: 30px;
}

.project .list .foto img{
	border: 5px solid #e5e5e5;
}

.project .list li a:hover .foto img{
	border: 5px solid #96c1df;
}

.project .list .txtbox{
	width: 680px;
}

.project .list .txtbox a{
	text-decoration: none;
}

.project .list .title{
	font-size: 24px;
	line-height: 1.2;
	color: #000;
	font-weight: bold;
}

.project .list li a:hover .title{
	color: #0068b5;
}

.project .media p{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url("../images/icon_2.gif") no-repeat left center;
	padding-left: 15px;
	font-size: 11px;
	line-height: 13px;
	color: #7ab2db;
	padding-right: 8px;
}

.project .list span{
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: #686868;
	padding-top: 20px;
}

.project .list li a:hover span{
	color: #0068b5;
}

.project .list span .more{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-decoration: none;
	font-size: 13px;
	line-height: 1.5;
	color: #000;
	background: url("../images/icon_1.gif") no-repeat center left;
	padding-left: 12px;
	margin-left: 10px;
}

.project .list li a:hover span .more{
	color: #0068b5;
}



/* 文章 */

.project.noline{
	border-top: none; 
}

.project .artibox{
	border-bottom: 2px solid #96c1df;
}

.project .artibox .title{
	font-size: 32px;
	line-height: 1.5;
	color: #000;
	font-weight: bold;
	border-bottom: 5px solid #96c1df;
	text-align: center;
	padding-bottom: 5px;
}

.project .artibox .infobox{
	border-bottom: 1px dotted #cacaca;
	padding-bottom: 38px;
	padding-top: 40px;
}

.project .artibox .infobox .foto{
	width: 523px;
}

.project .artibox .infobox .foto img{
	border: 5px solid #e5e5e5;
}

.project .artibox .infobox .info{
	width: 430px;
}

.project .artibox .boss{
	width: 100%;
}

.project .artibox .sub{
	font-size: 18px;
	line-height: 1.5;
	color: #494949;
	font-weight: bold;
	padding-left: 25px;
	padding-bottom: 10px;
	line-height: 1;
}

.project .artibox .boss{
	padding-bottom: 25px;
}

.project .artibox .boss .sub{
	background: url("../images/icon.png") no-repeat 0 -320px;
}

.project .artibox span{
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: #686868;
}

.project .artibox .point , .project .artibox .point dd{
	display: block;
}

.project .artibox .point{
	background: #fffde9;
	padding: 15px 20px;
	margin-top: 30px;
}

.project .artibox .point dd{
	background: url("../images/icon_3.gif") no-repeat left center;
	padding-left: 20px;
	font-size: 14px;
	line-height: 1.6;
	color: #616161;
}

.project .artibox .arti{
	padding: 40px 0 20px;
}

.project .artibox .arti .box{
	padding-bottom: 20px;
}

.project .artibox .arti ul{
	list-style: decimal;
	font-size: 14px;
	line-height: 1.5;
	color: #686868;
	padding-left: 20px;
}

.project .artibox .arti .sub._1{ 
	background: url(../images/icon.png) no-repeat 0 -350px;
	line-height: 1.5;
	padding-bottom: 5px;
}

.project .artibox .arti .sub._2{ 
	background: url(../images/icon.png) no-repeat 0 -390px;
	line-height: 1.2;
	padding-bottom: 8px;
}

.project .artibox .arti .sub._3{ 
	background: url(../images/icon.png) no-repeat 0 -430px;
	line-height: 1.3;
	padding-bottom: 8px;
}

.project .artibox .arti li{
	padding: 1px 0;
}

.project .artibox .arti a{
	text-decoration: none;
	font-size: 14px;
	line-height: 1.5;
	color: #0068b5;
}

.project .artibox .arti a:hover{
	text-decoration: underline;
}

.project .arti_menu{
	display: block;
	padding: 15px 0;
}

.project .arti_menu dt , .project .arti_menu dd{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 12px;
	line-height: 1.5;
	color: #4e4e4e;
}

.project .arti_menu dd{
	padding: 0 3px;
}

.project .arti_menu a{
	text-decoration: none;
	font-size: 12px;
	line-height: 1.5;
	color: #4e4e4e;
}

.project .arti_menu a:hover{
	color: #0068b5;
}

.project .arti_menu dt{
	width: 62px;
	height: 25px;
	background: #efefef;
	text-align: center;
}

.project .arti_menu dt:hover{
	background: #deedf8;
}

.project .arti_menu dt a{
	line-height: 25px;
}

.project .arti_menu .pre a{ 
	background: url("../images/icon_4.gif") no-repeat left center;
	padding-left: 10px;
}
.project .arti_menu .next a{ 
	background: url("../images/icon_5.gif") no-repeat right center;
	padding-right: 10px;
}















/* 內容(內頁):客服中心
--------------------------------------------------------------------------------------*/

/*** 表單 ***/

.service .formbox{
	width: 941px;
	padding-top: 35px;
	padding-bottom: 55px;
}

.service .form{
	width: 100%;
	border-bottom: 1px dotted #cacaca;
}

.service .form .line{
	width: 100%;
	border-top: 1px dotted #cacaca;
	display: table;
}

.service .form .box_1{
	display: table-cell;
	width: 130px; /**/
	background: url("../images/bg_form.png") repeat left top;
	padding-top: 20px;
	padding-left: 21px;
	padding-bottom: 15px;
	vertical-align: top;
}

.service .form .box_2 , .service .form .box_3 , .service .form .box_4{ 
	display: table-cell;
	padding-top: 12px;
	padding-bottom: 12px;
}

.service .form .box_2{ width: 337px;}
.service .form .box_3{ width: 300px;}
.service .form .box_4{ width: 788px;}

.service .check-box{
	text-align: center;
	margin-top: 20px;
	display: block;
}
.service .check-box input, .service .check-box p{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 1.5;
	color: #3f3f3f;
}
.service .check-box input{
	width: 16px;
	height: 16px;
}
.service .check-box a{
	text-decoration: none;
	color: #1c96fc;
}



.service .form .box_1 span{
	font-size: 16px;
	line-height: 1.5;
	color: #3f3f3f;
}

.service .form .icon{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-right: 5px;
}

.service .form .icon._01{ 
	width: 14px;
	height: 12px;
	background: url("../images/icon.png") no-repeat 0 -470px;
}

.service .form .icon._02{ 
	width: 13px;
	height: 17px;
	background: url("../images/icon.png") no-repeat 0 -500px;
}

.service .form .icon._03{ 
	width: 14px;
	height: 11px;
	background: url("../images/icon.png") no-repeat 0 -530px;
}

.service .form .icon._04{ 
	width: 13px;
	height: 9px;
	background: url("../images/icon.png") no-repeat 0 -560px;
}

.service .form .icon._05{ 
	width: 15px;
	height: 16px;
	background: url("../images/icon.png") no-repeat 0 -590px;
}

.service .form .icon._06{ 
	width: 17px;
	height: 14px;
	background: url("../images/icon.png") no-repeat 0 -620px;
}

.service .form .icon._07{ 
	width: 14px;
	height: 14px;
	background: url("../images/icon.png") no-repeat 0 -650px;
}

.service .form input{
	height: 30px;
	border: 1px solid #bcbcbc;
	line-height: 1.5;
	color: #000;
	margin-left: 15px;
}

.service .form .input01{ width: 282px;} 

.service .form select{
	width: 284px;
	height: 30px;
	border: 1px solid #bcbcbc;
	line-height: 1.5;
	color: #606060;
	margin-left: 15px;
}

.service .form textarea{
	width: 520px;
	height: 152px;
	border: 1px solid #bcbcbc;
	resize: none;
	margin-left: 15px;
}


.service .form .innerbox{
	width: 755px; /*770*/
	background: #f3f2f2;
	padding: 15px 0 10px  15px; 
	margin: 10px 0 15px 15px;
}

.service .form .innerbox .tr{
	width: 100%;
	padding-bottom: 10px;
}

.service .form .innerbox .th{
	width: 85px; /*100*/
	font-size: 16px;
	line-height: 1.5;
	color: #5d5d5d;
	background: url("../images/icon_6.gif") no-repeat 0 13px;
	padding-left: 15px;
	padding-top: 5px;
}

.service .form .innerbox .th font{
	font-size: 12px;
}

.service .form .innerbox .td{
	width: 635px;
}

.service .form .innerbox .item{
	width: 153px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
	line-height: 1.5;
	color: #606060;
	
}

.service .form input[type="checkbox"],
.service .form input[type="radio"]{
    vertical-align: middle;
    margin: 0;
    margin-right: 5px;
}

.service .form .innerbox textarea{
	height: 93px;
	margin-left: 0;
}

.service .form .innerbox .input03{ 
	width: 524px;
	margin-left: 0;
}

.service .form .innerbox2{
    width: 100%;
    display: block;
    padding-left: 15px;
}

.service .form .innerbox2 .item{
    width: 90px;
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    color: #606060;
}

.service .form .input02{
	width: 128px;
}

.service .form .code{
	width: 140px;
	height: 45px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding-left: 5px;
}

.service .form .reload{
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url('../images/_icon.png') no-repeat -660px -5px;
    vertical-align: middle;
    margin-left: 5px;
}

.service .form .reload a{
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: url('../images/_icon.png') no-repeat -705px -5px;
}

.service .form .reload a:hover{
    opacity: 1;
}

.service .formbox .btnbox{
	width: 384px;
	margin: 0 auto;
	padding-top: 20px;
}

.service .formbox .btnbox a{
	display: block;
	width: 180px;
	height: 51px;
}

.service .formbox .btnbox .send a{ background: url("../images/btns.png") no-repeat 0 0;}
.service .formbox .btnbox .send a:hover{ background: url("../images/btns.png") no-repeat -300px 0;}

.service .formbox .btnbox .reset a{ background: url("../images/btns.png") no-repeat 0 -100px;}
.service .formbox .btnbox .reset a:hover{ background: url("../images/btns.png") no-repeat -300px -100px;}


/*** 地圖 ***/

.service .mapbox{
	border-bottom: 1px dotted #cacaca;
	border-top: 1px dotted #cacaca;
	padding: 30px 0;
	margin-bottom: 42px;
} 

.service .mapbox .map{
	width: 668px;
	height: 278px;
	border: 1px solid #b4b3b1;
}

.service .mapbox .txtbox{
	padding-left: 30px;
	padding-top: 40px;
}

.service .mapbox .txtbox .title{
	font-size: 24px;
	line-height: 1.5;
	color: #414141;
	font-weight: bold;
}

.service .mapbox .txtbox ul , .service .mapbox .txtbox li{
	display: block;
	font-size: 14px;
	line-height: 1.2;
	color: #414141;
}

.service .mapbox .txtbox ul{
	padding-left: 3px;
	padding-top: 15px;
}

.service .mapbox .txtbox li{
	padding-left: 18px;
	padding-bottom: 8px;
}

.service .mapbox .txtbox li a{
	text-decoration: none;
	font-size: 14px;
	line-height: 1.2;
	color: #414141;
}

.service .mapbox .txtbox li a:hover{
	text-decoration: underline;
}

.service .mapbox .txtbox ul .a{ background: url("../images/icon.png") no-repeat 0 -678px;}
.service .mapbox .txtbox ul .b{ background: url("../images/icon.png") no-repeat 0 -727px;}
.service .mapbox .txtbox ul .c{ background: url("../images/icon.png") no-repeat 0 -775px;}
.service .mapbox .txtbox ul .d{ background: url("../images/icon.png") no-repeat 0 -825px;}


/*** 匯款資訊 ***/

.service .bankbox{
	width: 944px;
	height: 200px;
	background: url("../images/bankbox_bg.jpg") no-repeat left top;
	position: relative;
}

.service .bankbox span{
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
}

.service .bankbox .t1 , .service .bankbox .t2{
	position: absolute;
	top: 122px;
}

.service .bankbox .t1{ left: 80px;}
.service .bankbox .t2{ left: 543px;}

.service .bankbox ul , .service .bankbox li{
	display: block;
	font-size: 15px;
	line-height: 1.7;
	color: #4d4d4d;
}

.service .bankbox ul{
	position: absolute;
	top: 70px;
}

.service .bankbox a{
	text-decoration: none;
	font-size: 15px;
	line-height: 1.7;
	color: #0067f4;
}

.service .bankbox a:hover{
	text-decoration: underline;
}

.service .bankbox .list01{ left: 180px}
.service .bankbox .list02{ left: 645px}
















/* 內容(內頁):成功案例_客戶好評
--------------------------------------------------------------------------------------*/

/* 列表 */

.client .listing ul , .client .listing li{
	display: block;
}

.client .listing li{
	float: left;
	width: 201px; /*201*/
	position: relative;
	border-bottom: 1px dotted #cacaca;
	padding-bottom: 40px;
	padding-top: 40px;
	padding-right: 65px;
}

.client .listing li a{
	text-decoration: none;
}

.client .listing li .pic{
	width: 201px;
	height: 201px;
	position: relative;
	margin-bottom: 15px;
}

.client .listing li:hover .pic:before{
	content: "";
	display: block;
	width: 206px;
	height: 204px;
	background: url("../images/client_list_pic_ovr.png") no-repeat left top;
	position: absolute;
	top: -3px;
	left: -4px;
	z-index: 10;
}

.client .listing li .sort{
	width: 39px;
	height: 39px;
	position: absolute;
	background: url("../images/icon.png") no-repeat 0 -880px;
	font-size: 14px;
	line-height: 39px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 12px;
	right: 0;
}

.client .listing li .txt{
	padding-bottom: 20px;
	position: relative;
}

.client .listing li .txt:before{
	content: "";
	display: block;
	width: 75px;
	height: 1px;
	background: #a9a9a9;
	position: absolute;
	bottom: 0;
	left: 0;
}

.client .listing li span{
	display: block;
	height: 65px; /*65*/
	overflow: hidden;
	font-size: 15px;
	line-height: 1.5;
	color: #010101;
}

.client .listing li a:hover span{
	color: #0068b5; 
}

.client .listing li .name{
	font-size: 14px;
	line-height: 1.5;
	color: #898989;
	padding-top: 10px;
}

.client .listing li .more{
	width: 36px;
	height: 36px;
	background: url("../images/btns.png") no-repeat 0 -200px;
	position: absolute;
	bottom: 40px;
	right: 65px;
}

.client .listing li.nospace .more{
    right: 0;
}

.client .listing li:hover .more{	
	background: url("../images/btns.png") no-repeat -300px -200px;
}

.client .listing .nospace{
	padding-right: 0;
}



/* lightbox內容 */

.lb_client{
	width: 1078px;
	height: 640px;
	background: url("../images/lb_client_bg.png") no-repeat left top;
	position: relative;
}

.lb_client .btn_x{
	width: 54px;
	height: 54px;
	position: absolute;
	top:0;
	right: 0;
}

.lb_client .btn_x a{
	display: block;
	width: 54px;
	height: 54px;
	background: url("../images/btns.png") no-repeat 0 -280px;
} 

.lb_client .btn_x a:hover{
	background: url("../images/btns.png") no-repeat -300px -280px;
}

.lb_client .box{
	width: 1000px; /*1078*/
	height: 564px; /*640*/
	padding: 52px 57px 24px 21px;
}

.lb_client .inner{
	padding: 33px 55px 33px 45px;
}

.lb_client .title{
	font-size: 22px;
	line-height: 32px;
	color: #0068b5;
	font-weight: bold;
	background: url("../images/icon.png") no-repeat 0 -950px;
	padding-left: 45px;
	border-bottom: 1px solid #aeaeae;padding-bottom: 10px;
}

.lb_client .allfoto{
	width: 100%;
	text-align: center;
	padding-top: 30px;
}

.lb_client .fotobox_1{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 357px;
	height: 433px;
	background: url("../images/lb_client_foto_bg_1.png") no-repeat left top;
	position: relative;
}

.lb_client .fotobox_2{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 481px;
	height: 439px;
	background: url("../images/lb_client_foto_bg_2.png") no-repeat 0 6px;
	position: relative;
}

.lb_client .foto{
	position: absolute;
	top: 14px;
}

.lb_client .fotobox_1 .foto{ 
	top: 14px;
	left: 14px;
}

.lb_client .fotobox_2 .foto{ 
	top: 19px;
	left: 14px;
}

.lb_client .fotobox_2:before{
	content: "";
	display: block;
	width: 64px;
	height: 75px;
	background: url("../images/lb_client_tape.png") no-repeat left top;
	position: absolute;
	top: -18px;
	right: -18px;
	z-index: 10;
}









/* 內容(內頁):專業團隊
--------------------------------------------------------------------------------------*/

.content.team{
	width: 100%;
	border-top: none;
	padding-bottom: 50px;
}


/* 選單 */

.team .menu{
	width: 1000px;
	margin: 0 auto;
	border-top: 2px solid #96c1df;
	/*padding-top: 35px;*/
}

.team .menu ul , .team .menu li{
	display: block;
}

.team .menu li{
	float: left;
	width: 199px;
	border-right: 1px solid #dedede;
	margin-bottom: 45px;
	margin-top: 35px;
	position: relative;
}

.team .menu a{
	text-decoration: none;
}

.team .menu .noline{
	border-right: none;
}

.team .menu .icon , .team .menu .txt{
	text-align: center;
}

.team .menu .icon .ovr{ display: none;}
.team .menu li:hover .icon .de , .team .menu li.select .icon .de{ display: none;}
.team .menu li:hover .icon .ovr , .team .menu li.select .icon .ovr{ display: inline-block;}

.team .menu .txt{
	font-size: 16px;
	line-height: 1.5;
	color: #929292;
	font-weight: bold;
	padding-top: 12px;
}

.team .menu li:hover .txt , .team .menu li.select .txt{
	color: #0068b5;
}

.team .menu li:hover:before , .team .menu li.select:before{
	content: "";
	width: 100%;
	height: 5px;
	background: #0068b5;
	position: absolute;
	left: 0;
	bottom: -45px;
}


/* 列表 */

.team .listing{
	width: 100%;
	background: #fafafa;
	border-top: 1px solid #cdcdcd;
	padding-top: 20px;
}

.team .listing .line{
	width: 1000px;
	margin: 0 auto;
}

.team .listing .box{
	float: left;
	width: 213px; /*243*/
	height: 293px; /*323*/
	margin-right: 9px;
	/*margin-bottom: 10px;*/
	padding: 15px;
	position: relative;
	background: #e9e9e9;
}

.team .listing .box a{
	text-decoration: none;
}

.team .listing .title{
	font-size: 16px;
	line-height: 1.5;
	color: #000;
	background: url("../images/team_list_title_bg.png") no-repeat left center;
	padding-left: 15px;
	font-weight: bold;
}

.team .listing .title img{
	padding-right: 1px;
}

.team .listing .name{
	font-size: 21px;
	line-height: 1.5;
	color: #000;
	font-weight: bold;
}

.team .listing .foto{
    width: 243px;
    height: 232px;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.team .listing .foto img{
    display: block;
    width: 118%;
    height: auto;
    position: absolute;
    left: -9%;
    bottom: -12%;
}

.team .listing .iconbox{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: absolute;
	top: 16px;
	right: 10px;
}

.team .listing .iconbox dd{
    display: block;
    float: left;
    width: 19px;
    height: 19px;
    background: url("../images/team_list_icon_bg.png") no-repeat left top;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    margin-right: 4px;
}

.team .listing .box.select{
	margin-bottom: 10px;
}

.team .listing .box.select:before{
	content: "";
	display: block;
	width: 24px;
	height: 12px;
	background: url("../images/team_openbox_tri.png") no-repeat left top;
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -12px;
}

.team .listing .box:hover , .team .listing .box.select{
	background: #e9e9e9 url("../images/team_list_bg_ovr.jpg") no-repeat left top;
}

.team .listing .box:hover .title , .team .listing .box.select .title{
	background: url("../images/team_list_title_bg_ovr.png") no-repeat left center;
	color: #fff;
}

.team .listing .box:hover .name , .team .listing .box.select .name{
	color: #fff;
}

.team .listing .nospace{
	margin-right: 0;
}

.team .listing .openbox{
	width: 100%;
	height: 525px;
	position: relative;
	background: #e6e6e6;
	margin-bottom: 10px;
	margin-top: 2px;
	overflow: hidden;
}

.team .listing .openbox .tri{
	width: 24px;
	height: 12px;
	background: url("../images/team_openbox_tri.png") no-repeat left top;
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: 114px;
}

.team .listing .openbox .inner{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.team .listing .openbox .btn_x{
	width: 45px;
	height: 46px;
	position: absolute;
	top: 15px;
	right: 3px;
}

.team .listing .openbox .btn_x a{
	display: block;
	width: 45px;
	height: 46px;
	background: url("../images/btns.png") no-repeat 0 -350px;
}

.team .listing .openbox .btn_x a:hover{
	background: url("../images/btns.png") no-repeat -300px -350px;
}

.team .listing .openbox .mainfoto{
	float: left;
	width: 550px;
	height: 52px;
}

.team .listing .openbox .txtbox{
	float: right;
	width: 300px;
	padding-right: 38px;
	padding-top: 85px;
}

.team .listing .openbox .txtbox span{
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: #696868;
}

.team .listing .openbox .list_data , .team .listing .openbox .list_iden{
	padding-top: 15px;
	font-size: 14px;
	line-height: 1.5;
	color: #343434;
	padding-left: 4px;
}

.team .listing .openbox .list_data>div{
	padding-left: 25px;
	margin: 7px 0;
}

.team .listing .openbox .list_data .mail{ background: url("../images/team_openbox_icon_1.jpg") no-repeat left center;}
.team .listing .openbox .list_data .phone{ background: url("../images/team_openbox_icon_2.jpg") no-repeat left center;}
.team .listing .openbox .list_data .mobile{ background: url("../images/team_openbox_icon_3.jpg") no-repeat left center;}

.team .listing .openbox .list_iden>div{
	margin: 7px 0;
}

/* -----edit_20150804 */
.team .listing .openbox .list_iden .icon{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 19px;
	height: 19px;
	background: url("../images/team_list_icon_bg.png") no-repeat left top;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	margin-right: 7px;
}
/* edit_20150804----- */

.team .listing .openbox .namebox{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: absolute;
	top: 87px;
	left: 485px;
}

.team .listing .openbox .namebox .tit{
	font-size: 36px;
	line-height: 1;
	color: #0068b5;
	font-weight: bold;
	padding-bottom: 5px;
}

.team .listing .openbox .namebox .ch{
	font-size: 36px;
	line-height: 1;
	color: #343434;
}

.team .listing .openbox .namebox .en{
	font-size: 30px;
	line-height: 1;
	color: #343434;
}













/* 內容(內頁):產業達人
--------------------------------------------------------------------------------------*/

.content.expert{
	width: 100%;
	border-top: none;
	background: #fafafa;
	padding-bottom: 50px;
}


/* 選單 */

.expert .menu{
	width: 100%;
	margin: 0 auto;
	border-top: 2px solid #96c1df;
	background: #fff;
	position: relative;
	z-index: 20;
}

.expert .menu .inner{
	width: 1000px;
	margin: 0 auto;
}

.expert .menu ul , .expert .menu li{
	display: block;
}

.expert .menu li{
	float: left;
	width: 199px;
	border-right: 1px solid #dedede;
	margin-bottom: 45px;
	margin-top: 35px;
	position: relative;
}

.expert .menu a{
	text-decoration: none;
}

.expert .menu .noline{
	border-right: none;
}

.expert .menu .icon , .expert .menu .txt{
	text-align: center;
}

.expert .menu .icon .ovr{ display: none;}
.expert .menu li:hover .icon .de , .expert .menu li.select .icon .de{ display: none;}
.expert .menu li:hover .icon .ovr , .expert .menu li.select .icon .ovr{ display: inline-block;}

.expert .menu .txt{
	font-size: 20px;
	line-height: 1.5;
	color: #929292;
	font-weight: bold;
	padding-top: 5px;
}

.expert .menu li:hover .txt , .expert .menu li.select .txt{
	color: #0068b5;
}

.expert .menu li:hover:before , .expert .menu li.select:before{
	content: "";
	width: 100%;
	height: 5px;
	background: #0068b5;
	position: absolute;
	left: 0;
	bottom: -45px;
}


/* 列表 */

.expert .listing{
	width: 100%;
	background: #fafafa;
	/*border-top: 1px solid #cdcdcd;*/
	position: relative;
}

.expert .listing:before{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #cdcdcd;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
}

.expert .listing .inner{
	width: 1000px;
	margin: 0 auto;
	padding-top: 80px;
}

.expert .listing .box{
	position: relative;
	/*min-height: 295px;*/
	padding-bottom: 70px;
}

.expert .listing .box._01:before{
	content: "";
	display: block;
	width: 1920px;
	height: 658px;
	background: url("../images/expert_list_bg_white.png") no-repeat left top;
	position: absolute;
	top: -165px;
	right: -460px;
}

.expert .listing .box._02:before{
	content: "";
	display: block;
	width: 1920px;
	height: 556px;
	background: url("../images/expert_list_bg_gray.png") no-repeat left top;
	position: absolute;
	top: -165px;
	left: -460px;
}

.expert .listing .box .txtbox{
	width: 660px;
	position: relative;
	z-index: 10;
}

.expert .listing .box._01 .txtbox{ float: right;}
.expert .listing .box._02 .txtbox{ float: left;}

.expert .listing .box .icon{
	width: 62px;
	height: 62px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-right: 5px;
}

.expert .listing .box .title{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

.expert .listing .box .sort{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 24px;
	line-height: 1.5;
	font-weight: bold;
}

.expert .listing .box_01 .sort{ color: #ff7979;}
.expert .listing .box_02 .sort{ color: #46aaf7;}

.expert .listing .box .name{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 24px;
	line-height: 1.5;
	color: #343434;
	font-weight: bold;
}

.expert .listing .box .sub{
	font-size: 18px;
	line-height: 1.5;
	color: #636363;
	font-weight: bold;
}

.expert .listing .box span{
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: #686868;
	padding-top: 20px;
}

.expert .listing .box .result{
	padding-top: 20px;
}

.expert .listing .box .result p{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
	line-height: 1.5;
	color: #8d9e54;
	vertical-align: top;
	padding-right: 10px;
}

.expert .listing .box .result ul{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	/*border-left: 1px solid #8b8b8b;*/
	padding-left: 10px;
	position: relative;
}

.expert .listing .box .result ul:before{
	content: "";
	display: block;
	width: 1px;
	height: 85%;
	position: absolute;
	top: 10%;
	left: 0;
	background: #8b8b8b;
}

.expert .listing .box .result li{
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: #686868;
}

.expert .listing .box .peo{
	width: 322px;
	/*height: 305px;*/
	min-height: 305px;
	position: absolute;
	top: -55px;
}

.expert .listing .box._01 .peo{ left: 0;}
.expert .listing .box._02 .peo{ right: 0;}

.expert .listing .box._01._last .peo:before{
	content: "";
	display: block;
	width: 322px;
	height: 63px;
	background: url("../images/expert_list_peo_ovr1.png") no-repeat left top;
	position: absolute;
	bottom: 0;
	right: 0;
}

.expert .listing .box._02._last .peo:before{
	content: "";
	display: block;
	width: 322px;
	height: 45px;
	background: url("../images/expert_list_peo_ovr2.png") no-repeat left top;
	position: absolute;
	bottom: 0;
	right: 0;
}

.expert .page_num{
	padding-top: 50px;
	position: relative;
	z-index: 50;
}













/* 內容(內頁):服務項目
--------------------------------------------------------------------------------------*/

.content.product{
	width: 100%;
	border-top: none;
	background: #fff;
    padding-top: 150px; /*20151123*/
}

.breadcrumb.orange a:hover , .breadcrumb.orange a.select{
	color: #E5A72C;
}

.breadcrumb.orange2 a:hover , .breadcrumb.orange2 a.select{
	color: #ec804f;
}


.product .submenu{
	width: 100%;
	border-bottom: 6px solid #353535;
}

.product .submenu ul , .product .submenu li , .product .submenu a{
	display: block;
}

.product .submenu ul{
	width: 1000px;
	margin: 0 auto;
}

.product .submenu li{
	float: left;
	margin-right: 14px;
}

.product .submenu a{
	width: 112px;
	height: 171px;
}

.product .submenu .m01 a{ background: url("../images/menu.png") no-repeat 0 -350px;}
.product .submenu .m02 a{ background: url("../images/menu.png") no-repeat -129px -350px;}
.product .submenu .m03 a{ background: url("../images/menu.png") no-repeat -255px -350px;}
.product .submenu .m04 a{ background: url("../images/menu.png") no-repeat -382px -350px;}
.product .submenu .m05 a{ background: url("../images/menu.png") no-repeat -509px -350px;}
.product .submenu .m06 a{ background: url("../images/menu.png") no-repeat -635px -350px;}
.product .submenu .m07 a{ background: url("../images/menu.png") no-repeat -762px -350px;}
.product .submenu .m08 a{ background: url("../images/menu.png") no-repeat -888px -350px;}

.product .submenu .m01 a:hover , .product .submenu .m01 a.select{ background: url("../images/menu.png") no-repeat 0 -550px;}
.product .submenu .m02 a:hover , .product .submenu .m02 a.select{ background: url("../images/menu.png") no-repeat -129px -550px;}
.product .submenu .m03 a:hover , .product .submenu .m03 a.select{ background: url("../images/menu.png") no-repeat -255px -550px;}
.product .submenu .m04 a:hover , .product .submenu .m04 a.select{ background: url("../images/menu.png") no-repeat -382px -550px;}
.product .submenu .m05 a:hover , .product .submenu .m05 a.select{ background: url("../images/menu.png") no-repeat -509px -550px;}
.product .submenu .m06 a:hover , .product .submenu .m06 a.select{ background: url("../images/menu.png") no-repeat -635px -550px;}
.product .submenu .m07 a:hover , .product .submenu .m07 a.select{ background: url("../images/menu.png") no-repeat -762px -550px;}
.product .submenu .m08 a:hover , .product .submenu .m08 a.select{ background: url("../images/menu.png") no-repeat -888px -550px;}

.product .submenu .nospace{
	margin-right: 0;
}

.product .submenuinner{
	width: 100%;
	background: #353535;
}

.product .submenuinner .inner{
	width: 640px; /*1000*/
	margin: 0 auto;
	padding: 4px 0 8px 360px;
}

.product .submenuinner .sb01 , .product .submenuinner .sb02{
	float: left;
	width: 155px;
	height: 44px;
}

.product .submenuinner a{
	display: block;
	width: 155px;
	height: 44px;
}

.product .submenuinner .sb01{ padding-right: 16px;}

.product .submenuinner .sb01 a{ background: url("../images/menu.png") no-repeat 0 -750px;}
.product .submenuinner .sb02 a{ background: url("../images/menu.png") no-repeat -200px -750px;}

.product .submenuinner .sb01 a:hover , .product .submenuinner .sb01 a.select{ background: url("../images/menu.png") no-repeat 0 -800px;}
.product .submenuinner .sb02 a:hover , .product .submenuinner .sb02 a.select{ background: url("../images/menu.png") no-repeat -200px -800px;}


.product .module{
	width: 100%;
	/*border-top: 6px solid #353535;*/
}

.product .module .picbox{
	width: 100%;
	max-width: 950px;
	margin: auto;
}

.product .module .picbox img{
	width: 100%;
	height: auto;
}

.product .black_line{
    border-top: 6px solid #353535;
}

.product .module .inner{
	width: 1000px;
	margin: 0 auto;
}


.product .module .maintitle{
	font-size: 38px;
	line-height: 1.5;
	color: #4f4f4f;
	font-weight: bold;
	text-align: center;
}

.product .module .maintitle font{
	font-size: 30px;
}


.product .title{
	width: 100%;
	position: relative;
	text-align: center;
	padding-bottom: 75px;
}

.product .title span{
	display: block;
	font-size: 38px; 
	line-height: 1;
	font-weight: bold;
	text-align: center;
	position: relative;
}

.product .title:before{
	content: "";
	display: block;
	width: 160px;
	height: 6px;
    background: #500095;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -80px;
}

.product .title span:before{
	content: "";
	display: block;
	width: 30px;
	height: 16px;
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin-left: -15px;
}




/***** 1_1_關鍵字廣告 ******/

.product .module._1_1{ 
	background: url("../images/bg_porduct_3_1.jpg") no-repeat center top #fff;
	padding-bottom: 18px;
}
.product .module._1_1 .inner{
	padding: 30px 70px;
	width: 860px;
}

.product .module._1_1 p{
	font-size: 16px;
	line-height: 1.5;
	color: #424242;
	position: relative;
	letter-spacing: 2px;
}

.product .module._1_1 p:before{
	content: "";
	display: block;
	width: 13px;
	height: 8px;
	background: url("../images/icon_7.png") no-repeat left top;
	position: absolute;
	top: 8px;
	left: 94px;
}

.product .module._1_1 .pic{
	width: 100%;
	text-align: center;
	border-top: 1px solid #9f9e9d;
	border-bottom: 1px solid #9f9e9d;
	padding: 25px 0 35px;
}

.product .module._1_1 .videobox{
	width: 552px;
	margin: 0 auto;
	padding-top: 30px;
}

.product .module._1_1 .videobox span{
	display: block;
	font-size: 18px;
	line-height: 1.5;
	color: #4f4f4f;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;

}

.product .module._1_1 .videobox .video{
	width: 552px;
	height: 306px;
}




/* 1_2_廣告特色 */ 

.product .module._1_2{
	padding-bottom: 70px;
}

.product .module._1_2 .title:before{ background: #72a53c;} 
.product .module._1_2 .title span{ color: #72a53c; }
.product .module._1_2 .title span:before{ background: url("../images/icon_12.png") no-repeat center top;}

.product .module._1_2 .picbox{
	width: 100%;
	text-align: center;
}



/* 1_3_功能升級 */ 

.product .module._1_3{ 
	/* background: url("../images/bg_porduct_3_3.jpg") no-repeat center top #fff; */
    background: #e9e9ea;
	padding-bottom: 65px;
}

.product .module._1_3 .title:before{ background: #ee664b;} 
.product .module._1_3 .title span{ color: #ee664b; }
.product .module._1_3 .title span:before{ background: url("../images/icon_13.png") no-repeat center top;}

.product .module._1_3 .picbox{
	width: 100%;
	text-align: center;
}




/* 1_4_版位介紹 */ 

.product .module._1_4{
	padding-bottom: 60px;
}

.product .module._1_4 .title:before{ background: #186ced;} 
.product .module._1_4 .title span{ color: #186ced; }
.product .module._1_4 .title span:before{ background: url("../images/icon_14.png") no-repeat center top;}

.product .module._1_4 .picbox{
	width: 100%;
	text-align: center;
}





/***** 2_1_yahoo原生廣告 ******/

.product .module._2_1{ 
	background: url("../images/bg_porduct_3_1.jpg") no-repeat center top #fff;
	padding-bottom: 18px;
}

.product .module._2_1 .inner{
	padding: 30px 70px;
	width: 860px;
}

.product .module._2_1 p{
	font-size: 16px;
	line-height: 1.5;
	color: #424242;
	position: relative;
	letter-spacing: 2px;
}

.product .module._2_1 p:before{
	content: "";
	display: block;
	width: 13px;
	height: 8px;
	background: url("../images/icon_7.png") no-repeat left top;
	position: absolute;
	top: 8px;
	left: 94px;
}

.product .module._2_1 .pic{
	width: 100%;
	text-align: center;
	border-top: 1px solid #9f9e9d;
	border-bottom: 1px solid #9f9e9d;
	padding: 25px 0 35px;
}

.product .module._2_1 .videobox{
	width: 552px;
	margin: 0 auto;
	padding-top: 30px;
}

.product .module._2_1 .videobox span{
	display: block;
	font-size: 18px;
	line-height: 1.5;
	color: #4f4f4f;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;

}

.product .module._2_1 .videobox .video{
	width: 552px;
	height: 306px;
}



/* 2_2_廣告特色 */ 

.product .module._2_2{
	padding-bottom: 70px;
}

.product .module._2_2 .title:before{ background: #0168b5;} 
.product .module._2_2 .title span{ color: #0168b5; }
.product .module._2_2 .title span:before{ background: url("../images/icon_31.png") no-repeat center top;}

.product .module._2_2 .picbox{
	width: 100%;
	text-align: center;
}



/* 2_3_廣告類型 */ 

.product .module._2_3{
    background: #fff;
	 padding-bottom: 70px;
	 
    background: url("../images/bg_porduct_6_3.jpg") no-repeat center top;
    padding-bottom: 70px;
}

.product .module._2_3 .title:before{ background: #6d38af} 
.product .module._2_3 .title span{ color: #6d38af }
.product .module._2_3 .title span:before{ background: url("../images/icon_32.png") no-repeat center top;}

.product .module._2_3 .picbox{
    width: 100%;
    text-align: center;
}



/* 2_4_計價方式 */ 

.product .module._2_4{
	padding-bottom: 60px;
}

.product .module._2_4 .title:before{ background: #ee664b} 
.product .module._2_4 .title span{ color: #ee664b }
.product .module._2_4 .title span:before{ background: url("../images/icon_13.png") no-repeat center top;}

.product .module._2_4 .picbox{
    width: 100%;
    text-align: center;
}



/* 2_5_多種受眾組合 */ 

.product .module._2_5{
	/* padding-bottom: 60px; */
	background: url("../images/bg_porduct_3_3.jpg") no-repeat center top;
	padding-bottom: 120px;
}

.product .module._2_5 .title:before{ background: #3b9ba9} 
.product .module._2_5 .title span{ color: #3b9ba9 }
.product .module._2_5 .title span:before{ background: url("../images/icon_33.png") no-repeat center top;}

.product .module._2_5 .picbox{
	width: 100%;
	text-align: center;
}




/* 2_6_廣告應用與目標 */ 

.product .module._2_6{
	padding-bottom: 60px;
}

.product .module._2_6 .title:before{ background: #e1b01b;} 
.product .module._2_6 .title span{ color: #e1b01b; }
.product .module._2_6 .title span:before{ background: url("../images/icon_42.png") no-repeat center top;}

.product .module._2_6 .picbox{
	width: 100%;
	text-align: center;
}


/* 2_7_廣告版位&產品優勢 */ 

.product .module._2_7{
	padding-bottom: 60px;
	background: #f4f4f4;
}

.product .module._2_7 .title:before{ background: #186ced;} 
.product .module._2_7 .title span{ color: #186ced; }
.product .module._2_7 .title span:before{ background: url("../images/icon_14.png") no-repeat center top;}

.product .module._2_7 .picbox{
	width: 100%;
	text-align: center;
}


/* 2_8_廣告規格 */ 

.product .module._2_8{
	padding-bottom: 120px;
}

.product .module._2_8 .title:before{ background: #9cbc24;} 
.product .module._2_8 .title span{ color: #9cbc24; }
.product .module._2_8 .title span:before{ background: url("../images/icon_29.png") no-repeat center top;}

.product .module._8 .picbox{
	width: 100%;
	text-align: center;
}






/***** 3_1_yahoo圖像廣告 ******/

.product .module._3_1{ 
	background: url("../images/bg_porduct_3_1.jpg") no-repeat center top #fff;
}

.product .module._3_1 .inner{
	padding: 30px 70px;
	width: 860px;
}

.product .module._3_1 p{
	font-size: 16px;
	line-height: 1.5;
	color: #424242;
	position: relative;
	letter-spacing: 2px;
}

.product .module._3_1 p:before{
	content: "";
	display: block;
	width: 13px;
	height: 8px;
	background: url("../images/icon_7.png") no-repeat left top;
	position: absolute;
	top: 8px;
	left: 94px;
}

 .product .module._3_1 .pic{
 	width: 100%;
 	text-align: center;
 	border-top: 1px solid #9f9e9d;
 	border-bottom: 1px solid #9f9e9d;
 	padding: 25px 0 35px;
 }

.product .module._3_1 .maindesc{
  	display: block;
  	font-size: 17px;
  	line-height: 1.5;
  	color: #636363;
  	text-align: justify;
  	padding-top: 30px;
}


/* 3_2_廣告優勢 */

.product .module._3_2{
	padding-bottom: 50px;
}

.product .module._3_2 .title:before{ background: #046991;} 
.product .module._3_2 .title span{ color: #046991; }
.product .module._3_2 .title span:before{ background: url("../images/icon_8.png") no-repeat center top;}

.product .module._3_2 .picbox{
	width: 835px;
	height: 415px;
	margin: 0 auto;
	background: url("../images/product_pic_3_2.png") no-repeat center top;
	position: relative;
}

.product .module._3_2 .picbox [class^="txt"]{
	font-size: 21px;
	line-height: 1.5;
	color: #686868;
	font-weight: bold;
	letter-spacing: 1px;
	position: absolute;
}

.product .module._3_2 .picbox .txt1{
	top: 70px;
	left: 3px;
}

.product .module._3_2 .picbox .txt2{
	top: 70px;
	right: 42px;
}

.product .module._3_2 .picbox .txt3{
	top: 295px;
	left: 25px;
}

.product .module._3_2 .picbox .txt4{
	top: 295px;
	right: 0px;
}

.product .module._3_2 .listing , .product .module._3_2 .listing li{
	display: block;
}

.product .module._3_2 .listing{
	width: 795px;
	margin: 0 auto;
	padding-top: 45px;
}

.product .module._3_2 .listing li{
	width: 739px; /*795*/
	border: 1px solid #cae8f1;
	padding: 25px 28px;
	margin-bottom: 10px;
}

.product .module._3_2 .listing .sub{
	font-size: 20px;
	line-height: 1;
	color: #2ca2c6;
	font-weight: bold;
	padding-bottom: 6px;
}

.product .module._3_2 .listing span{
    display: block;
    font-size: 17px;
    line-height: 1.5;
    color: #3f3f3f;
    text-align: center;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
    text-align: justify;
}


/* 3_3_計價方式 */

.product .module._3_3{ 
	background: url("../images/bg_porduct_3_3.jpg") no-repeat center top #fff;
}

.product .module._3_3 .title:before{ background: #90b44b;} 
.product .module._3_3 .title span{ color: #90b44b; }
.product .module._3_3 .title span:before{ background: url("../images/icon_9.png") no-repeat center top;}

.product .module._3_3 .picbox{
	width: 100%;
	height: 525px;
	text-align: center;
}


/* 3_4_廣告版位 */ 

.product .module._3_4{
	padding-bottom: 50px;
}

.product .module._3_4 .title:before{ background: #0168b5;} 
.product .module._3_4 .title span{ color: #0168b5; }
.product .module._3_4 .title span:before{ background: url("../images/icon_10.png") no-repeat center top;}

.product .module._3_4 .picbox{
	width: 100%;
	/*background: url("../images/product_pic_3_4.png") no-repeat center top;*/
	position: relative;
	text-align: center;
}

.product .module._3_4 .picbox [class^="txt"]{
	width: 100%;
	font-size: 24px;
	line-height: 1;
	color: #0168b5;
	font-weight: bold;
	position: absolute;
	text-align: center;
	left: 0;
}

.product .module._3_4 .picbox .txt1{ top: 65px;}
.product .module._3_4 .picbox .txt2{ top: 1180px;}


/* 3_5_鋪天蓋地聯播網 */ 

.product .module._3_5{ 
	background: url("../images/bg_porduct_3_5.jpg") no-repeat center top #fff;
	padding-bottom: 20px;
}

.product .module._3_5 .title:before{ background: #500095;} 
.product .module._3_5 .title span{ color: #500095; }
.product .module._3_5 .title span:before{ background: url("../images/icon_11.png") no-repeat center top;}

.product .module._3_5 .picbox{
	width: 1000px;
	height:675px;
	margin: 0 auto;
	background: url("../images/product_pic_3_5.png") no-repeat center top;
	position: relative;
}

.product .module._3_5 .picbox .txt1{
	width: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 1;
	color: #3a3a3a;
	position: absolute;
	top: 0;
	left: 0;
}

.product .module._3_5 .picbox .txt2{
	width: 100%;
	font-size: 18px;
	line-height: 1.5;
	color: #5e5e5e;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 625px;
	left: 0;
}

.product .module._3_5 .picbox .txt2 a{
	font-size: 18px;
	line-height: 1.5;
	color: #5e5e5e;
	padding-right: 20px;
	font-weight: normal;
}

.product .module._3_5 .picbox .txt2 a:hover{
	text-decoration: none;
}






/***** 4_1_Yahoo超級商城 ******/

.product .module._4_1_1{ 
	background: url("../images/bg_porduct_3_1.jpg") no-repeat center top #fff;
}

.product .module._4_1_1 .inner{
	width: 850px; /*1000*/
	padding: 30px 75px;
}

.product .module._4_1_1 .txtbox , .product .module._4_1_1 .txtbox li{
	display: block;
}

.product .module._4_1_1 .txtbox{
	border-top: 1px solid #9d9e9f;
	padding-top: 35px;
	margin-top: 30px;
}

.product .module._4_1_1 .txtbox li{
	padding-bottom: 35px;
}

.product .module._4_1_1 .txtbox .sub{
	font-size: 18px;
	line-height: 1.5;
	color: #d18839;
	font-weight: bold;
}

.product .module._4_1_1 .txtbox span{
	display: block;
	font-size: 18px;
	line-height: 1.5;
	color: #4f4f4f;
}



/* 4_1_2_超級商城二大平台 */

.product .module._4_1_2{
	padding-bottom: 70px;
}

.product .module._4_1_2 .title:before{ background: #72a53c;} 
.product .module._4_1_2 .title span{ color: #72a53c;}
.product .module._4_1_2 .title span:before{ background: url("../images/icon_15.png") no-repeat center top;}

.product .module._4_1_2 .picbox{
	text-align: center;
}



/* 4_1_3_超級商城優勢 */

.product .module._4_1_3{
	padding-bottom: 70px;
	background: url("../images/bg_porduct_4_1_3.jpg") no-repeat center top #fff;
}

.product .module._4_1_3 .title:before{ background: #ee664b;} 
.product .module._4_1_3 .title span{ color: #ee664b; }
.product .module._4_1_3 .title span:before{ background: url("../images/icon_16.png") no-repeat center top;}

.product .module._4_1_3 .picbox{
	text-align: center;
}



/* 4_1_4_超級商城優勢 */

.product .module._4_1_4{
	padding-bottom: 65px;
}

.product .module._4_1_4 .title:before{ background: #74b727;} 
.product .module._4_1_4 .title span{ color: #74b727; }
.product .module._4_1_4 .title span:before{ background: url("../images/icon_17.png") no-repeat center top;}

.product .module._4_1_4 .picbox{
	text-align: center;
}


/* 4_1_5_超級商城開店費用說明 */

.product .module._4_1_5{
	background: #efefef;
	padding-bottom: 60px;
}

.product .module._4_1_5 .title:before{ background: #0168b5;} 
.product .module._4_1_5 .title span{ color: #0168b5; }
.product .module._4_1_5 .title span:before{ background: url("../images/icon_18.png") no-repeat center top;}

.product .module._4_1_5 .picbox{
	text-align: center;
}

.product .module._4_1_5 .word{
    font-size: 20px;
    line-height: 40px;
    color: #444444;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
}

.product .module._4_1_5 .word2{
    font-size: 17px;
    line-height: 40px;
    color: #444444;
    text-align: center;
    padding-top: 20px;
}

.product .module._4_1_5 .word2 a{
    color: #444444;
    text-decoration: none;
    border-bottom: 1px solid #444444;
}

.product .module._4_1_5 .word2 a:hover{
    border: none;
}

.btn_storemore{
    display: inline-block;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
    background: #0068b5;
    padding: 0 20px;
    text-decoration: none;
}

.btn_storemore:hover{
    background: #127fd0;
}





/***** 4_2_電子商務代操 ******/

.product .module._4_2_1{ 
	background: url("../images/bg_porduct_4_2_1.jpg") no-repeat left top #fff;
	padding-bottom: 50px;
}

.product .module._4_2_1 .inner{
	padding: 30px 70px;
	width: 860px;
}

.product .module._4_2_1 p{
	font-size: 16px;
	line-height: 1.5;
	color: #424242;
	position: relative;
	letter-spacing: 2px;
}

.product .module._4_2_1 p:before{
	content: "";
	display: block;
	width: 13px;
	height: 8px;
	background: url("../images/icon_7.png") no-repeat center top;
	position: absolute;
	top: 8px;
	left: 94px;
}

.product .module._4_2_1 .pic{
	width: 100%;
	text-align: center;
	border-top: 1px solid #9f9e9d;
	border-bottom: 1px solid #9f9e9d;
	padding: 25px 0 35px;
}

.product .module._4_2_1 .picbox{
	padding-top: 30px;
}

.product .module._4_2_1 .maindesc{
	display: block;
	font-size: 17px;
	line-height: 1.5;
	color: #636363;
	text-align: justify;
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #9f9e9d;
}


/* 4_2_2_電商代營運整合服務 */

.product .module._4_2_2{
	padding-bottom: 70px;
}

.product .module._4_2_2 .title:before{ background: #f79c1d;} 
.product .module._4_2_2 .title span{ color: #f79c1d;}
.product .module._4_2_2 .title span:before{ background: url("../images/icon_41.png") no-repeat center top;}

.product .module._4_2_2 .picbox{
	text-align: center;
}



/* 4_2_3_服務項目 */

.product .module._4_2_3{
	padding-bottom: 70px;
	background: #efefef;
}

.product .module._4_2_3 .title:before{ background: #ee664b;} 
.product .module._4_2_3 .title span{ color: #ee664b;}
.product .module._4_2_3 .title span:before{ background: url("../images/icon_19.png") no-repeat center top;}

.product .module._4_2_3 .picbox{
	text-align: center;
}


/* 4_2_4_生洋電商代營運特色及優勢 */

.product .module._4_2_4{
	padding-bottom: 40px;
}

.product .module._4_2_4 .title:before{ background: #74b727;} 
.product .module._4_2_4 .title span{ color: #74b727;}
.product .module._4_2_4 .title span:before{ background: url("../images/icon_20.png") no-repeat center top;}

.product .module._4_2_4 .picbox{
	text-align: center;
}

.product .module._4_2_4 .listing , .product .module._4_2_4 .listing li{
	display: block;
}

.product .module._4_2_4 .listing li{
	padding-bottom: 30px;
}

.product .module._4_2_4 .listing .sub{
	font-size: 20px;
	line-height: 1.5;
	color: #74b727;
	font-weight: bold;
}

.product .module._4_2_4 .listing span{
	display: block;
	font-size: 17px;
	line-height: 1.5;
	color: #424242;
}



/***** 5_1_yahoo找店+ ******/

.product .module._5_1{ 
	background: url("../images/bg_porduct_3_1.jpg") no-repeat center top #fff;
	padding-bottom: 50px;
}

.product .module._5_1 .inner{
	padding: 30px 70px;
	width: 860px;
}

.product .module._5_1 p{
	font-size: 16px;
	line-height: 1.5;
	color: #424242;
	position: relative;
	letter-spacing: 2px;
}

.product .module._5_1 p:before{
	content: "";
	display: block;
	width: 13px;
	height: 8px;
	background: url("../images/icon_7.png") no-repeat left top;
	position: absolute;
	top: 8px;
	left: 94px;
}

.product .module._5_1 .pic{
	width: 100%;
	text-align: center;
	border-top: 1px solid #9f9e9d;
	border-bottom: 1px solid #9f9e9d;
	padding: 25px 0 35px;
}



/* 5_2_產品特色 */ 

.product .module._5_2{
	padding-bottom: 70px;
}

.product .module._5_2 .title:before{ background: #72a53c;} 
.product .module._5_2 .title span{ color: #72a53c; }
.product .module._5_2 .title span:before{ background: url("../images/icon_12.png") no-repeat center top;}

.product .module._5_2 p{
	padding: 0 75px;
	font-size: 17px;
	line-height: 1.5;
	color: #494949;
	text-align: justify;
	padding-bottom: 65px;
}

.product .module._5_2 .picbox{
	width: 879px;
	height: 268px;
	background: url("../images/product_pic_5_2.png") no-repeat center top;
	margin: 0 auto;
	position: relative;
}

.product .module._5_2 .picbox [class^="txt"]{
	font-size: 17px;
	line-height: 1;
	color: #494949;
	position: absolute;
	top: 72px;
}

.product .module._5_2 .picbox .txt1{ left: 0;}
.product .module._5_2 .picbox .txt2{ left: 318px;}
.product .module._5_2 .picbox .txt3{ right: 0;}



/* 5_3_曝光位置 */ 

.product .module._5_3{ 
	background: url("../images/bg_porduct_5_3.jpg") no-repeat center top #fff;
	padding-bottom: 65px;
}

.product .module._5_3 .title:before{ background: #ee664b;} 
.product .module._5_3 .title span{ color: #ee664b; }
.product .module._5_3 .title span:before{ background: url("../images/icon_13.png") no-repeat center top;}

.product .module._5_3 .picbox{
	width: 1000px;
	height: 493px;
	margin: 0 auto;
	background: url("../images/product_pic_5_3.png") no-repeat center top;
	position: relative;
}

.product .module._5_3 .picbox [class^="txt"]{
	font-size: 18px;
	line-height: 1;
	color: #494949;
	letter-spacing: 1px;
	position: absolute;
}

.product .module._5_3 .picbox .txt1{
    top: 0;
    left: 109px;
}

.product .module._5_3 .picbox .txt2{
    top: 0;
    left: 417px;
}

.product .module._5_3 .picbox .txt3{
    top: 0;
    left: 700px;
}

.product .module._5_3 .picbox .txt4{
    top: 283px;
    left: 144px;
}

.product .module._5_3 .picbox .txt5{
    top: 283px;
    left: 450px;
}

.product .module._5_3 .picbox .txt6{
    top: 283px;
    left: 713px;
}



/* 5_4_廣告版位&產品優勢 */ 

.product .module._5_4{
	padding-bottom: 60px;
}

.product .module._5_4 .title:before{ background: #186ced;} 
.product .module._5_4 .title span{ color: #186ced; }
.product .module._5_4 .title span:before{ background: url("../images/icon_14.png") no-repeat center top;}

.product .module._5_4 .picbox{
	width: 100%;
	text-align: center;
	position: relative;
}






/***** 6_1_Google ******/

.product .module._6_1{ 
	background: url("../images/bg_porduct_3_1.jpg") no-repeat center top #fff;
	padding-bottom: 50px;
}

.product .module._6_1 .inner{
	padding: 30px 70px;
	width: 860px;
}

.product .module._6_1 p{
	font-size: 16px;
	line-height: 1.5;
	color: #424242;
	position: relative;
	letter-spacing: 2px;
}

.product .module._6_1 p:before{
	content: "";
	display: block;
	width: 13px;
	height: 8px;
	background: url("../images/icon_7.png") no-repeat left top;
	position: absolute;
	top: 8px;
	left: 94px;
}

.product .module._6_1 .pic{
	width: 100%;
	text-align: center;
	border-top: 1px solid #9f9e9d;
	border-bottom: 1px solid #9f9e9d;
	padding: 25px 0 35px;
}


/* 6_2_廣告特色 */ 

.product .module._6_2{
	padding-bottom: 65px;
}

.product .module._6_2 .title:before{ background: #186ded;} 
.product .module._6_2 .title span{ color: #186ded; }
.product .module._6_2 .title span:before{ background: url("../images/icon_21.png") no-repeat center top;}

.product .module._6_2 .picbox{
	text-align: center;
}


/* 6_3_廣告類型 */ 

.product .module._6_3{
	padding-bottom: 65px;
	background: url("../images/bg_porduct_6_3.jpg") no-repeat center top;
}

.product .module._6_3 .title:before{ background: #d4422d;} 
.product .module._6_3 .title span{ color: #d4422d; }
.product .module._6_3 .title span:before{ background: url("../images/icon_22.png") no-repeat center top;}

.product .module._6_3 .picbox{
	text-align: center;
}


/* 6_4_計價方式 */

.product .module._6_4{
	padding-bottom: 65px;
}

.product .module._6_4 .title:before{ background: #03a15c;} 
.product .module._6_4 .title span{ color: #03a15c; }
.product .module._6_4 .title span:before{ background: url("../images/icon_23.png") no-repeat center top;}

.product .module._6_4 .picbox{
	text-align: center;
}


/* 6_5_計價方式 */

.product .module._6_5{
	padding-bottom: 65px;
	background: #e5e5e5;
}

.product .module._6_5 .title:before{ background: #186ced;} 
.product .module._6_5 .title span{ color: #186ced; }
.product .module._6_5 .title span:before{ background: url("../images/icon_24.png") no-repeat center top;}

.product .module._6_5 .picbox{
	width: 100%;
	text-align: center;
}

.product .module._6_5 .picbox p{
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 1.5;
	color: #6c6c6c;
}

.product .module._6_5 .picbox a{
	text-decoration: underline;
	font-size: 18px;
	line-height: 1.5;
	color: #6c6c6c;
}

.product .module._6_5 .picbox a:hover{
	text-decoration: none;
}




/***** 7_1_Youtube ******/

.product .module._7_1{ 
	background: url("../images/bg_porduct_3_1.jpg") no-repeat left top #fff;
	padding-bottom: 50px;
}

.product .module._7_1 .inner{
	padding: 30px 70px;
	width: 860px;
}

.product .module._7_1 p{
	font-size: 16px;
	line-height: 1.5;
	color: #424242;
	position: relative;
	letter-spacing: 2px;
}

.product .module._7_1 p:before{
	content: "";
	display: block;
	width: 13px;
	height: 8px;
	background: url("../images/icon_7.png") no-repeat center top;
	position: absolute;
	top: 8px;
	left: 94px;
}

.product .module._7_1 .pic{
	width: 100%;
	text-align: center;
	border-top: 1px solid #9f9e9d;
	border-bottom: 1px solid #9f9e9d;
    padding: 25px 0 35px;
}


/* 7_2_廣告優勢 */

.product .module._7_2{
	padding-bottom: 65px;
}

.product .module._7_2 .title:before{ background: #ef3a38;} 
.product .module._7_2 .title span{ color: #ef3a38; }
.product .module._7_2 .title span:before{ background: url("../images/icon_25.png") no-repeat center top;}

.product .module._7_2 .picbox{
	text-align: center;
}


/* 7_3_廣告版位&計費方式 */

.product .module._7_3{
	padding-bottom: 65px;
	background: #e8e8e8;
}

.product .module._7_3 .title:before{ background: #2c99dd;} 
.product .module._7_3 .title span{ color: #2c99dd; }
.product .module._7_3 .title span:before{ background: url("../images/icon_26.png") no-repeat center top;}

.product .module._7_3 .picbox{
	text-align: center;
}









/***** 8_1_Facebook ******/

.product .module._8_1{ 
	background: url("../images/bg_porduct_3_1.jpg") no-repeat left top #fff;
	padding-bottom: 50px;
}

.product .module._8_1 .inner{
	padding: 30px 70px;
	width: 860px;
}

.product .module._8_1 p{
	font-size: 16px;
	line-height: 1.5;
	color: #424242;
	position: relative;
	letter-spacing: 2px;
}

.product .module._8_1 p:before{
	content: "";
	display: block;
	width: 13px;
	height: 8px;
	background: url("../images/icon_7.png") no-repeat center top;
	position: absolute;
	top: 8px;
	left: 94px;
}

.product .module._8_1 .pic{
	width: 100%;
	text-align: center;
	border-top: 1px solid #9f9e9d;
	border-bottom: 1px solid #9f9e9d;
    padding: 25px 0 35px;
}


/* 8_2_廣告優勢 */

.product .module._8_2{
	padding-bottom: 65px;
}

.product .module._8_2 .title:before{ background: #3a5794;} 
.product .module._8_2 .title span{ color: #3a5794; }
.product .module._8_2 .title span:before{ background: url("../images/icon_27.png") no-repeat center top;}

.product .module._8_2 .picbox{
	text-align: center;
}


/* 8_3_廣告特色 */

.product .module._8_3{
	padding-bottom: 65px;
	background: #f4f4f4;
}

.product .module._8_3 .title:before{ background: #ee664b;} 
.product .module._8_3 .title span{ color: #ee664b; }
.product .module._8_3 .title span:before{ background: url("../images/icon_28.png") no-repeat center top;}

.product .module._8_3 .picbox{
	text-align: center;
}


/* 8_4_計價方式 */

.product .module._8_4{
	padding-bottom: 65px;
}

.product .module._8_4 .title:before{ background: #9cbc24;} 
.product .module._8_4 .title span{ color: #9cbc24; }
.product .module._8_4 .title span:before{ background: url("../images/icon_29.png") no-repeat center top;}

.product .module._8_4 .picbox{
	text-align: center;
}


/* 8_5_廣告版位 */

.product .module._8_5{
	padding-bottom: 65px;
	background: #f4f4f4;
}

.product .module._8_5 .title{
	padding-bottom: 30px;
}

.product .module._8_5 .title:before{ background: #0168b5;} 
.product .module._8_5 .title span{ color: #0168b5; }
.product .module._8_5 .title span:before{ background: url("../images/icon_30.png") no-repeat center top;}

.product .module._8_5 .picbox{
	text-align: center;
}













/***** 9_1_FB粉絲團代操 ******/

.product .module._9_1{ 
    background: url("../images/bg_porduct_3_1.jpg") no-repeat left top #fff;
    padding-bottom: 50px;
}

.product .module._9_1 .inner{
    padding: 30px 70px;
    width: 860px;
}

.product .module._9_1 p{
    font-size: 16px;
    line-height: 1.5;
    color: #424242;
    position: relative;
    letter-spacing: 2px;
}

.product .module._9_1 p:before{
    content: "";
    display: block;
    width: 13px;
    height: 8px;
    background: url("../images/icon_7.png") no-repeat center top;
    position: absolute;
    top: 8px;
    left: 94px;
}

.product .module._9_1 .pic{
    width: 100%;
    text-align: center;
    border-top: 1px solid #9f9e9d;
    border-bottom: 1px solid #9f9e9d;
    padding: 25px 0 35px;
}

.product .module._9_1 .maindesc{
    display: block;
    font-size: 17px;
    line-height: 1.5;
    color: #636363;
    text-align: justify;
    padding-top: 30px;
}


/* 9_2_FB粉絲團優勢 */

.product .module._9_2{
    padding-bottom: 65px;
}

.product .module._9_2 .title:before{ background: #3a5794;} 
.product .module._9_2 .title span{ color: #3a5794; }
.product .module._9_2 .title span:before{ background: url("../images/icon_27.png") no-repeat center top;}

.product .module._9_2 .picbox{
    text-align: center;
}


/* 9_3_專業分工代操 */

.product .module._9_3{
    background: url("../images/bg_porduct_9_3.jpg") no-repeat center top;
    padding-bottom: 70px;
}

.product .module._9_3 .title:before{ background: #fa7902;} 
.product .module._9_3 .title span{ color: #fa7902; }
.product .module._9_3 .title span:before{ background: url("../images/icon_34.png") no-repeat center top;}

.product .module._9_3 .picbox{
    text-align: center;
}


/* 9_4_風格量身訂製 */

.product .module._9_4{
    padding-bottom: 65px;
}

.product .module._9_4 .title:before{ background: #92a316;} 
.product .module._9_4 .title span{ color: #92a316; }
.product .module._9_4 .title span:before{ background: url("../images/icon_37.png") no-repeat center top;}

.product .module._9_4 .picbox{
    text-align: center;
}


/* 9_5_粉絲團貼文類型 */

.product .module._9_5{
    padding-bottom: 65px;
    background: #f4f4f4;
}

.product .module._9_5 .title:before{ background: #346aeb;} 
.product .module._9_5 .title span{ color: #346aeb; }
.product .module._9_5 .title span:before{ background: url("../images/icon_35.png") no-repeat center top;}

.product .module._9_5 .picbox{
    text-align: center;
}



/* 9_6_參考案例 */

.product .module._9_6{
    padding-bottom: 65px;
}

.product .module._9_6 .title:before{ background: #cb1f2f;} 
.product .module._9_6 .title span{ color: #cb1f2f; }
.product .module._9_6 .title span:before{ background: url("../images/icon_36.png") no-repeat center top;}

.product .module._9_6 .list{
    width: 917px;
    margin: 0 auto;
}

.product .module._9_6 .list a{
    text-decoration: none;
}

.product .module._9_6 .list .box{
    float: left;
    margin-right: 15px;
    margin-bottom: 35px;
}

.product .module._9_6 .list .foto{
    border: 1px solid #adadad; 
    overflow: hidden;
}

.product .module._9_6 .list .box .foto img{
    -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
}

.product .module._9_6 .list .box:hover .foto img{
    -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
    -webkit-transform: scale3d(1.05, 1.05, 1);
            transform: scale3d(1.05, 1.05, 1);
}

.product .module._9_6 .list .nospace{
    margin-right: 0;
}

.product .module._9_6 .list .txt{
    font-size: 23px;
    line-height: 1.5;
    color: #444444;
    font-weight: bold;
    text-align: center;
    padding-top: 12px;
}





/***** 10_1_LINE ******/

.product .module._10_1{ 
    background: url("../images/bg_porduct_3_1.jpg") no-repeat left top #fff;
    padding-bottom: 50px;
}

.product .module._10_1 .inner{
    padding: 30px 70px;
    width: 860px;
}

.product .module._10_1 p{
    font-size: 16px;
    line-height: 1.5;
    color: #424242;
    position: relative;
    letter-spacing: 2px;
}

.product .module._10_1 p:before{
    content: "";
    display: block;
    width: 13px;
    height: 8px;
    background: url("../images/icon_7.png") no-repeat center top;
    position: absolute;
    top: 8px;
    left: 94px;
}

.product .module._10_1 .pic{
    width: 100%;
    text-align: center;
    border-top: 1px solid #9f9e9d;
    border-bottom: 1px solid #9f9e9d;
    padding: 25px 0 35px;
}

/* 8_2_廣告優勢 */

.product .module._10_2{
    padding-bottom: 65px;
}

.product .module._10_2 .title:before{ background: #00b900;} 
.product .module._10_2 .title span{ color: #00b900; }
.product .module._10_2 .title span:before{ background: url("../images/icon_38.png") no-repeat center top;}

.product .module._10_2 .picbox{
    text-align: center;
}


/* 8_3_廣告特色 */

.product .module._10_3{
    background: url("../images/bg_porduct_6_3.jpg") no-repeat left top #fff;
    padding-bottom: 65px;
    /*background: #f4f4f4;*/
}

.product .module._10_3 .title:before{ background: #186ded;} 
.product .module._10_3 .title span{ color: #186ded; }
.product .module._10_3 .title span:before{ background: url("../images/icon_21.png") no-repeat center top;}

.product .module._10_3 .picbox{
    text-align: center;
}


/* 8_4_計價方式 */

.product .module._10_4{
    padding-bottom: 65px;
}

.product .module._10_4 .title:before{ background: #03a15c;} 
.product .module._10_4 .title span{ color: #03a15c; }
.product .module._10_4 .title span:before{ background: url("../images/icon_39.png") no-repeat center top;}

.product .module._10_4 .picbox{
    text-align: center;
}


/* 8_5_廣告版位 */

.product .module._10_5{
    padding-bottom: 65px;
    background: #f4f4f4;
}

.product .module._10_5 .title{
    padding-bottom: 30px;
}

.product .module._10_5 .title:before{ background: #346aeb;} 
.product .module._10_5 .title span{ color: #346aeb; }
.product .module._10_5 .title span:before{ background: url("../images/icon_40.png") no-repeat center top;}

.product .module._10_5 .picbox{
    text-align: center;
}













/***** 右側選單 *****/
.sidebar{
	text-align: right;
	width: 65px;
	position: fixed;
	top: 30%;
	right: 0;
	z-index: 1000;
	padding-bottom: 20px;
}

.product .sidebar{
	text-align: right;
	width: 65px;
	position: fixed;
	top: 25%;
	right: 0;
	z-index: 1000;
	padding-bottom: 20px;
}

.product .sidebar .btn_consult{
	display: inline-block;
	width:65px;
	margin-bottom: 25px;
}

/* .product .sidebar .dotbox{
	display: inline-block;
	width:49px;
} */

.product .sidebar .bg_top , .product .sidebar .bg_bottom{
	display: inline-block;
	width: 49px;
	height: 20px;
	background: url("../images/product_sidebar_bg_top.png") no-repeat right top;
}

.product .sidebar .bg_top{ background: url("../images/product_sidebar_bg_top.png") no-repeat right top;}
.product .sidebar .bg_bottom{ background: url("../images/product_sidebar_bg_bottom.png") no-repeat right bottom;}

/* .product .sidebar .dotbox .dot{
	width: 29px;
	background: #d8d8d8;
	padding-left: 20px;
}

.product .sidebar .dotbox .dot a{
	display: block;
	width: 13px;
	height: 12px;
	background: url("../images/dot_white.png") no-repeat left center;
	padding-bottom: 28px;
} */

/* .product .sidebar .dotbox .dot a:hover{
	background: url("../images/dot_orange.png") no-repeat left center;
}

.product .sidebar .dotbox:hover .bg_top{ background: url("../images/product_sidebar_bg_top_ovr.png") no-repeat right top;}
.product .sidebar .dotbox:hover .bg_bottom{ background: url("../images/product_sidebar_bg_bottom_ovr.png") no-repeat right top;}
.product .sidebar .dotbox:hover .dot{ background: #0068b5;} */

.sidebar{
	text-align: right;
	width: 65px;
	position: fixed;
	top: 30%;
	right: 0;
	z-index: 1000;
	padding-bottom: 20px;
}
.sidebar .top{
	display: none;
	width: 49px;
	height: 130px;
	padding-top: 25px;
}
.productPage .sidebar .top{
	display: inline-block;
}

.sidebar .top a{
	display: block;
	width: 49px;
	height: 130px;
	background: url("../images/product_sidebar.png") no-repeat 0 0;
}

.sidebar .top a:hover{
	background: url("../images/product_sidebar.png") no-repeat -49px 0;
}









/* 內容(內頁):徵才資訊
--------------------------------------------------------------------------------------*/

.join .module{
	width: 100%;
}

.join .module .inner{
	width: 924px;
	padding: 0 38px;
	margin: 0 auto; 
}

.join .module._01{ 
	background: url("../images/bg_join.jpg") no-repeat center top;
	padding-top: 50px;
	padding-bottom: 55px;
}

.join .module._01 .maintitle{
	background: url("../images/icon_join_maintitle_1.png") no-repeat center top;
	text-align: center;
	font-size: 38px;
	line-height: 1.5;
	color: #ec804f;
	font-weight: bold;
	padding-top: 45px;
	padding-bottom: 20px;
}

.join .module._01 .mail_104{
	width: 163px;
	height: 20px;
	padding-bottom:7px;
}

.join .module._01 .mail_104 a{
	display: block;
	width: 163px;
	height: 20px;
	background: url("../images/icon.png") no-repeat 0 -1000px;
}

.join .module._01 .txtbox{
	font-size: 17px;
	line-height: 1.5;
	color: #636363;
	text-align: justify;
	letter-spacing: 1px;
}

.join .module._02 .maintitle{
	background: url("../images/icon_join_maintitle_2.png") no-repeat center top;
	text-align: center;
	font-size: 38px;
	line-height: 1.5;
	color: #69a91f;
	font-weight: bold;
	padding-top: 70px;
	padding-bottom: 20px;
}

.join .module._02 .box{
	border-bottom: 1px solid #d9e9c7;
	margin-bottom: 45px;
	padding-bottom: 15px;
}

.join .module._02 .last{
	border-bottom: none;
	margin-bottom: 0;
}

.join .module._02 [class^="subtitle"] span{
	display: block;
	font-size: 24px;
	line-height: 1.5;
	color: #69a91f;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	padding-bottom: 12px;
}

.join .module._02 [class^="subtitle"] .icon{
	width: 163px;
	height: 128px;
	margin: 0 auto; 
}

.join .module._02 .subtitle_1 .icon{ background: url("../images/icon_join.png") no-repeat 0 0;}
.join .module._02 .subtitle_2 .icon{ background: url("../images/icon_join.png") no-repeat 0 -200px;}
.join .module._02 .subtitle_3 .icon{ background: url("../images/icon_join.png") no-repeat 0 -400px;}

.join .module._02 .listbox{
	padding-top: 40px;
}

.join .module._02 .listbox ul , .join .module._02 .listbox li{
	display: block;
}

.join .module._02 .listbox ul{
	width: 435px;
	padding-bottom: 35px;
}

.join .module._02 .listbox li{
	font-size: 15px;
	line-height: 1.6;
	color: #636363;
	letter-spacing: 1px;
	text-align: justify;
}

.join .module._02 .listbox .sub{
	background: url("../images/dot_green.png") no-repeat left center;
	font-size: 20px;
	line-height: 1.6;
	color: #5b5b5b;
	font-weight: bold;
	padding-left: 20px;
	letter-spacing: 1px;
	margin-bottom: 3px;
}


.join .module._03{
	background: #e9e9e9;
	padding-bottom: 50px;
}

.join .module._03 .inner{
	width: 1000px;
	padding: 0;
}

.join .module._03 .maintitle{
	background: url("../images/icon_join_maintitle_3.png") no-repeat center top;
	text-align: center;
	font-size: 38px;
	line-height: 1.5;
	color: #ec804f;
	font-weight: bold;
	padding-top: 70px;
}

.join .module._03 .box{
	width: 100%;
	position: relative;
	padding: 60px 0;
}

.join .module._03 .box .namebox{
	display: inline-block;
	position: relative;
	z-index: 10;
}

.join .module._03 .box .namebox .name{
	font-size: 62px;
	line-height: 1.1;
	color: #000;
	border-bottom: 1px solid #ec804f;
	position: relative;
	letter-spacing: 2px;
}

.join .module._03 .box .namebox .name:before{
	content: "";
	display: block;
	width: 35px;
	height: 5px;
	background: #ec804f;
	position: absolute;
	bottom: -5px;
	left: 0;
}

.join .module._03 .box .namebox .name font{
	font-size: 38px;
	line-height: 1.1;
	color: #7a7a7a;
	padding-left: 8px;
}

.join .module._03 .box .namebox p{
	text-align: right;
	padding-top: 5px;
	font-size: 22px;
	line-height: 1.5;
	color: #636363;
	letter-spacing: 1px;
}

.join .module._03 .box .txtbox{
	width: 385px;
	position: relative;
	z-index: 10;
	padding-top: 80px;
}

.join .module._03 .box .txtbox .sub{
	border-bottom: 1px solid #c7c7c7;
	font-size: 17px;
	line-height: 1.5;
	color: #ec804f;
	padding-bottom: 10px;
}

.join .module._03 .box .txtbox .txt{
	padding-top: 15px;
	font-size: 15px;
	line-height: 1.7;
	color: #636363;
}

.join .module._03 .box .txtbox .txt font{
	font-size: 17px;
	line-height: 1.5;
	color: #ec804f;
}

.join .module._03 .box .foto{
	width: 1000px;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 3px;
}

.join .module._03 .box .foto.p01{ bottom: -14px;}

.join .module._03 .box._01 .namebox{ 
	float: left;
	margin-left: 95px;
}

.join .module._03 .box._01 .txtbox{ 
	float: right;
	margin-right: 45px;
}

.join .module._03 .box._02 .namebox{ 
	float: right;
	margin-right: 95px;
}

.join .module._03 .box._02 .txtbox{ 
	float: left;
	margin-left: 45px;
}

.join .module._03 .box._01:before{
	content: "";
	display: block;
	width: 1200px;
	height: 4px;
	background: url("../images/join_line_1.png") no-repeat left top;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
    z-index: 1;
}

.join .module._03 .box._02:before{
	content: "";
	display: block;
	width: 1200px;
	height: 4px;
	background: url("../images/join_line_2.png") no-repeat left top;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
    z-index: 1;
}

.join .module._03 .box.last:before{
	display: none;
}


.join .module._04{
	padding-bottom: 55px;
}

.join .module._04 .maintitle{
	background: url("../images/icon_join_maintitle_4.png") no-repeat center top;
	text-align: center;
	font-size: 38px;
	line-height: 1.5;
	color: #0068b4;
	font-weight: bold;
	padding-top: 70px;
}

.join .module._04 .listing{
	text-align: center;
	padding: 30px 0;
}

.join .module._04 .listing ul{
	display: inline-block;
	font-size: 0;
	line-height: normal;
	text-align: left;
	padding-right: 60px;
}

.join .module._04 .listing .last{
	padding-right: 0;
}

.join .module._04 .listing li{
	display: block;
	padding: 2px 0;
	font-size: 17px;
    line-height: 1.5;
    color: #636363;
}

.join .module._04 .listing li a{
	text-decoration: none;
	font-size: 17px;
	line-height: 1.5;
	color: #636363;
}

.join .module._04 .listing li a:hover{
	text-decoration: underline;
}

.join .module._04 .txt{
	text-align: center;
	font-size: 17px;
	line-height: 1.5;
	color: #636363;
	letter-spacing: 2px;
	vertical-align: middle;
}

.join .module._04 .txt a{
	display: inline-block;
	width: 163px;
    height: 20px;
    background: url("../images/icon.png") no-repeat 0 -1000px;
    margin-left: 20px;
    vertical-align: top;
}


















/* 20150902 by kusa edit */
.pages_dot{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	text-align: right;
}

.pages_dot_select .popup,
.pages_dot a{
	color: #0068b5;
	font-size: 15px;
	font-weight: bold;
	line-height: 32px;
}


.pages_dot_select{
	display: inline-block;
}

.pages_dot_select a{
	display: block;
	width: 100%;
	height: 100%;
}

.pages_dot_select .dot{
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 3.5px;
	background:url(../images/pages_dot.png) no-repeat -12px 0;
}

.pages_dot_select .dot.select,
.pages_dot_select .dot:hover{
	background-position: 0 0;
}

.pages_dot_select .popup{
	display: none;
	position: absolute;
	top: -42px;
	left: 50%;
	margin-left: -27px;
	min-width: 54px;
	width: 100%;
	height: 32px;
	vertical-align: middle;
	text-align: center;
}

.pages_dot_select .dot.select .popup{
	display: block;
}




.pages_dot_select .left,
.pages_dot_select .right{
	position: absolute;
	top: 0;
	left: -9px;
	width: 9px;
	height: 100%;
}

.pages_dot_select .left{ background: url(../images/page_1.png) no-repeat center top; }
.pages_dot_select .right{ 
	left: auto;
	right: -9px;
	background: url(../images/page_3.png) no-repeat center top; 
}

.pages_dot_select .pages_num{
	display: block;
	width: 100%;
	height: 100%;
	background:url(../images/page_2.png) repeat-x center top;
}

.pages_dot_select .pages_num:before{
	content: '';
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -5px;
	width: 11px;
	height: 8px;
	background:url(../images/pages_arrow.png) no-repeat center top;
}


.btn_advisory{
    display: block;
    width: 267px;
    height: 63px;
    background: url('../images/btns.png') no-repeat 0 -430px;
    position: absolute;
    top: -31px;
    left: 50%;
    margin-left: -133px;
    
}

.btn_advisory:hover{
    background: url('../images/btns.png') no-repeat -300px -430px;  
}

.btn_advisory2{
    display: block;
    width: 267px;
    height: 63px;
    background: url('../images/btns.png') no-repeat 0 -520px;
    position: absolute;
    top: -31px;
    left: 50%;
    margin-left: -133px;
}

.btn_advisory2:hover{
    background: url('../images/btns.png') no-repeat -300px -520px;  
}

/* .btn_advisory3{
    display: block;
    width: 267px;
    height: 63px;
    background: url('../images/btns.png') no-repeat 0 -610px;
    position: absolute;
    top: -31px;
    left: 50%;
    margin-left: -133px;
}

.btn_advisory3:hover{
    background: url('../images/btns.png') no-repeat -300px -610px;  
} */

.btn_advisory3{
    display: block;
    width: 267px;
    height: 63px;
    background: url('../images/btns.png') no-repeat 0 -701px;
    position: absolute;
    top: -31px;
    left: 50%;
    margin-left: -133px;
}

.btn_advisory3:hover{
    background: url('../images/btns.png') no-repeat -300px -701px;  
}



.picfit{
    max-width: 1000px;
    height: auto;
}





/* media 
----------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:1024px){
    /*html,body{ height: 100%; min-height: 3500px; }*/

	.product .module._1_4 .picbox img{
		width: 98%;
		height: auto;
	}

	.product .module._2_4 .picbox img{
		width: 98%;
		height: auto;
	}

	.product .module._4_1_5 .picbox img{
		width: 99.8%;
		height: auto;
	}

	.product .module._6_5 .picbox img{
		width: 99%;
		height: auto;
	}

	.product .module._7_3 .picbox img{
		width: 99%;
		height: auto;
	}

	.product .module._8_5 .picbox img{
		width: 98%;
		height: auto;
	}

}



/* deviceWrap
--------------------------------------------------------------------------------------*/

.deviceSwitchWrap{
	width: 100%;
	height: 100vh;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: -moz-linear-gradient(top,  #1b288d 0%, #009fe8 67%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1b288d 0%,#009fe8 67%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1b288d 0%,#009fe8 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.deviceSwitchWrap:before{
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	background: url('../images/device_switch_deco.png') no-repeat;
	width: 60%;
	padding-bottom: 31%;
	background-size: contain;
	z-index: 0;
}

.deviceSwitchWrap .deviceBtnFlex{
	position: relative;
	width: 90%;
	z-index: 1;
}

.deviceSwitchWrap .deviceBtnFlex > a{
	width: 85%;
	display: block;
	position: relative;
	color: #009fe8;
	margin: 30px auto;
	padding: 8vw;
	text-align: center;
	box-sizing: border-box;
	border-radius: 3px;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.35);
	box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.35);
	text-decoration: none;
	font-weight: 600;
	font-size: 5vw;
}

.deviceWrapLogo{
	width: 60%;
	position: absolute;
	bottom: 65px;
	left: 50%;
	transform: translateX(-50%);
}
.deviceWrapLogo img {
	width: 100%;
}