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

/*-----------------------------網站整體-----------------------------------*/

body { margin: 0; min-width: 1000px; padding: 0; }
p { margin: 0 0 20px 0; }
p, ul { font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:200; font-style:normal; }
img { max-width: 100%; border: 0; display:block; }

.contain { overflow: hidden; min-width: 1000px; margin: 0 auto; /*區塊內文設定*/ }

/*-----------------------------頁面CSS-----------------------------------*/

#top { background: #10CBB7; width: 100%; height: 157px; }
#second { min-height: 929px;}
#third { min-height: 573px;}
#fourth { min-height: 517px;}
#fifth { min-height: 710px;}
#sixth { min-height: 487px;}

/*aside*/
#aside { position:fixed; right:5px; top:150px; z-index:100000;}

/*top*/
#logo { max-width: 347px; margin:0 auto 9px;}

/*second*/
#second .contain { position: relative;}
#vimeo { position: absolute; top: 8%; right: 6%;}
.fancyButton { background:none; position: absolute; bottom: 9%; left: 4%; display: inline-block; width: 23%; height: 6%; cursor: pointer; }

/*third*/
#third .contain { position: relative;}
.thirdButton { /*background: #000;*/ position: absolute; bottom: 8%; right: 12%; display: block; width: 16%; height: 18%; cursor: pointer; }

/*sixth*/
#sixth .contain { position: relative;}
.sixthButton { /*background: #000;*/ position: absolute; bottom: 24%; left: 16%; display: inline-block; width: 22%; height: 12%; cursor: pointer; }

/*-----------------------------Nivo輪播-----------------------------------*/

.nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; }
.nivoSlider img { top:0px; left:0px; max-width: none; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; /*display:none;*/ }
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; }
.nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; }
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; }
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
.nivo-controlNav { text-align:center; padding: 5px 0; }
.nivo-controlNav a { cursor:pointer; }
.nivo-controlNav a.active { font-weight:bold; }
.theme-default .nivoSlider { width: 765px; height: 300px; z-index: 0; background-color:#333 }
.theme-default .nivoSlider img { display:none; }
.theme-default .nivo-controlNav { position:absolute; left:0; text-align: center; }
.theme-default .nivo-controlNav a { display:inline-block; margin:0px 7px; }
.theme-default .nivo-controlNav a.active { background-position:0 -22px; }
.theme-default .nivo-directionNav a { display:block; width:30px; height:53px; background:url(../../images/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; z-index: 100; }
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav { background-position:-150px 0; right:15px; }
.theme-default a.nivo-prevNav { left:15px; }

/*thumb controler*/
.theme-default .nivo-controlNav.nivo-thumbs-enabled {text-align:right; margin-left:-1048px; width: 773px; z-index: 10; position:absolute;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {width: auto; height: auto; background: none; border:1px #fff solid; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled a:hover {border: 1px #fff solid; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {display: none; width: 61px; height:30px; }