body,p,a,h1,h2,h3,h4,h5,h6,.control-label{font-family:arial, '微軟正黑體'!important;}
/*全站樣式設定*/
/*h2標題字顏色*/
h2.sppb-addon-title,.entry-header h2 a {
    color: #facb01!important;
}
p {color: #fff;}
p,.sppb-addon-text,.control-label,button.btn.btn-primary.jsn-form-submit{
    font-size: 12pt!important;
    line-height: 22pt!important;
}
/*logo*/
#sp-logo .sp-column {
    padding-left: 30px;
}
/*全站表單*/
.jsn-column-item {
    color: #000!important;
}
textarea {
    height: 100pt;
}
.controls {
    padding-left: 20px;
}

.navbar.navbar-fixed-top {
    box-shadow: 0px 2px 5px 3px rgba(61, 55, 55, 0.3);
}


/*Coming soon*/
.coming_soon_time{
	font-weight:800;
	margin-top: 50px;
}

.coming_soon_content{
	line-height:1.5em;
}

/*首頁圖片滑入字型樣式*/
.itemid-437 a.uk-link-reset {
    color: #FFC107;
    font-size: 40pt!important;
}
.itemid-437 .uk-margin h1,.itemid-437 .uk-margin h2 {
    color: #FFC107!important;
}
.itemid-437 .uk-overlay-panel h3,.itemid-437 .uk-margin h2 {
  text-shadow:2px 2px 3px #8a6d3b!important;
}
.itemid-437 .uk-margin p{color:#000;}
.itemid-437 #sp-main-body {
    padding: 0px 0px 0px 0px!important;
}
/*頁面head(麵包屑那塊)*/
.sp-page-title {
    background: #facb01;
    background-position: 50% 40%!important;
    background-repeat: no-repeat;
}

/***
作品集
***/
/*瀏覽更多樣式*/
.sprocket-mosaic-loadmore,.pager .next>a, .pager .next>span,.pager li>a, .pager li>a:focus {
    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
    color: #000!important;
    border: 1px solid #705b00!important;
    box-shadow: 1px 3px 3px #333;
}

/*作品集內頁-更多作品滑塊*/
#sp-bottom #sp-bottom1 .sp-module .sp-module-title {
    text-transform: none;
    font-weight: 800;
    font-size: 32px;
    text-align:center!important;
    color: #facb01;
}

/*作品集內頁-下方精選作品*/
#sp-bottom1 .uk-slider h3{
    background-color: rgba(0,0,0,0.7)!important;
    width: 300px!important;
    padding: 30px!important;
  color: #facb01!important;
}


/*滑塊出現的下底線*/
#sp-bottom1 .sp-module ul >li{border-bottom: 0px!important;}
/*滑塊的文章標題*/
.cooperation_banner .uk-slider a {
    color: #facb01!important;
}

/***
找外包-系統特點
***/
.cooperation_banner a.uk-link-reset {
 /*  padding: 140px 120px; */
}


/*頁尾*/
#sp-footer {background-color:#fff;}
/*把選單文字隱藏，保留手機版選單的圖*/
#sp-footer .sp-module ul >li {
    display: block;
    width: 80px;
    border-bottom: 0px;
    float: left;
}
/*隱藏首頁*/
li.item-437 {
    display: none!important;
}
.nav menu .nav>li {

	/* display:none; */

}


.itemid-437 #sp-header {
    position: absolute; 
    box-shadow: 0 0px 0px rgba(0,0,0,0.0)!important;
/*
    background: rgba(100%, 100%, 100%, 0)!important;
    height: 90px;
    margin-bottom: -100px;
   
    z-index: 9999!important;
*/
}
.index_widgetkit{ /*z-index: 1!important; */}

/*不該出現的先隱藏 (應該設定僅首頁隱藏)*/
.sp-module {margin-top: 0px;}
section#sp-top-bar{display: none; }
a#offcanvas-toggler {display: none; }

.itemid-437 div#sp-header-sticky-wrapper { display: none;  }

/*把LOGO 插入選單中, 此元件不適用 offcanvers 的位置*/
/*背景方式插入*/
/*
div#zacan-menu:before { 
    content: " ";
    background-image: url(../../../images/FHlogo.jpg);
    background-position: center center;
    width: auto;
    height: 250px;
    margin: 0 auto;
    display: block;
}
*/
/*用圖片方式插入*/
div#zacan-menu:before {
    content: url(../../../images/index/linkinwow_logo.png);
    display: block;
    text-align: center;
    margin-right: 45px;
    margin-bottom: 30px;

}

/*footer 隱藏 - 設定僅首頁隱藏*/
.itemid-437 footer#sp-footer {   
    display: none; 
}
#sp-footer {
    background-color: #271D1B;
}
/*首頁 Widgekit Slider 文字*/
.uk-overlay-panel{
    color: #671616;
}
/*
* Header 設定
*/
.za-menu-wrap{
	padding-top: 30px !important;
}
a.navbar-brand {
    padding: 10px;
}
.offcanvers_ZA{
	margin-top:0px;
}

.sp-megamenu-parent >li >a {
    display: inline-block;
    padding: 0px 15px;
    line-height: 60px;
    margin: 15px 2px;
    text-align: center;
    min-width: 80px;
    font-weight: 800;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #C8C9CA;
}

.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {
    color: #ffffff;
    background-color: #facb01;
    text-shadow: 1px 1px 1px #291f1d;
}
.za-icon-list li a{
    font-weight: 800;
    font-size: 18px;
}
.za-icon-list li a:hover ,.za-icon-list li.active > a {
    background-color: #facb01 !important;
    color: #ffffff !important;
    text-shadow: 1px 1px 1px #291f1d;
}
body.za-show-menu div#za-menu-wrap {
    box-shadow: 4px 0px 5px rgba(146, 135, 135, 0.3);
    transition: box-shadow 2s;
}
#sp-header {
    background: #291F1D;
    height: 100px;
    padding: 5px 0;
    box-shadow: 0px 2px 5px 3px rgba(61, 55, 55, 0.3);
    width: 100%;
}

div#sp-header-sticky-wrapper{
	box-shadow: 0px 2px 5px 3px rgba(61, 55, 55, 0.3);
	position: relative;
	z-index: 9;
}
div#sp-search {
    margin: 28px 0;
}
.nav>li>a:hover, .nav>li>a:focus{
    background:none;
}
.marbottom{
	margin-bottom:70px !important;
}
/*內頁選單樣式設定*/
.Bootstrap-Nav  ul >li{
	border:0px;
}
.Bootstrap-Nav .navbar.navbar-fixed-top {
    height: 102px;
}
.navbar-collapse.collapse {
    margin: 25px;
    float: right;
}
.sp-module ul >li >a:before{
	content: "";
	margin-right:0;
}
.Bootstrap-Nav .navbar-collapse.collapse li {
 padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
}
.Bootstrap-Nav .navbar-collapse.collapse li.active, .Bootstrap-Nav .navbar-collapse.collapse li:hover{
    background-color: #FACB01;
    /* color: beige; */
}
.Bootstrap-Nav .navbar-collapse.collapse li.active a, .Bootstrap-Nav .navbar-collapse.collapse li:hover a{
   color: #000 !important;
}


/*內頁大圖輪播按鈕*/
body.itemid-509 #sp-page-builder .page-content .sppb-section {
    margin-top: 0px;
}
a.btn.btn-lg.btn-primary {
    background-color: #FACB01;
    border-color: #facb01;
    color: #000!important;
}
.carousel-caption {
    margin-left: 700px;
    text-align: left;
    margin-bottom: 70px;
}

section.sppb-section.Finished_List_Style {
    padding: 0px;
}

.Finished_List_Style .uk-width-medium-1-4.uk-row-first > ul > li > a {
    margin-top: 0px;
}


.uk-width-medium-1-4.uk-row-first > ul > li > a {
	margin-top: 0px;
	color: #fff;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 800;
	padding: 10px 20px !important;
	border:0px;
	border-top: 1px solid #666;
	border-radius: 0px !important;
	margin-right: 1px;
	
}
.uk-width-medium-1-4.uk-row-first > ul > li > a:hover{
	margin-right: 1px;
}
.uk-width-medium-1-4.uk-row-first > ul > li:first-child > a {
	border-top:0px;
}
/* 啟動的 li*/
.uk-width-medium-1-4.uk-row-first > ul > li.uk-active > a {
    	color: #302725 !important;
    	margin-right: 0px!important;
}



/*左邊TAB寬度設定*/ 
.uk-width-medium-1-4 {
    width: 20%;
}

/*右邊視窗寬度設定*/

.uk-width-medium-3-4 {
    width: 80%;
}
/* TAB 內文設定 */
.Full_Slider_contact {
    color: #3c363e;
}
.full_title {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2em;
}
.full_subtitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2em;
    text-transform:uppercase;
}
.full_inside {
    width: 40%;
    margin: 10px 0px;
    font-weight: 500;
}
.full_go_btn {
    background: #dbdddc;
    display: -webkit-inline-box;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    margin: 10px;
    font-weight: 800;
    box-shadow: 2px 3px 1px #525252;
    cursor: pointer;
}


.full_function_Style .uk-width-medium-3-4 .uk-panel-space .uk-margin:last-child {
    margin-top: 20px;
    position: absolute;
    top: 10%;
    left: 5%;
}

.full_go_btn:hover {
    color: #302725;
}
.full_go_btn {
    color: #666666;
}








/*形象網站加購選項*/
.web_1 {
    color: #fff;
    text-align: center;
}
.sp-feature {
    text-align: center;
}


/*
*形象網站 功能項目
*/


/*Icon圖片置中*/
.Item_Style .uk-panel-teaser > img {
    margin: 0 auto;
}
/*Icon 下文字置中*/
.Item_Style .uk-panel {
    text-align: center;
}
.Item_Style > div {
    margin: 20px 0px;
}

/*裝載Icon的整個大區塊 padding*/
.nn_tabs.outline_content>.tab-content>.tab-pane {
    padding: 30px;
}
.nn_tabs.outline_content>.tab-content , div.nn_tabs-pane{
	border:0px;
}
h3.uk-panel-title {
    height: 2em;
    margin-bottom:10px;
}
h3.uk-panel-title + .uk-margin {
    margin-top: 10px;
}
/*加購區的文字敘述顏色*/
.black_back .uk-panel-title{
	color:#fff;
}
.black_back .uk-margin {
    color: #DBDCDC;
}
/*Tab 背景*/
li.nn_tabs-tab a{
    width: 115px;
    height: 37px;
    background-repeat: no-repeat;
    border-radius: 5px !important;
     box-shadow: 1px 1px 1px #999 !important;
}
span.rl_tabs-toggle-inner.nn_tabs-toggle-inner {
    color: rgba(250, 235, 215, 0);
}
li.nn_tabs-tab.tag_Basic a {
    background-image: url(../../../images/ICON/Btn_bg/tag_Basic.png) ;
    transition: all 0.3s;
}
li.nn_tabs-tab.tag_Features a {
    background-image: url(../../../images/ICON/Btn_bg/tag_Features.png);
    transition: all 0.3s;
}
/*Active 時的偏移量*/
li.nn_tabs-tab.active a {
	background-position: 0 -37px !important;
}
li.nn_tabs-tab.tag_Basic a:hover {
    background-position: 0 -37px !important;
    transition: all 0.3s;
}
/*Panel 跟 標籤的距離跟美化*/
.nn_tabs.outline_handles ul.nav-tabs>li a, .nn_tabs.outline_handles ul.nav-tabs>li a:hover{
	border:0px;
}
.nn_tabs.outline_content>ul.nav-tabs {
    margin-bottom: 30px;
}


.nn_tabs .nav-tabs {
    border-bottom: 0px solid #ddd;
}
div.Finished-filter > div > ul > li > a{
	color: rgba(255,255,255,0) !important;
	width: 115px;
	height: 37px;
}
/*
 *改 "sp-simpleportfolio  Tag  
*/
/*All*/
div.Finished-filter > div > ul > li[data-group="all"] a {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_all.png) !important;
}
/*形象網站 website*/
div.Finished-filter > div > ul > li[data-group="website"] a {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_brand.png) !important;
}
/*購物網站 shopping-web */
div.Finished-filter > div > ul > li[data-group="shopping-web"] a {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_buy.png) !important;
}
/*民宿網站 house-web */
div.Finished-filter > div > ul > li[data-group="house-web"] a {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_homestay.png) !important;
}
/*活動網站 event*/
div.Finished-filter > div > ul > li[data-group="event"] a {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_event.png) !important;
}
/*內容訂閱 content-order*/
div.Finished-filter > div > ul > li[data-group="content-order"] a {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_book.png) !important;
}
/*房屋網站 property*/
div.Finished-filter > div > ul > li[data-group="property"] a {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_house.png) !important;
}
/*廣告平台 ad-web*/
div.Finished-filter > div > ul > li[data-group="ad-web"] a {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_AD.png) !important;
}
/*餐飲美食 restaurant*/
div.Finished-filter > div > ul > li[data-group="restaurant"] a {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_food.png) !important;
}

/*Tag 標籤外觀*/
div.Finished-filter > div > ul > li > a{
	border-radius: 5px !important;
}
div.Finished-filter > div > ul > li.active > a,div.Finished-filter > div > ul > li> a:hover{
	background-position: 0 -37px !important;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a, .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover{
	background:none;
}
.rl_tabs .nav-tabs>li>a{
	padding: 6px 9pt;
	cursor: pointer !important;
}



/*
 * 改 "Jsn pagebuilder 
*/
section#sp-main-body {
    background-color: #302725;
    color: #EFEEEF;
    padding:40px 0;
}
.Work_title > h2,.Work_title> h3 {
    color: #facb01 !important;
}
.jsn-bootstrap3.jsn-pagebuilder.pb-element-container.pb-element-buttonbar.Work_btn_g {
    margin-top: 20px;
}
dl.article-info * {
    color: #EFEEEF;
}


/*
 * 改 "ROKportfolio  Tag  
*/
.sprocket-mosaic .sprocket-mosaic-tags li, #main .sprocket-mosaic ul.sprocket-mosaic-tags li {
    width: auto;
    margin-right: 1px;
    padding: 0 5px;
    background: #525252;
    border-radius: 4px;
    border: 1px solid #525252;
    text-shadow: 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px #333333 inset;
    color: #ffffff;
    font-style: initial;
    font-weight: 800;
}
.sprocket-mosaic-hover {
    position: absolute;
    border-color: rgba(250, 203, 1, 0.56);
    border-style: solid;
    border-width: 415px 415px 0 0;
    bottom: 0;
    right: 0;
    margin-right: -415px;
    -webkit-transition: margin 0.2s ease-in;
    -moz-transition: margin 0.2s ease-in;
    -o-transition: margin 0.2s ease-in;
    -ms-transition: margin 0.2s ease-in;
    transition: margin 0.2s ease-in;
}
span.sprocket-mosaic-hovercontent {
    color: #f7c221;
    text-shadow: 2px 2px 1px #271d1b;
    width: 100px;
}
.sprocket-mosaic-filter li, .sprocket-mosaic-order li {
    border: 1px solid #ddd;
    background: #525252;
}
.sprocket-mosaic-item {
    border: 1px solid #facb01;
    border-radius: 4px;
}

.sprocket-mosaic .sprocket-mosaic-tags li, #main .sprocket-mosaic ul.sprocket-mosaic-tags li {
    width: auto;
    margin-right: 1px;
    padding: 0 5px;
    background: #525252;
    border-radius: 4px;
}
.sprocket-mosaic .sprocket-mosaic-tags, #main .sprocket-mosaic ul.sprocket-mosaic-tags {
    margin: 10px -10px -10px;
    padding: 5px;
    /* background: #efefef; */
    background: #facb01;
    border-radius: 0 0 4px 4px;
    font-size: 90%;
    font-style: italic;
}
a.sprocket-readmore {
    display: none;
}

/* Poortfolio */
.sprocket-mosaic-filter > ul >li {
	color: rgba(255,255,255,0) !important;
	width: 115px;
	height: 37px;
}


/*All*/
.sprocket-mosaic-filter > ul >li[data-mosaic-filterby="all"] {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_all.png) !important;
}
/*形象網站 website*/
.sprocket-mosaic-filter > ul >li[data-mosaic-filterby="形象網站"] {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_brand.png) !important;
}
/*購物網站 shopping-web */
.sprocket-mosaic-filter > ul >li[data-mosaic-filterby="購物網站"] {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_buy.png) !important;
}
/*民宿網站 house-web */
.sprocket-mosaic-filter > ul >li[data-mosaic-filterby="訂房網站"] {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_homestay.png) !important;
}
/*活動網站 event*/
.sprocket-mosaic-filter > ul >li[data-mosaic-filterby="活動網站"] {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_event.png) !important;
}
/*內容訂閱 content-order*/
.sprocket-mosaic-filter > ul >li[data-mosaic-filterby="內容訂閱"] {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_book.png) !important;
}
/*房屋網站 property*/
.sprocket-mosaic-filter > ul >li[data-mosaic-filterby="房屋網站"] {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_house.png) !important;
}
/*廣告平台 ad-web*/
.sprocket-mosaic-filter > ul >li[data-mosaic-filterby="廣告平台"] {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_ad.png) !important;
}
/*餐飲美食 restaurant*/
.sprocket-mosaic-filter > ul >li[data-mosaic-filterby="餐飲美食"] {
    background-image: url(../../../images/ICON/function_Class_Icon/tag_food.png) !important;
}
/*Tag 標籤外觀*/
.sprocket-mosaic-filter > ul >li{
	border-radius: 5px !important;
	transition: all .3s;
}
.sprocket-mosaic-filter > ul >li.active ,.sprocket-mosaic-filter > ul >li:hover{
	background-position: 0 -38px !important;
	transition: all .3s;
}



/***
**網站培訓
***/
.uk-grid.uk-flex-middle {
  border-bottom:solid 1px #ccc;
   padding-bottom: 40px;
  padding-top:40px;
}
.uk-panel h3{color:#facb01;}
.uk-panel span{font-size:14pt; line-height:30pt;}

/*課程報名*/
.osm-container .span7 {width: 100%!important;}
.osm-container .span5 {width: 95%!important;}


.itemid-642 section#sp-main-body {
    background-color: #302725;
    color: #fff;
}
.osm-container .osm-item-description{
    padding: 10px 20px;
}

/*註冊頁面的文字顏色*/
.itemid-642 p,.itemid-642 tr,.itemid-647 p,.itemid-647 tr{color:rgb(48, 39, 37)!important;font-size:12pt;font-weight: 500;}
/*註冊按鈕*/
.itemid-642 #sp-left .btn-primary{
    width: 60px;
}
/*詳細資訊按鈕*/
.itemid-642 #sp-left .sp-module ul >li >a,.itemid-642 #sp-left a.btn {
    color:rgb(112, 77, 0)!important;
    padding: 0px 10px;
    background: #fbd634;
}
.itemid-518 .osm-taskbar a,.itemid-518 .osm-taskbar a.btn,.itemid-642 input[type="submit"].btn,.itemid-642 .osm-taskbar ul > li>a {color:rgb(112, 77, 0)!important;background: #fbd634;}
.itemid-642 .osm-taskbar .sp-module ul >li >a:hover,.itemid-642 .osm-taskbar a.btn:hover {
    color: rgb(112, 77, 0);
    
}
div#osm-subscription-complete tr, div#osm-subscription-complete p {
    color: #f7f7f7 !important;
}
div#osm-subscription-complete table.os_table {
    border-top: 1px solid #fff;
}
div#osm-subscription-complete h1.osm-page-title {
    margin: 0 0 10px 0 !important;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}
/*網站培訓-基本課程 標題*/
.osm-container h2.osm-item-title{
    margin: 6px 0 !important;
    font-size: 21pt!important;
    text-align: center;
}
.osm-container .osm-item-heading-box h3.osm-item-title{
    margin: 6px 0 !important;
    font-size: 21pt!important;
        padding: 10px;
}
body.site.com-osmembership.view-categories.no-layout.no-task.itemid-642 .osm-container .osm-item-heading-box {
    border-radius: 5px;
    background: none;
    margin: 10px;
}
body.site.com-osmembership.view-categories.no-layout.no-task.itemid-642 .osm-container .osm-item-heading-box :hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.form-actions {background-color: #302725;}
.input-prepend .add-on {
    margin-right: -1px;
    height: 34px!important;
    color: #000;
}

/*********************
***     價目表
*********************/


.Tx_iA .uk-cover-background {
	background-position: 0% 0%;
	background-size: contain;
	background-repeat: no-repeat
}
.Tx_iA .uk-panel.uk-overlay.uk-overlay-hover.uk-cover-background {
    background-color: #f5f5f5;
    border: 2px solid #999 !important;
}
.Tx_iA .uk-slider-container {  overflow: visible; }

.Tx_iA .uk-overlay-panel {  position: static;  }
    
.Tx_iA .uk-overlay { 
	position: static;
	overflow: visible; 
 }

.uk-slidenav-position.Tx_iA ul > li > div { height: auto !important; }
.uk-slidenav-position.Tx_iA ul > li.uk-active > div { height: auto !important; }

.Tx_iA .sp-module ul >li { border-bottom: 0px; }

.Tx_iA  li.uk-active { top: -20px;}

.Tx_iA .uk-slider>* { position: static; }

.uk-slidenav-position.Tx_iA >  div > ul > li { width: 430px !important; }

/* Price Icon */

.price_icon{ min-height:222px; /*單一個項目高度為 222 / 3 */ }
.price_icon  > ul > li[class ^= "icon_"]:before{margin-right: 15px;}

.price_btn a,.price_buy_btn a {text-decoration: none!important;/*連結去底線*/}

li.icon_pi_01:before { content: url("../../../images/ICON/function1/program-item_01.png");}
li.icon_pi_02:before { content: url("../../../images/ICON/function1/program-item_02.png");}
li.icon_pi_03:before { content: url("../../../images/ICON/function1/program-item_07.png");}
li.icon_pi_04:before { content: url("../../../images/ICON/function1/program-item_04.png");}
li.icon_pi_05:before { content: url("../../../images/ICON/function1/program-item_05.png");}
li.icon_pi_06:before { content: url("../../../images/ICON/function1/program-item_06.png");}
li.icon_pi_07:before { content: url("../../../images/ICON/function1/program-item_03.png");}

.price_icon > ul { padding: 3px; }
.price_icon > ul > li {
    height: 74px;
    border-bottom: 1px solid #ccc !important;
    display: flex;
    line-height: 64px;
    font-size: 16px;
    font-weight: 600;
}


/*修飾*/
.Tx_iA *+.uk-margin { margin-top: 0px; }

.price_blue{    color: #2EA6E2; }
.price_yellow{    color: #FBCA01; }
.price_red{    color: #E61374; }

.price > span { font-size:14px; }
.Slider_prices { color: #000; }

.price {
	font-size: 3.5em;
	line-height: 1em;
	 padding-left: 14px;
	margin: 60px 0px 0px 0px;
}

.Tx_iA ul > li div h3 {
	color: #000;
	font-weight: 800;
}

.prices_contant {
	font-size: 16px;
	line-height: 1.2em;
}

.price_btn {
	border: 2px solid #FACB00;
	padding: 10px;
	font-size: 1.5em;
	margin: 15px 0px;
	border-radius: 5px;
	background: #f5f5f5;;
	cursor: pointer;
}
.price_btn:hover {
    color: #000;
    text-shadow: 2px 2px 1px #f5f5f5;
    border: 2px solid #fbbf69;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#facb00+1,f7d962+100 */
	background: rgb(250,203,0); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(250,203,0,1) 1%, rgba(247,217,98,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(250,203,0,1) 1%,rgba(247,217,98,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(250,203,0,1) 1%,rgba(247,217,98,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#facb00', endColorstr='#f7d962',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}

.price_buy_btn {
	text-shadow: 2px 1px 1px #F5F5F5;
	border: 2px solid #FACB00;
	padding: 10px;
	font-size: 1.5em;
	margin: 15px 0px;
	border-radius: 5px;
	background: #FACB00;
	color: #555555;
	font-weight: 800;
	box-shadow: 0px 2px 0px #BF8811;
	cursor: pointer;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#facb00+1,f7d962+100 */
	background: rgb(250,203,0); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(250,203,0,1) 1%, rgba(247,217,98,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(250,203,0,1) 1%,rgba(247,217,98,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(250,203,0,1) 1%,rgba(247,217,98,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#facb00', endColorstr='#f7d962',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}
.price_buy_btn:hover {
    box-shadow: 0px 1px 0px #BF8811;
}
.uk-slidenav-position.Tx_iA ul > li > div > div > div {  width: 90%; }
.uk-slidenav-position.Tx_iA {  padding: 50px 0px; }
body.itemid-518 .osm-description-details.col-md-7 {
    width: 100%;
}
body.itemid-518 .col-md-5 {
    width: 100%;
}

body.itemid-518 td.osm-plan-property-label {
    text-align: right;
}
body.itemid-518 td.osm-plan-property-value {
    text-align: center;
}
body.itemid-518 .osm-description-details{
    font-weight: 800;
}
.sppb-addon-container.sppb-wow.fadeInLeft.sppb-animated .sppb-addon-content > p {
    text-shadow: 1px 1px 1px #302725;
}
body.itemid-437 .alert{
	dispaly:none;    
}

.osm-item-description-text > ul > li,.osm-description-details> ul > li {
    color: #302725 !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #ccc;
    line-height: 1.5em;
}
.plan_title {
    background-color: #302725;
    color: #fff;
    width: 95%;
    padding: 10px;
    margin: 10px 0;
}
body.itemid-647 h1.osm-page-title{
 margin: 5px 0 5px 0 !important;
 text-align: center;
}
.osm-item-wrapper.col-md-4:hover .osm-item-description.clearfix{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1e767+0,feb645+100;Yellow+3D */
background: rgb(241,231,103); /* Old browsers */
background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
}
.osm-item-wrapper.col-md-4:hover .osm-item-heading-box.clearfix { background: #facb01;}
.osm-item-wrapper.col-md-4:hover .osm-item-heading-box.clearfix h2.osm-item-title > a{color:#fff;}
.osm-item-wrapper.col-md-4:hover a.btn.btn-default.btn-primary {
    background: #302725; 
}
/*文章評論*/
#comments-form input {
    display: inline!important;
    padding: 20px!important;
    width: 250px;
}
#comments-footer{display:none;}
.comment-body{margin:10px!important;}
#comments-form textarea {
    max-width: 450px !important;
    width: 450px;
    height: 120px!important;
    margin: 0;
    resize: none;
}
#comments-form .btn, #comments-report-form .btn ,#comments-form .btn div{
    background: url() no-repeat;
}
#comments-form .btn:hover, #comments-report-form .btn,#comments-form .btn div{background: url() no-repeat;}
#comments-form .grippie,#comments-form span.captcha, #jcomments-about{display:none!important;}
#comments-form .btn a{
    text-decoration: none;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    color: #fff!important;
    background-color: #4b5c6e;
    padding: 10px 20px 10px 20px;
    font-weight:normal;
    border: solid 1px #ccc;
}
#comments-form .btn a:hover,#comments-form .btn a:focus{
    color: #fff!important;
    background-color: #4b5c6e;
}
#comments-form input.captcha {
    width: 116px;
    margin: -20px 0 5px 0;
}
#comments-form img.captcha {
    padding: 0;
    margin: 0 0 -20px 0;
    border: 1px solid #ccc;
}
#comments-form #comments-form-buttons {
    margin-top: -10px;
}
#jc {
    clear: both;
    border: solid 1px #ccc;
    padding: 30px;
    border-radius: 30px 0px 30px 0px;
    margin-top:20px;
}
#jcomments-about{display:none;}
}
/* 關於團隊 */
.itemid-582 p {
    letter-spacing: 2px;
    font-weight: 500;
}
/*分類部落格*/
article.item {
    margin-bottom: 10px;
    border-bottom: solid 1px #9a9a9a;
    padding: 30px 20px;
}
.osm-description-details p {
    color: #aa8c04!important;
}
.sp-menu-item .controls {
    padding-left: 0px!important;
}
/************************************
平板配置 螢幕寬度(可式寬度) 小於或等於 940px 的時候 
例： 平板 橫式 配置
************************************/
@media screen and (max-device-width: 1024px)
{
	
}

/************************************
平板配置 螢幕寬度(可式寬度) 小於或等於 940px 的時候 
例： 平板 直式 配置
************************************/
/* 平板MENU */

@media only screen and (max-width: 940px){

	

}


/************************************
手機板配置 螢幕寬度(可式寬度) 小於或等於 640px 的時候 
例： 手機板 橫式 配置
************************************/
@media screen and (max-device-width: 640px)
{
	.full_inside {
		display: none;
	}
	#sp-logo .sp-column {
		padding-left: 0px;
	}
	#sp-logo.col-xs-8 {
		width: 66.66666667%;
		float: right;
		padding-right: 33px;
	}
}

@media screen and (max-device-width: 480px)
{
	 .Hide_inMobile{
	   display: none !important;
	}
	.uk-slidenav-position.Tx_iA ul > li > div > div > div {
	    width: 80%;
	}
	.Tx_iA .uk-grid>* {
	    padding:0px;
	}
	.Tx_iA .uk-grid {
	     margin-left: 0px;
	}
	.price {
	    font-size: 4em;
	    line-height: 1em;
	    margin: 70px 0px 0px 0px;
	}
	.uk-slidenav-position.Tx_iA {
	    padding: 0px 0px;
	}
	body.itemid-517 .span6,	body.itemid-589 .span6,	body.itemid-588 .span6,	body.itemid-590 .span6 {
		width: 80% !important;
	}
	body.itemid-517 .sppb-addon-container > section.sppb-section,
	body.itemid-589 .sppb-addon-container > section.sppb-section,
	body.itemid-588 .sppb-addon-container > section.sppb-section,
	body.itemid-590 .sppb-addon-container > section.sppb-section {
		padding: 20px !important;
	}
	.cooperation_banner a.uk-link-reset {

		padding: 50px;
	}
}

@media screen and (max-device-width: 320px)
{
	.uk-slidenav-position.Tx_iA ul > li > div > div > div {
	    width: 70%;
	}
}



/*Google 字形*/

@font-face {
font-family: 'cwTeXHei';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?‪#‎iefix‬) format('embedded-opentype'),
	url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
	url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}
.uk-navbar-nav > li > a {
font-family: 'cwTeXHei', serif;}
.uk-article, h1, h2, h3,div { font-family: 'cwTeXHei', serif;}
span,spen,h1, h2, h3,div, a, input,p{
	font-family:"微軟正黑體", Tohoma !important;
}
/*微軟正黑體無法顯示星星的問題(評分)*/
.voting-symbol span.star {
    font-family: "FontAwesome" !important;
   }
[class^="icon-"], [class*=" icon-"]{
    font-family: "FontAwesome" !important;
}
.fa-eye:before {
    content: "\f06e";
    font-family: "FontAwesome" !important;
}
.jsn-bootstrap3 [class^="fa-"], [class*=" fa-"]{
    font-family: "FontAwesome" !important;
}



/* 設定"選取"圖片 或 文字時的CSS*/
::selection {
background: #b65132;
color: #fff;
}
::-moz-selection {
background: #b65132;
color: #fff;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}

/**
* scrollbar
*/
/*-----CUSTOM SCROLLBAR---*/
::-webkit-scrollbar{ /* */
     width: 10px;
}
::-webkit-scrollbar-track{ /* Bar 全軌道 */
  /*   box-shadow: inset 0 0 6px #ccc; */
      background-color:rgba(0,0,0,0);
}
::-webkit-scrollbar-track-piece{   /* Bar 軌道露白部分 */
    background-color:rgba(0,0,0,0.1);
    /*border-radius:4px;*/
    border:1px solid #595959;
}
::-webkit-scrollbar-thumb { /* Bar 本身 */
    background-color:#8B8A88;
    /*box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
     border-radius:4px;  
    border: 2px solid rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #131313; 
}: #000;