@charset "utf-8";
/* CSS Document */
.clearfix2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix2 { display: inline-block; }
/* Hides from IE-mac */
* html .clearfix2 { height: 1%; }
.clearfix2 { display: block; }


.loader_wrap { position:fixed; z-index:999; width:100%; height:100%; background:#76d7d0; }
.loader_logo { position:absolute; left:50%; top:50%; width:450px; height:60px; margin:-90px 0 0 -232px; background:url(../images/logo_big.png) no-repeat 0 0; }
.loader_pic { position:absolute; left:50%; top:50%; width:35px; height:35px; margin:10px 0 0 -18px; background:url(../images/loader.gif) no-repeat center center; }

#wrap { width:100%; min-width:1000px; }

#header_wrap { position:relative; z-index:5; width:100%; }
#header { position:relative; z-index:5; width:100%; height:70px; background:#76d7d0; }
.logo { float:left; margin:13px 0 0 50px;}
.top_btn { float:right; margin:27px 50px 0 0; }
.top_btn a { margin-top:0;  /*transition:margin-top,.3s; -webkit-transition:margin-top,.3s;*/ }
/*.top_btn a.move_top { margin-top:-5px; }*/

.top_btn01, .top_btn02 { float:left; height:15px; background:url(../images/top_menu.png) no-repeat; }
.top_btn01 { width:23px; background-position:0 0; margin-right:15px; }
.top_btn02 { width:65px; background-position:-23px 0; }

#menu_wrap { position:absolute; left:0; top:89px; z-index:5; width:100%; text-align:center; }
#menu_wrap ul { width:907px; margin:0 auto; }
#menu_wrap li { position:relative; float:left; width:65px; height:14px; padding-right:37px; margin-right:37px;  }
#menu_wrap li .menu_line { position:absolute; right:0; top:3px; width:2px; height:11px; border-right:1px solid #ddd; }
#menu_bg { position:absolute; left:0; z-index:1; width:100%; height:102px; background:#fff; -ms-transform:skew(0deg,-1.5deg); background:url(../images/menu_bg.png) no-repeat center bottom\9; }

.menu { position:absolute; left:0; top:0; float:left; width:65px; height:15px; background:url(../images/menu.jpg) no-repeat; }
.menu01 { background-position:0 0; }
.menu02 { background-position:0 -15px; }
.menu03 { background-position:0 -30px; }
.menu04 { background-position:0 -45px; }
.menu05 { background-position:0 -60px; }
.menu06 { background-position:0 -75px; }
.menu07 { background-position:0 -90px; }
.menu01:hover, .menu01.current { background-position:-65px 0; }
.menu02:hover, .menu02.current { background-position:-65px -15px; }
.menu03:hover, .menu03.current { background-position:-65px -30px; }
.menu04:hover, .menu04.current { background-position:-65px -45px; }
.menu05:hover, .menu05.current { background-position:-65px -60px; }
.menu06:hover, .menu06.current { background-position:-65px -75px; }
.menu07:hover, .menu07.current { background-position:-65px -90px; }

/*sub_menu*/
#sub_menu_bg { position:absolute; left:0; top:-30px; z-index:1; width:100%; height:118px; background:url(../images/sub_menu_bg.jpg) no-repeat center bottom;}
.sub_menu { display:none; position:absolute; top:140px; z-index:5; width:907px; margin:0 auto; }
.sub_menu ul { float:left; }
.sub_menu li { position:relative; float:left; width:65px; height:15px; margin-right:22px; line-height:1em; *line-height:1.2em; }
.sub_menu li.current a { color:#30a59c; }
.sub_menu a { position:absolute; left:0; top:0; float:left; font-size:15px; color:#666; }
.sub_menu a:hover { color:#30a59c; }

.about_menu { float:left; margin:24px 0 0 0; }
.news_menu { float:left; margin:16px 0 0 142px; }
.contact_menu { float:left; width:180px; margin:3px 0 0 748px; }

#content { position:relative; z-index:0; clear:both; width:100%; height:100%; overflow:hidden; }
.fade { display:none; }
.slogan { position:absolute; left:50px; top:160px; }
.slogan .title { margin:0 0 15px -30px; font-size:24px; color:#fff; text-shadow:1px 1px 2px #333; }
.slogan .sub_title { margin-left:-30px; line-height:1.7em; font-size:18px; color:#000; }

#footer { position:fixed; left:0; bottom:0; z-index:10; clear:both; width:100%; height:40px; background:#fff; }
#footer .text { float:right; margin:10px 30px 0 0; line-height:1.5em; text-align:right; font-size:12px; color:#555; letter-spacing:0; }
#footer .text .moss { margin-left:30px; color:#ccc;}
#footer .text .moss:hover { color:#555; }

/*inpage*/
.info_wrap { clear:both; position:absolute; top:160px; z-index:10; width:907px; }
.info_wrap h1 { font-size:20px; color:#30a59a; margin-bottom:20px; }

/*滿版縮放bg*/
.bg_wrap { position:absolute; top:0; z-index:1; height:100%; overflow:hidden; }
.bg_wrap img { position:absolute; top:0; }
.bg_wrap_r { right:0; }
.bg_wrap_r img { left:0; }
.bg_wrap_l { left:0; }
.bg_wrap_l img { right:0; }

.about_r {  display:none; width:43%; }
.about02_r { display:none; width:31%; }
.about02_l { display:none; width:25%; }
.news_r { display:none; width:30%; }
.news_l { display:none; width:23%; }
.hot_r { display:none; width:30%; }
.hot_l { display:none; width:23%; }
.classic_r { display:none; width:26%; }
.classic_l { display:none; width:25%; }
.crafts_r { display:none; width:32%; }
.crafts_l { display:none; width:20%; }
.works_r { display:none; width:33%; }
.works_l { display:none; width:25%; }
.contact_r { display:none; width:38%; }
.contact_l { display:none; width:25%; }
.service_l { display:none; width:35%; }
.service_r { display:none; width:30%; }
.sitemap_l { display:none; width:25%; }
.sitemap_r { display:none; width:30%; }


/*about*/
.about_bottom { position:absolute; left:0; bottom:35px; z-index:5; width:100%; overflow:hidden; }
.about_pic01 { position:absolute; left:-60px; bottom:-80px; z-index:10; width:65%; }
.about_pic01_bg { position:absolute; left:-100px; bottom:-55px; z-index:5; width:65%; }

.about_l {  display:none; position:absolute; left:-189px; top:-120px; width:189px; height:755px; background:url(../images/about_l.png) no-repeat right top; }
.about_l_cover { display:none; position:absolute; top:85px; z-index:5; height:100px; background:url(../images/bg.jpg) repeat 0 0;}

.about_text { display:none; position:relative; float:left; width:700px; line-height:1.8em; font-size:15px;  }
.about_text h2 { margin-bottom:10px; font-size:18px; color:#000;}
.about_text h2 span { margin-right:5px; font-size:16px; color:#999; }
.about_text p { margin-bottom:12px; }
.about_text .slide_box { width:100%; height:300px; }
.about_text .slide { width:100%; height:300px; }
.about_text .slide div { float:left; width:700px; height:300px; margin-right:50px; }
.slide_btn { float:left; display:block; width:15px; height:17px; margin-top:5px; background:url(../images/slide_btn.png) no-repeat; cursor:pointer; }
.slide_btn_l { margin-right:15px; background-position:0 0; }
.slide_btn_l:hover { background-position:0 -17px; }
.slide_btn_r { background-position:-15px 0; }
.slide_btn_r:hover { background-position:-15px -17px; }


.about_text .slide_btn_box { position:absolute; left:500px; top:0; width:50px; }

@media all and (max-height:800px) {
	.about_bottom { width:80%; }
}
@media all and (max-height:720px) {
	.about_bottom { display:none; }
}

/*about02*/
.about02_text { display:none; margin-top:20px; }
.about02_text .pic { float:left; margin:3px 50px 0 0; }
.about02_text h1 { line-height:1.7em; }
.about02_text .text { float:left; line-height:2em; font-size:15px;  }

/*aobut03*/


/*title*/
.info_wrap .title { width:100%; height:50px; font-size:18px; color:#30a59a; }
.info_wrap .title .ch { float:left; font-family:"Times New Roman", Times, serif; color:#222;  font-weight:bold;  }
.info_wrap .title .en { float:left; margin:2px 0 0 10px; font-family:"Times New Roman", Times, serif; }

/*news*/
.news_box { position:relative; width:800px; margin:20px auto 0 auto; }
.news_box .title { float:left; width:100%; height:50px; margin:0 0 0 5px; }
.news_box .title span {  display:none; }
.news_group { float:left; width:100%; height:330px; }
.news_group .fade { float:left; }
.news { float:left; width:150px; margin:50px 5px 0 5px; }
.news .pic { display:block; position:relative; width:150px; height:150px; overflow:hidden; }
.news .pic img { position:absolute; left:0; top:0; width:150px; }
.news .text { width:130px; height:130px; padding:10px; background:#fff; }
.news .text .date { margin-bottom:5px; font-size:12px; color:#666; }
.news .text .word { height:80px; font-size:13px; line-height:1.5em;}
.news .text a { color:#30a59c; }
.news .text a:hover { color:#333; }

/*pager*/
.pager { position:relative; z-index:999; float:left; width:100%; height:10px; margin:0 auto; text-align:center; }
.pager a { display:inline-block; width:10px; height:10px; margin:0 5px; background:url(../images/page_bgn.png) no-repeat -18px 0; }
.pager a:hover, .pager a.current { background-position:-18px -10px; }
.pager a.prev { width:9px; background-position:0 0; }
.pager a.next { width:9px; background-position:-9px 0; }
.pager a.prev:hover { background-position:0 -10px; }
.pager a.next:hover { background-position:-9px -10px; }

.news_pager { display:none; }

/*news_detail*/
.news_detail_box { width:890px; margin:0 auto; opacity:0; filter:alpha(opacity=0); }
.news_detail_box .text { clear:both; float:left; width:415px; height:400px; }
.news_detail_box .text h1 { margin-bottom:5px; }
.news_detail_box .text .date { margin-bottom:15px; font-size:12px; color:#666; }
.news_detail_box .word { position:relative; float:left; width:410px; height:300px; margin-bottom:15px; padding-right:15px; overflow:hidden;}
.scroll_box { position:absolute; width:400px; font-size:15px; }

/*iscroll*/
.myScrollbarV { position:absolute; z-index:100; width:5px; bottom:0px; top:0px; right:0px; }
.myScrollbarV > div {	position:absolute; z-index:100; width:100%; background:#ccc; border:none; -webkit-border-radius:4px;}

.news_detail_box .slide_box { float:right; width:400px; height:320px; }
.news_detail_box .slide_box .slide div { display:block; width:400px; text-align:center; }
.news_detail_box .slide_box .slide a { float:left; display:block; width:400px; text-align:center; }
.news_detail_box .slide_box .slide div img { margin:0 auto; max-width:400px; max-height:255px; text-align:center; }

.detail_btn { float:left; color:#30a59a; }
.detail_btn a { display:inline; color:#30a59a; cursor:pointer; }
.detail_btn a:hover { color:#333; }

.btn_wrap a { cursor:pointer;}

/*hot*/
.hot_box { width:720px; height:400px; margin:-20px auto 0 auto;  }
.hot_box .title { float:left; width:100%; height:50px; margin:0 0 0 10px; }
.hot_box .title span {  display:none; }
.hot_group { position:relative; float:left; width:100%; height:370px; padding-top:10px; }
.hot_group .fade { float:left; }
.hot { float:left; width:220px; height:370px; margin:50px 0 10px 0; }
.hot .pic { display:block; position:relative; width:220px; height:150px; overflow:hidden; }
.hot .pic img { width:220px; }

.hot .text { position:relative; width:220px; height:200px; background:#fff; }
.hot .hot_icon { position:absolute; right:10px; top:17px; width:50px; height:16px; line-height:15px; text-align:center; color:#fff; background:url(../images/hot_icon.png) no-repeat 0 0; }
.hot .text h2 { margin-bottom:12px; font-size:15px; color:#333; }
.hot .text h3 { margin-bottom:10px; font-weight:normal; }
.hot .text .word { width:190px; height:140px; padding:15px; line-height:1.5em; letter-spacing:0; }
.hot .btn_wrap { width:200px; margin-left:12px; }
.hot .btn_wrap a { display:inline-block; padding:0 7px 0 3px; line-height:1em; border-right:1px solid #30a59c; color:#30a59c; letter-spacing:0; }
.hot .btn_wrap a:hover { color:#333; }

.hot_bg_l { background:url(../images/hot_bg_l.png) no-repeat 0 bottom; }
.hot_bg_r { background:url(../images/hot_bg_r.png) no-repeat 0 bottom; }

/*hot_detail*/
.hot_detail_box { width:745px; height:370px; margin:-20px auto 0 auto; opacity:0; filter:alpha(opacity=0); }
.hot_detail_box .title { float:left; width:100%; height:50px;  }
.hot_detail { float:left; width:180px; height:345px; }
.hot_detail .pic { display:block; position:relative; width:180px; height:123px; margin-bottom:15px; overflow:hidden; text-align:center; }
.hot_detail .pic img { width:180px; }

.hot_detail .text { width:190px; height:200px; }
.hot_detail .text h2 { margin-bottom:12px; font-size:15px; color:#333; }
.hot_detail .text h3 { margin-bottom:10px; font-weight:normal; }
.hot_detail .text .word { width:190px; height:140px; line-height:1.5em; letter-spacing:0; }
.hot_detail .btn_wrap { width:190px; }
.hot_detail .btn_wrap a { float:left; padding:0 5px 0 0; margin:0 5px 12px 0; line-height:1em; border-right:1px solid #30a59c; color:#30a59c; letter-spacing:0; }
.hot_detail .btn_wrap a:hover { color:#333; }

.hot_detail_box .slide_box { float:right; width:500px; height:333px; text-align:center; }
.hot_detail_box .slide_box .slide div { width:500px; text-align:center; }
.hot_detail_box .slide_box .slide div img { margin:0 auto; max-width:500px; max-height:333px; text-align:center; }

/*classic*/
.classic_box { width:760px; margin:-40px auto 0 auto;  }
.classic_box .title { float:left; width:100%; height:50px; }
.classic_box .title span { display:none; }
.classic_group { position:relative; float:left; width:100%; height:450px; margin-bottom:20px; }
.classic_group .fade { float:left; }
.classic { float:left; width:160px; height:210px; margin:0 40px 30px 0; }
.classic .pic { display:block; position:relative; width:160px; height:116px; margin-bottom:10px; overflow:hidden; text-align:center; }
.classic .pic img { position:absolute; left:0; top:0; width:160px; }

.classic .text { width:160px; height:84px; }
.classic .text .word { width:160px; line-height:1.5em; letter-spacing:0; }
.classic .text h2 { margin-bottom:5px; font-size:15px; color:#333; }
.classic .text p { margin-bottom:10px; }
.classic .btn_wrap { width:160px;}
.classic .btn_wrap a { float:left; padding-right:7px; margin-right:7px; line-height:1em; border-right:1px solid #30a59c; color:#30a59c; letter-spacing:0; }
.classic .btn_wrap a:hover { color:#333; }

.classic_pager { display:none; }

/*.classic_detail_box*/
.classic_detail_box { width:720px; margin:-40px auto 0 auto; opacity:0; filter:alpha(opacity=0);}
.classic_detail_box .slide_box { position:relative; float:right; width:510px; }
.classic_detail_box .slide_box .slide { width:510px; height:306px; margin-bottom:20px; }
.classic_detail_box .slide_box .slide div { float:left; width:510px; height:306px; text-align:center;  }
.classic_detail_box .slide_box .slide div a { position:relative; z-index:9999; float:left; width:100px; height:100px; margin:0 2px 2px 0; cursor:pointer; overflow:hidden; } 
.classic_detail_box .slide_box .slide div a img { max-width:100px; max-height:100px; margin:0 auto; text-align:center; }
.classic_detail_box .slide_box .slide_btn_box { width:100%; margin:0 auto; }
.nav { width:510px; margin:0 auto; text-align:center;  }
.nav a { display:inline-block; width:10px; height:10px; margin:0 5px; background:url(../images/page_bgn.png) -18px 0; text-indent:-9999px; }
.nav a:hover, .nav a.activeSlide{ background-position:-18px -10px; }

/*crafts*/
.carfts_text { display:none; width:630px; height:400px; margin:-20px 0 0 0px; }
.crafts_text p { margin-bottom:12px; font-size:15px; line-height:1.8em; }
.crafts_text .slide_box { position:relative; width:630px; height:400px;  }
.crafts_text .slide_box .slide { width:630px; height:200px; overflow:hidden; }
.crafts_text .slide_box .slide div { width:630px; height:200px; }
.crafts_text .slide_box .slide_btn_box { position:absolute; right:0; top:-90px; }
.carfts_text .pic { width:400px; height:200px; background:#ccc; }

/*works*/
.works_box { display:none; width:320px; margin:100px auto 0 auto; }

.jq_form td { padding:5px 0; }
.login_btn { width:70px; height:70px; margin-left:15px; background:#6cd5cd; border:none; color:#fff; font-size:15px; font-weight:bold; cursor:pointer; }
.login_btn:hover { background:#37c1b7; }

.jq_form p{ position:relative; display:block; float:left; width:150px; margin-bottom:8px; *margin-bottom:6px; _margin-bottom:7px;}
.jq_form p br { display:none; }
.jq_form p label { position:absolute; top:4px; width:150px;  display:block; top:4px\9; *top:4px; _background:#FFF; color:#30a59c; }

/*works_detail_box*/
.works_detail_box { display:none; width:500px; margin:0 auto; }
.works_detail_box .title { margin-bottom:20px;}
.works_top { width:500px;  height:30px; margin-bottom:20px; }
.works_top h2 { float:left; }
.works_top select { float:right; margin-top:-5px; }
.works_detail_box .slide_box { position:relative; width:500px; }
.works_detail_box .slide { clear:both; width:500px; height:400px;  margin:0 auto; }
.works_detail_box .slide .pic { float:left; width:500px; height:333px; margin-bottom:15px; text-align:center; overflow:hidden; }
.works_detail_box .slide>div .pic img { max-width:500px; max-height:333px; }
.works_detail_box .slide p { float:left; }

.works_slide_btn { position:absolute; top:50%; z-index:10; display:block; width:36px; height:36px; margin-top:-52px; background:url(../images/colorbox_btn.png) no-repeat; cursor:pointer; }
.works_slide_btn_l { left:-56px; background-position:0 0; }
.works_slide_btn_l:hover { background-position:0 -36px; }
.works_slide_btn_r { right:-56px; background-position:-36px 0; }
.works_slide_btn_r:hover { background-position:-36px -36px; }

/*contact*/
.contact_box { display:none; width:530px; margin:20px auto 0 auto; }
.contact_box .title { margin-bottom:10px; }
.contact_box h2 { font-size:18px; color:#30a59a; margin-bottom:20px; }
.contact_box .jq_form .code, .contact_box .jq_form img { float:left; }
.contact_box .jq_form img { margin:0 0 0 22px;}

.submit_btn { width:90px; height:30px; margin-top:5px; background:#6cd5cd; border:none; color:#fff; font-size:15px; font-weight:bold; cursor:pointer;}
.submit_btn:hover { background:#37c1b7; }

/*service*/
.service_box { display:none; width:750px; margin:0 auto; }
.service_box .title { float:left; width:280px; }
.service_nav { position:absolute; left:350px; top:0; }
.service_nav a { margin-right:20px; padding-bottom:5px; cursor:pointer;  }
.service_nav a:hover { color:#30a59c; }
.service_nav a.activeSlide { color:#30a59c; border-bottom:2px solid #999; }


.service_box .slide_box { width:690px; height:460px; }
.service_box .slide { position:relative; float:left; width:690px; height:460px;  }
.service_box .slide .text { display:block; position:relative; float:left; width:670px; height:460px; overflow:hidden; }
.service_box .slide .text .scroll { float:left; width:630px; padding-right:60px;  }
.service_box .slide .text h2 { font-size:20px; color:#30a59c; }
.service_box .slide .text h3 { margin:25px 0 10px 0; font-size:16px; color:#222; }
.service_box .slide .text p { margin-bottom:10px; font-size:15px; line-height:1.8em; }
.service_box .slide .text table { margin-left:-5px; font-size:15px; line-height:1.8em; }
.service_box .myScrollbarV { right:20px; }

#scroll3 h2 { margin-bottom:25px; }
#scroll3 p { margin-top:30px;}


/* culture02 --------------------------------------------------------------*/
#culture02 {  float:left; width:660px; margin:50px 0 0 55px; }
#culture02 .item { position:relative; float:left; width:190px; height:242px; margin:0 15px 10px 15px; }
#culture02 .item .title { float:left; width:30px; height:212px; padding-top:10px; line-height:1.3; text-align:center; font-size:15px; color:#fff; background:#343B34;}
#culture02 .item .title span { display:block; width:30px; margin-top:5px; }
#culture02 .item .pic { float:left; width:150px; height:212px; border:5px solid #8C7664; overflow:hidden; }
#culture02 .item .pic img { width:100%; }
#culture02 .slider_bg { position:absolute; right:5px; bottom:0; z-index:0; }
#culture02 .item .cover { display:none; position:absolute; right:5px; bottom:25px; z-index:5; width:80px; height:138px; overflow:hidden; }
#culture02 .item .cover img { position:absolute; right:-3px; bottom:-3px; }
#pager.culture02 { width:630px; }

/* culture02_detail -------------------------------------------------------*/
#culture02_detail {  float:left; width:630px; margin:50px 0 0 70px; }
#culture02_detail .title { float:left; width:30px; height:414px; padding-top:10px; line-height:1.3; text-align:center; font-size:15px; color:#fff; background:#343B34;}
#culture02_detail .title span { display:block; width:30px; margin-top:5px; }
#culture02_detail .slider_bg { position:absolute; right:5px; bottom:25px; z-index:0; }
.ebook_box { position:relative; float:left; width:600px; }
.jxbookflip { width:600px; height:424px; background:#fff; }
.jxbookflip img { width:600px; height:424px; }
#mycontroler { position:relative; left:-15px; margin-left:150px; }


/*sitemap*/
.sitemap_box { float:left; width:700px; margin-top:-20px; }
.sitemap_box .title span { display:none; }
/*
.sitemap_box .scroll_box { display:block; position:relative; float:left; width:680px; height:500px; overflow:hidden; }
.sitemap_box .scroll_box .scroll {  float:left; width:680px; height:500px; }
*/

.sitemap { float:left; }
.sitemap tr { display:none; }
.sitemap td { padding:10px 0; }
.sitemap .main { float:left; width:98px; height:30px; margin-right:30px; padding-left:22px; line-height:30px; font-size:15px; font-weight:bold; color:#000; background:url(../images/sitemap_btn.png) no-repeat 0 0; }
.sitemap .main:hover { color:#fff; background-position:0 -30px; }

.sitemap .sub { float:left; padding-right:10px; margin:7px 12px 7px 0; line-height:1em; font-size:15px; border-right:1px solid #999; }
.sitemap .sub:hover { color:#30a59c; }