/*====================================================================
 VVdemo V3版 首建日2014/11/18 Roni 
 Test browser：IE7~IE10/Chrome/Firefox 33↓測試ok
 Final date 2014/12/01 Roni
=====================================================================*/

body{background:#c7e3f8;color:#333;font:15px/1.5 Arial, Helvetica, sans-serif;padding:0;min-width:960px !ie;}body,h1,h2,h3,h4,h5,h6,figure,small,.small,figcaption,ol,ul,dl,dt,dd,blockquote,p{margin:0;}h1,h2,h3,h4,h5,h6,figure,footer ul{padding:0;}ul li{list-style:none;}h1,h2,h3,h4,h5,h6{line-height:normal;}.sp-padding{font-weight:normal;}.p{padding:0 0 15px;}img,.noborder{border:none;}.clearer{clear:both;margin:0;padding:0;line-height:0;font-size:0;height:0;}.clear{clear:both;}.overflow_h,.base_menu,.fp-slides,.slider_ul{overflow:hidden;}a{color:#c00;outline:0;hlbr:expression(this.onFocus=this.blur())}a:hover{color:#c00;}input,textarea,select{font:normal 1em Arial,Helvetica,sans-serif;color:#333;}input:focus,textarea:focus{outline:0;}.img_l{padding:0 12px 6px 0}.img_r{padding:0 0 6px 12px}.img_v{vertical-align:middle}.f_l,.img_l,.base_menu li,.base_menu li a,.fp-slidesContainer,.fp-slide,#examplesList,#examplesList .column{float:left;}.f_c,.wrapper,.slider_box,.imggallery_box{margin:0 auto;}.f_r,.img_r{float:right;}.t_r,#infoMenu{text-align:right;}.t_c{text-align:center;}.point_ul{padding:0 0 1.2em;}.point_ul li{list-style:outside;list-style-type:disc;margin-left:16px;}.point_ul li li{list-style:square outside;margin-left:1.8em;}#fullpage #section1 .intro{}.foo_pagination{padding-top:1em;font-size:12px;letter-spacing:.1em;}.foo_pagination li.looking{background:#f60;padding:3px 5px;margin-left:3px;}*+html .foo_pagination li.looking{padding:3px 1px 3px 5px;vertical-align:3px;color:#666;}html:root .foo_pagination li a,html:root .foo_pagination li.looking{padding:1px 5px;border-radius:3px;}.foo_pagination li a:hover{background:#aaa;}.foo_pagination li.looking,.foo_pagination li a:hover,footer,footer a,.fp-tooltip,.coffee_bg,.base_menu li.active a,.base_menu li.active a,.gallery_pagination,.slider_ul div p,.lightblue_bg .slider_ul div:hover p,.ie7_navbug{color:#fff;}.base_menu li a,footer,footer a,.gallery_paginationdn,.gallery_paginationav,.gallery_pagination:hover,.back_btn a{color:#5a2123;}.back_btn a:hover{color:#d12d2f;}

/*----------------------------base區--------------------------------*/
.imggallery_box{max-width:960px;overflow-x:hidden !ie;}footer{width:100%;}.imggallery_box{padding:0 8px;}.wrapper{width:960px;}.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.block,.vvdemo_logo a{display:block;}.inline,.foo_pagination li{display:inline;}.inline_block,.foo_pagination li a {display:inline-block;}.logo a,.vvdemo_logo a{text-indent:-9999px;text-indent:0 !ie;line-height:8000em !ie;}h1,h2{font-family:"\5Fae\8Edf\6B63\9ed1\9ad4","Gulim",sans-serif;letter-spacing:.03em;font-weight:normal;}h1{font-size:50px;}h2,.h2{font-size:32px;}.slider-pro h1{letter-spacing:-.05em;}h3,.h3{font-size:16px}h4,.h4{font-size:15px}h5,.h5{font-size:13px}h6,.h6{font-size:12px;}.small{font-size:11px;-o-transform:scale(1);}.col_two{width:48.5%;}a,.foo_pagination li a,.foo_pagination li a:hover{text-decoration:none;}.narrative{padding-bottom:5px;}


/*----------------------------header區------------------------------*/
.base_menu{padding:1.1em 0 0 0;}.base_menu li{margin:0 0 .3em .3em;}.base_menu li a{background:url("images/png_60.png") repeat;border-radius:10px;text-shadow:0 1px 0 #ddd;}.base_menu li.active a{background:url("images/black_60.png") repeat;text-shadow:none;}.base_menu li.active a:hover{color:#000}.base_menu li a:hover{background:url("images/png_80.png") repeat;color:#000;}.base_menu li a,.base_menu li.active a{padding:.3em 2em;  font-family:"\5Fae\8Edf\6B63\9ed1\9ad4","Gulim",sans-serif;}.vvdemo_logo{padding:0 0 .6em;}.vvdemo_logo a{width:197px;height:55px;background:url("images/vvdemo_logo.png") no-repeat;}.ie7_navbug{padding:1px 5px 0 0;text-align:right;line-height:normal;font-size:.8em;}

/*---------------籤色設置，主要針對html5 bowser製作-----------------*/
.coffee_bg{background:#ad3f3e;}.lightgreen_bg{background:#cc9;color:#47592e;}.purple_bg{background:#506fa7;color:#b9d7fb;}.tea_bg{background:#caba9e;color:#630;}.green_bg{background:#758b6f;color:#dde7c6;}.lightblue_bg{background:#98d9db;color:#1d7c80;}.coffee_bg .slider_ul div:hover p{color:#fc0;}.lightgreen_bg .slider_ul div:hover p{color:#47592e;}.purple_bg .slider_ul div:hover p{color:#b9d7fb;}.tea_bg .slider_ul div:hover p{color:#630;}.green_bg .slider_ul div:hover p{color:#dde7c6;}.coffee_bg .slider_ul img{border:.4em inset #e59780;}.lightgreen_bg .slider_ul img{border:.4em inset #f8ff80;}.purple_bg .slider_ul img{border:.4em inset #a6d6ff;}.tea_bg .slider_ul img{border:.4em inset #fae3c5;}.green_bg .slider_ul img{border:.4em inset #a8cf81;}.lightblue_bg .slider_ul img{border:.4em inset #ddfdfe;}.lightblue_bg .slider_ul div p{color:#1d7c80;}


/*------------------------js responsive圖廊--------------------------*/
#img_gallery{ min-width:960px \9;}.back_btn{margin:0 10px 12px 0;}.back_btn a{text-shadow:0 1px 0 #e0dad7;border-radius:.6em;border:1px solid #b4a2a0;padding:.3em 1em;background:-webkit-linear-gradient(top,#e0dad7 0,#cfc9c7 50%,#c0bbb9 70%);background:-moz-linear-gradient(center top,#e0dad7 0,#cfc9c7 50%,#c0bbb9 70%);background:-o-linear-gradient(center top,#e0dad7 0,#cfc9c7 50%,#c0bbb9 70%);background:-ms-linear-gradient(center top,#e0dad7 0,#cfc9c7 50%,#c0bbb9 70%) repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0dad7',endColorstr='#c0bbb9',GradientType=0 );background-image:-ms-linear-gradient(top,#e0dad7 0,#cfc9c7 50%,#c0bbb9 70%);zoom:1;}}

/*------------------------Ajax 預先載入loader--------------------------*/
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#5a2123;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}.pace .pace-progress-inner{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #fff,0 0 5px #fff;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px,-4px);-moz-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);-o-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}.pace .pace-activity{display:block;position:fixed;z-index:2000;top:12px;right:12px;width:30px;height:30px;border:solid 2px transparent;border-top-color:#5a2123;border-left-color:#5a2123;border-radius:30px;box-shadow:1px 1px 2px #fff;-webkit-animation:pace-spinner 400ms linear infinite;-moz-animation:pace-spinner 400ms linear infinite;-ms-animation:pace-spinner 400ms linear infinite;-o-animation:pace-spinner 400ms linear infinite;animation:pace-spinner 400ms linear infinite} @-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}} @-o-keyframes pace-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}} @-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes pace-spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}


/*----------------------------footer區-------------------------------*/
footer{bottom:0;font-size:.8em;z-index:2000;padding:1.7em 0 0;border-top:1px solid #adadad;}footer .company{padding:0 .5em;}footer .h3{padding-bottom:.5em;}footer,.gallery_paginationdn,.gallery_paginationav,.gallery_pagination:hover{text-shadow:0 1px 1px #fff;background:-webkit-linear-gradient(top,#edeeee 0,#c5c7c8 9%,#eee 96%);background:-moz-linear-gradient(center top,#edeeee 0,#c5c7c8 9%,#eee 96%);background:-o-linear-gradient(center top,#edeeee 0,#c5c7c8 9%,#eee 96%);background:-ms-linear-gradient(center top,#edeeee 0,#c5c7c8 9%,#eee 96%) repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#edeeee',endColorstr='#aaaaaa',GradientType=0);background-image:-ms-linear-gradient(top,#edeeee 0,#c5c7c8 9%,#eee 96%);}


/*-----------------------------chrome only---------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {.small{-webkit-transform:scale(0.83); letter-spacing:-.01em;}}

/*--------------------------IE8 only hack----------------------------*/
@media \0screen {body{min-width:990px;}}

/*-----------------------------Firefox only--------------------------*/
@-moz-document url-prefix(){h4,.h4{margin-top:0;}}

/*----------------------------footer區-------------------------------*/
footer{bottom:0;font-size:.8em;z-index:2000;padding:1.7em 0 1.3em;border-top:1px solid #adadad;}.company{padding:0 .5em;}footer .h3{padding-bottom:.5em;}

/*-----------------------------chrome only---------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {.small{-webkit-transform:scale(0.83); letter-spacing:-.01em;}}

/*-----------------------------Firefox only--------------------------*/
@-moz-document url-prefix(){}


@media screen and (max-width:989px){.container{padding:0 12px;}}
@media screen and (max-width:850px){.base_menu li a, .base_menu li.active a{padding:.3em .8em;}.imggallery_box h1{display:none;}.f_r.back_btn{float:none;clear:both;margin:0 0 .7em;}.f_r.back_btn a{display:block;}.narrative,.f_r.back_btn a,.slider-pro h1{text-align:center;float:none;}}