@charset "utf-8";
body{
	margin: 0!important;
	padding:0!important;
	font-family: "Microsoft JhengHei"!important;
	background: #fff;
}



/**/
.col-md-2{    
	flex: 0 0 25% !important;
    max-width: 25%!important;
	float:left;
}
.card-body h2{color:#333;font-size:1em;width:100%;text-align: left;font-weight: bold;line-height: 2em;}
.container-fluid {
    padding: 2% 0 !important;
}

.card {
    box-shadow: 0px 4px 8px 0px #7986CB
}

::placeholder {
    color: #ccc;
    opacity: 1
}

:-ms-input-placeholder {
    color: #ccc;
}

::-ms-input-placeholder {
     color: #ccc;
}

button:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline-width: 0
}

.datepicker {
    background-color: #000 !important;
    color: #fff !important;
    border: none;
    padding: 10px !important
}

.datepicker-dropdown:after {
    border-bottom: 6px solid #000
}

thead tr:nth-child(3) th {
    color: #fff !important;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 10px
}


.dow,.old-day,.day,.new-day {
    width: 40px !important;
    height: 40px !important;
    border-radius: 0px !important
}
.old-day:hover,.day:hover,.new-day:hover,.month:hover,.year:hover,.decade:hover,.century:hover {
    border-radius: 6px !important;
    background-color: #eee;
    color: #000
}

.active {
    border-radius: 6px !important;
    background-image: linear-gradient(#90CAF9, #64B5F6) !important;
    color: #000 !important
}

.disabled {
    color: #616161 !important
}

.prev,.next,.datepicker-switch {
    border-radius: 0 !important;
    padding: 20px 10px !important;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff !important;
    opacity: 0.8
}

.prev:hover,.next:hover,.datepicker-switch:hover {
    background-color: inherit !important;
    opacity: 1
}

.cell {
    border: 1px solid #BDBDBD;
    margin: 2px;
    cursor: pointer
}

.cell:hover {
    border: 1px solid #3D5AFE
}

.cell.select {
    background-color: #3D5AFE;
    color: #fff
}

.fa-calendar {
    /*color: #fff;*/
    font-size: 30px;
    padding-top: 8px;
    padding-left: 5px;
    cursor: pointer
}

/**/







img {border:none;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {display: inline-block;}
html[xmlns] .clearfix,.note_btn,article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
* html .clearfix {height: 1%;}
div.bk{clear:both;}
#container{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#main01{
	position:relative;
	width:100%;
	overflow:hidden;
}
.logo img{width:100%;}
.contact{
	margin:0;
	padding:0;
	width:100%;
	background: #18b3c5;
}
body ul{margin:0;padding:0;}
ul {list-style: none;}
a{color:#fff !important;text-decoration: none;}
a:hover{color:#5BDDED !important;text-decoration: none;}
body h2, body ul, body li, body p {
    margin: 0;
    padding: 0;
}

/*top*/
.ad_top{
	background: url(../images/top.png);
	height: 56px;
	width: 55px;
}
.ad_top:hover{background-position: bottom;}

.must{color:#DD1137;}
.en {
    font-size: .9em!important;
	color: #c7c4c4!important;}
.contact_service p {
    font-size: 1em;
	line-height: 1.5em;
    font-weight: bold;
    color: #fbf287;
    margin:0 0 5% 0;
}
.co_ti {
    font-size: 1.5em;
    font-weight: bold;
    color: #fff;
    line-height: 1.5em;
    letter-spacing: 2px;
}
.co_ti:after{
	content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #fff;
    margin:15px 0;
}

.contact_table h1{
	font-size:1.5em;
	font-weight: bold;
	color:#3ad0d1;
	padding:0 0 2% 0;
	border-bottom:1px dashed #cccccc;
	margin:0 0 2% 0;
}	

.font1{ 
	width: 100%;
    height: 40px;
    border: 2px solid #ececec;
	padding:0 2%;  
	background-color: #f5f7f6;
	font-family: open sans,helvetica neue,microsoft yahei,Helvetica,Arial,sans-serif;
}
.remarks {
    width: 100%;
    height: 80px;
	margin:2% 0 0 0;
    padding:2%;
	border: 2px solid #ececec;
	background-color: #f5f7f6;
	font-family: open sans,helvetica neue,microsoft yahei,Helvetica,Arial,sans-serif;
}
	
.co_btn:hover {
    color: #3ad0d1;
    background: #fff;
}


.co_btn p {
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 4px;
    padding: 12px 75px;
}
.contact_b p{color:#09c;font-size: 1.5em;line-height: 2em;font-weight: bold;}
.contact_b p .en{font-size: .8em !important;line-height: 1.5em  !important;}
.contact_table table{margin:0 0 2% 0;}
.contact_table table td{
	padding:.5%;
	font-size:1em;
	line-height:1.5em;
	color: rgb(95, 114, 127);
    font-weight: bold;
}			
.map{
	border:1px solid #ccc;
	padding:2%;
	width:100%;
	margin:2% auto;
}

@media screen and (min-width:1200px){

.cellphone,.header_box_phone,.index_menu{display: none;}
#gotop{
 	display: none;
	position: fixed;
    right: 100px;
    bottom: 100px;       
    cursor: pointer;
    z-index: 999;
}
/*header*/
.header_box {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1;
}
/*頂*/
.menu_top{	
	background: #000;
	color:#fff;
	height:35px;
	font-size:.8em;
	line-height:35px;
	width:100%;
	padding:0 15%;
	margin:0 auto;
	overflow: hidden;
}
.menu_top a{color: #fff;text-decoration: none;}
.menu_top a:hover{color: #FF0;}
.p_logo,.menu_top_link{float:left;}
.menu_top_lan{float:right;}
/*選單*/
.header_box_down{
	background: #000;
	padding:12px 0;
	width:100%;
}	
.wrapper {
    width: 70%;
	margin: 0 auto;
}	
.header_box_down .logo_box {
    display: inline-block;
    vertical-align: middle;
	float:left;
}
.header_box_down .nav {
    float:right;
	display: inline-block;
    vertical-align: middle;
}
.header_box_down .nav_ul {width: 100%;}
.header_box_down .nav_ul .nav_list { padding: 8px;}
.header_box_down .nav_ul .nav_list {
    display: inline-block;
    vertical-align: top;
   /* margin: 0 15px;*/
    text-align: center;
    color: #FFF;
    /*padding: 15px 20px;*/
    transition: ease-in-out .3s;
    -moz-transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
}
.header_box_down .nav_ul .nav_list_tw {
    font-size: 18px;
    /*font-weight: bold;*/
    letter-spacing: 2px;
	 margin: 0 10px;
        display: inline-block
}	
.header_box_down .nav_ul .nav_list_en {
    font-size: .8em;
    font-weight: bold;
	letter-spacing: 0;
}	
.header_box_down .nav_ul .nav_list:hover{color: #ae8f72!important}

	/*上方連結*/	
.page_title_box {
    width: 100%;
    height: 0;
    background: url(../images/page_title_bg.png) no-repeat;
    background-size: cover;
    overflow: hidden;
	padding:70px 0 100px 0;
    background-position: 50% 100%;
}
.page_title_bread {
    display: inline-block;
    vertical-align: middle;
    float: right;
    font-size: 16px;
    color: #afafaf;
}	
.page_title {
	display: inline-block;
    vertical-align: middle;
    float: left;
	padding:1%;
	color:#fff;
}
.page_title_tw {
    font-size: 1.5em;
    line-height:1.5em;
}
.page_title_en {
    font-size: .8em;
    line-height:1.5em;
	text-transform: uppercase;
	letter-spacing: 0;
}
.page_title_bread {
    display: inline-block;
    vertical-align: middle;
    float: right;
    font-size: 16px;
    color: #afafaf;
	margin:3%;
}
.page_title_bread_list {
    display: inline-block;
    vertical-align: middle;
}

	
/*內容*/
.main_m{
	width: 1100px;
	margin:0 auto;
}
.m_title{display:block;height:30px;}
.m_ti{color:#666;float:left;margin: 0 0 0 1%;}
.no_ti{color:#E03943;float:right;font-size:1em;margin: 0 1% 0 0;}
	
.contact_service {
    width: 35%;
    float: left;
	margin:5% 0;
	background: #3ad0d1;
    padding:3%;
    border-radius: 0 50px 50px 50px;
    -webkit-border-radius: 0 50px 50px 50px;
    -moz-border-radius: 0 50px 50px 50px;
}
.contact_table {
    width: 60%;
    float: right;
	margin:5% 0 0 0;
}	

.form-control{
    margin: 0 0% 2% 0;
    height: 40px;
    border: 2px solid #ececec;
    font-size: 1em;
    font-family: "Microsoft JhengHei"!important;
    padding: 0 1%;
	background-color: #f5f7f6;
}	
	
.co_btn {
    display: inline-block;
    color: #fff;
    background: #3ad0d1;
    border: solid 3px #3ad0d1;
    cursor: pointer;
    float: right;
	margin:3% 0;
}
.contact_b{width:80%;margin:15% auto 0 auto;text-align: center;min-height: 200px;}	
	



/*footer*/
footer{width:100%;position:relative}
.footer_box{width:100%;}
.footer_special_info{
	width:92%;padding:20px 4%;
	background:#a95f65;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.7;
	transform:translateY(29%);
	-ms-transform:translateY(29%);
	-moz-transform:translateY(29%);
	-webkit-transform:translateY(29%);
	-o-transform:translateY(29%);
}
.footer_special_info ol{margin:0;}
.footer_box_up{width:100%;background:#202126;color:#fff;padding:65px 0 0;}
.footer_box_up_left{width:35%;display:inline-block;vertical-align:top;}
.footer_box_up_left_text{width:100%;text-align:center;font-weight:normal;margin:0 0 40px 0;}
.fbult_tw{font-size:28px;line-height:28px;letter-spacing:12px;margin:0 0 15px 0;}
.fbult_en{font-size:28px;line-height:28px;letter-spacing:1px;}
.footer_box_up_left_pic{width:100%;text-align:center;}
.footer_box_up_right{width:60%;display:inline-block;vertical-align:top;margin:0 0 0 4%;}
.box_up_right_list{width:20%;display:inline-block;vertical-align:top;margin:0 12px 30px;}
.box_up_right_list:last-child{width:20%;}
.right_list_title{width:100%;font-size:19px;line-height:19px;letter-spacing:2px;color:#fff;font-weight:600;}
.right_list_title:after{content:"";display:block;background:#851b24;width:95px;height:4px;margin:6px 0 11px;}
.footer_box .sub_last{width:150%;}
.footer_box .sub li{font-size:15px;line-height:1.5;font-weight:bold;letter-spacing:1px;color:#838486;}
.footer_box .sub li:hover{color:#43d2d3;}
.footer_box_down{
	/*width: 90%;*/
    text-align: center;
    background: #0b0b0c;
    color: #fff;
    padding: 1% 5%;
    font-size: .85em;
    line-height: 1.5em;
    font-weight: bold;
	}
.footer_box_down .wrapper{margin:0 auto;}
}


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

.pc,.header_box,.page_title_box{display: none;}	
#gotop{
 	display: none;
	position: fixed;
    right: 20px;
    bottom:110px;       
    cursor: pointer;
    z-index: 999;
}
/*標題*/
.header_box_phone .logo_box {
    display: inline-block;
    vertical-align: middle;
	float:left;
}
	
	
.header_box_phone{
	display: block;
    background: #000;
    padding: 2% 5%;
    position: relative;
	color:#fff;
	letter-spacing: 1px;
}
.header_box_phone h1{
	font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 100;
	margin:0;
	padding:0;
}
.header_box_phone p{
	font-size: .6em;
    font-weight: 100;
    text-transform: uppercase;	   
}	
/*選單*/
.index_menu{display: block!important;}	
.index_menu ul {
    width: 100%;
	overflow: hidden;
}
/*.index_menu ul li.index_menu_text_bg1 {background: #58bddb;}
.index_menu ul li.index_menu_text_bg2 {background: #f39e41;}
.index_menu ul li.index_menu_text_bg3 {background: #eb6d78;}	
.index_menu ul li.index_menu_text_bg4 {background: #93c33c;}
.index_menu ul li.index_menu_text_bg1:hover {background: #79c2d9;}
.index_menu ul li.index_menu_text_bg2:hover {background: #eda967;}
.index_menu ul li.index_menu_text_bg3:hover {background: #e06d77;}	
.index_menu ul li.index_menu_text_bg4:hover {background: #a1c763;}	*/
	
.index_menu ul li.index_menu_text_bg1,.index_menu ul li.index_menu_text_bg2,.index_menu ul li.index_menu_text_bg3,.index_menu ul li.index_menu_text_bg4 {background: #a9866b;}

.index_menu ul li.index_menu_text_bg1:hover,.index_menu ul li.index_menu_text_bg2:hover,.index_menu ul li.index_menu_text_bg3:hover,.index_menu ul li.index_menu_text_bg4:hover {color: #851b24!important;border-bottom:2px solid #851b24;}		
	
	
.index_menu ul li {
    width: 25%;
    float: left;
    color: #fff;
    padding: 2%;
    text-align: center;
}	
.index_menu .index_menu_text_tw {
    font-size: 1em;
    line-height:2em;
    letter-spacing: 0;
}	
.index_menu .index_menu_text_en {
    font-size: .8em;
    line-height: 1em;
    font-weight: 100;
	letter-spacing: 0;
}
	


/*通路*/
.main_m{padding:5%;}
	
	
.contact_service {
   	/*width: 80%;
    margin: 7% 5% 5% 5%;*/
    background: #3ad0d1;
    padding: 5%;
    border-radius: 0 50px 50px 50px;
    -webkit-border-radius: 0 50px 50px 50px;
    -moz-border-radius: 0 50px 50px 50px;
}
.contact_table {
    width: 96%;
	margin:5% 2%;
}
	
.form-control{
	width:100%;
	height:40px;
	margin:0 0 2% 0;
	border: 2px solid #ececec;
	font-size:1em;
	font-family: "Microsoft JhengHei"!important;
	background-color: #f5f7f6;
}	
.co_btn {
    display: inline-block;
    color: #fff;
    background: #3ad0d1;
    border: solid 3px #3ad0d1;
    cursor: pointer;
	margin:5% 0;
	width:100%;
}	
.contact_b{width:80%;margin:20% auto 0 auto;text-align: center;}	
		
		

/*footer*/	
footer{width:100%;position:relative;margin:10% 0 0 0;}
.footer_box,.footer_box .wrapper{width:100%;}
.footer_special_info{
	/*width:92%;*/
	padding:20px 4%;
	background:#a95f65;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.4;
	transform:translateY(0%);
	-ms-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-webkit-transform:translateY(0%);
	-o-transform:translateY(0%);
	}
.footer_special_info>div{margin:5px 0;}
.footer_box_up{width:100%;background:#202126;color:#fff;padding:65px 0 0;display:none;}
.footer_box_down{width:100%;text-align:center;background:#0b0b0c;color:#fff;padding:11px 0 13px;}
.footer_box_down .wrapper{width:90%;margin:0 auto;}
.fbdt_text1{font-size:12px;line-height:1.5em;font-weight:bold;margin:0 0 6px 0;}
.fbdt_text2{font-size:14px;line-height:16px;letter-spacing:1px;font-weight:bold;}
}	
::-webkit-scrollbar{width:12px;height: 12px;}
::-webkit-scrollbar-thumb{background: #666 !important;}
::-webkit-scrollbar-track{
	    background: #FFFFFF;
    -webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
    border: 1px solid #D8D8D8;
}
::selection{
    background: #F9A386;
    color: #fff;
    text-shadow: none;
}