@charset "utf-8";

*{padding:0;margin:0;}
body{font-family:Arial,微軟正黑體;color:#333;font-size:15px;}
.CLEAR{clear:both !important;}
a{color:inherit;text-decoration:none;}
img{max-width: 100% !important;height:auto !important}
.CONTAINER li{list-style: none;}

.HEADER, .CONTAINER{max-width: 1200px; margin:0 auto;line-height: 160%}
.HEADER_BG{background: #fff;}
.HEADER{padding:0 10px 5px;}


/*-------動態效果==================*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}




.HEADER>.RIGHT{width:680px;text-align: right;}
.LOGO>a{padding-top: 20px;display: block;}
#LAN{background: #e6e6e6 url(../images/arrow.png) 8px center no-repeat;color:#777;padding-left:20px;border:none;position:absolute;top:0;right:8%;}
.FOOTER{text-align: center;line-height: 28px;background: #444;color:#fff;padding:40px 0;border-top:1px solid #ddd;}
.FOOTER_INFO>span{color:#fff;}
.COPYRIGHT{font-size:13px;}


.NAV{margin-top:27px}
.NAV>li{float:left;list-style:none;margin-right:30px; position: relative;}
.NAV>li>a{text-decoration:none;font-size:16px;margin:10px 0;display:block;color:#666;}
.NAV>li:last-of-type {margin-right: 0;}
.NAV>li>a:hover{color: #0a549b;}

.NAV>li>ul {
    position: absolute;
    display: block;
    display: none;
    width: 170px;
    border-top: 3px solid #248acb;
    /*opacity: 0;*/
    top: 37px;
    left: -20px;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
    background: rgba(255,255,255,0.9);
}

.NAV>li:hover ul {
    /*opacity: 1;*/
    display: block;
}

.NAV>li>ul>li{
    border-bottom:1px dotted #65b1f8;
    text-align: left;
    list-style: none;
}

.NAV>li>ul>li>a{
    font-size:14px;
    padding:5px 10px;
    color:#666;
    display: block;
}

.NAV>li>ul>li:hover a{color:#0b5397;}

.MENU2{
    display:none;
    position: fixed;
    top: 0px;
    right: 0;
    padding-top:25px;
    font-size:12px;
    z-index: 9999;
    opacity:0.9;
}



/*--選單固定在上===============================--*/
.fix-nav {
    /* this make our menu fixed top */    
    z-index: 9999;
    position: fixed;
    top: 0;
    width: 100%;/* 要整條就改100% */

    border-bottom: 1px solid #eee;
    box-shadow: 1px 1px 1px #eee;
}
.fix-body {
    /* this will adjust body top margin to prevent content jumping when nav gets fix  */    
    margin-top: 60px;
}



/*--首頁 index--*/
.HOME_CONTAINER{width:1100px;margin:0 auto;padding:0 2%;}
.HOME_TITLE{text-align: center;margin:30px auto}
.HOME_TITLE h4{ color:#0b5397;font-size:1.8rem;}
.HOME_TITLE h4:before{content:url(../images/icon.png); margin-right:10px;}
#HOME_PRO li h2{margin: 12px 0 5px}
#HOME_PRO li .img-contain{border:1px solid #ccc;}
#HOME_PRO li p{line-height: 23px}
.HOME_PRO .bx-wrapper .bx-pager{display: none}
.HOME_CONTAINER .BTN{font-size:13px;color:#0b5397;padding:4px 10px;border: 1px solid #0b5397;background: none;border-radius: 0;margin-top:15px;display: inline-block}
.HOME_CONTAINER .BTN:hover{background:#0b5397;color:#fff;}

#HOME_BTN{width:900px;margin:40px auto;}
#HOME_BTN li{text-align:center}
#HOME_BTN li h3{margin:15px 0;color:#0b5397;font-weight: normal}

.LIST_BRAND{background: #d9ecfa;margin-bottom:30px;}
.LIST_BRAND>div{width:950px;margin:0 auto;}




/*--內頁==================================--*/
.CONTAINER{min-height: 350px;position: relative;padding-top:2em;padding-bottom:2em;/*z-index: -1*/}
.TITLE{font-size:18px;padding:5px 15px;margin-bottom:25px;background:#eaba42;border-radius: 15px;-webkit-border-radius:15px;color:#fff;display: inline-block;letter-spacing: 1px;float:left;}
.DETAIL_TITLE{ font-size:17px; margin-bottom:10px; letter-spacing: 1px;color:#444;}
/*.DETAIL_SUBTITLE{ font-size:18px; border-bottom:1px solid #333; font-weight:bolder; margin-bottom:20px; margin-top:10px; padding-bottom:5px;}*/

.HTML{padding:10px 0;line-height: 180%;font-size:15px;/*font-family: 新細明體;*/}
.BANNER img{display: block;}
.BANNER .bx-wrapper .bx-pager{display: block;bottom:25px}
/*.BANNER .bx-controls-direction{display: none;}*/
/*.BANNER2{display: none;background: #2a48ba;height: 70px;vertical-align: middle;text-align: center;}
.BANNER2 div{color:#fff;letter-spacing: 1px;}
.BANNER2 div>span{color:#eaba42;margin-right:10px;font-size:25px;line-height: 70px;}*/



.LEFT_MENU {
    /*position: absolute;
    left: 0;*/
    float:left;
    width: 180px;
}

.LEFT_MENU #sticky>ul>li{
    margin-bottom:15px;    
}

.LEFT_MENU #sticky>ul{
    position: relative;
}
/*.LEFT_MENU #sticky>ul ul{
position: absolute;
left:120px;
top:0;
background: #eee;
display: block;
width:150px;
}
.LEFT_MENU #sticky>ul ul>li{
padding:5px;
}*/
.LEFT_MENU li:hover a{
    color:#0a549b;
}

.LEFT_MENU li.select>a{
    color:#14a3d8; 
    font-weight:bold;
    font-size:16px;
}

/*左選單固定*/
#sticky {
    position: absolute;
}


#sidebar {
    position: absolute;
    left: 400px;
    width: 180px;
    margin-left: 10px;
}


.LEFT_MENU2 {margin-bottom:30px;text-align: center; display: none;}
.LEFT_MENU2 select{width:200px;}

.PAGE_RIGHT{float:right;width: calc(100% - 220px);}
.PAGE_RIGHT>h3{color:#777;font-size:1.3rem;margin-bottom:7px;}


/*--下載--*/
#DOWNLOAD{margin-bottom:30px}
#DOWNLOAD>table{width:100%;margin:0 auto;line-height: 35px}
#DOWNLOAD>table th{background: #eee;text-align: center;}
#DOWNLOAD>table tr>td:first-of-type{padding-left:10px}
#DOWNLOAD>table td{border-bottom:1px dotted #ccc;}
#DOWNLOAD>table a{display: inline-block; vertical-align: text-top;}


/*--品牌--*/
#BRAND li{text-align: center;}



/*--最新消息 news--*/
.LIST_NEWS{width:75%;margin:0 auto !important;}
.LIST_NEWS li{border-bottom:1px dotted #bbb;padding-left:20px !important;}
.LIST_NEWS .LIST_LEFT{font-style:italic;color:#888;}
.LIST_NEWS li:hover a{color:#61b3d5;display: block;}


/*--產品區 products--*/
.TOP_MENU2{display:none;}
.TITLE_MENU{color:#fff;font-weight: bold;letter-spacing: 2px;padding:4px 15px;border-radius: 5px 0 0 5px;
    background: #0c97cf; /* Old browsers */
    background: -moz-linear-gradient(top,  #0c97cf 0%, #2a48b9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0c97cf 0%,#2a48b9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0c97cf 0%,#2a48b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c97cf', endColorstr='#2a48b9',GradientType=0 ); /* IE6-9 */

    float:left
}

#PRO{width:500px;margin: 0 auto;}
#PRO>ul>li{
    margin-bottom:20px;
}
#PRO>ul>li>a{
    padding:20px;
    display: block;
    text-align: center;
    font-size:1.6rem;
    font-weight:bold;
    color:#fff;
    border-radius: 12px;
    text-shadow: 1px 1px 2px #666, -1px -1px 2px #777;
}
#PRO>ul>li:nth-of-type(1)>a{background: url(../images/pro011_bg.jpg) center center no-repeat;}
#PRO>ul>li:nth-of-type(2)>a{background: url(../images/pro021_bg.jpg) center center no-repeat;}
#PRO>ul>li:nth-of-type(3)>a{background: url(../images/pro051_bg.jpg) center center no-repeat;}
#PRO>ul>li:nth-of-type(4)>a{background: url(../images/pro041_bg.jpg) center center no-repeat;}
#PRO>ul>li:nth-of-type(5)>a{background: url(../images/pro031_bg.jpg) center center no-repeat;}
#PRO>ul>li:nth-of-type(6)>a{background: url(../images/pro061_bg.jpg) center center no-repeat;}

#PRO>ul>li:hover a{/*box-shadow: 0 0 3px 3px #eee;*/}
#PRO>ul>li:nth-of-type(1):hover>a{background: url(../images/pro01_bg.jpg) center center no-repeat;}
#PRO>ul>li:nth-of-type(2):hover>a{background: url(../images/pro02_bg.jpg) center center no-repeat;}
#PRO>ul>li:nth-of-type(3):hover>a{background: url(../images/pro05_bg.jpg) center center no-repeat;}
#PRO>ul>li:nth-of-type(4):hover>a{background: url(../images/pro04_bg.jpg) center center no-repeat;}
#PRO>ul>li:nth-of-type(5):hover>a{background: url(../images/pro03_bg.jpg) center center no-repeat;}
#PRO>ul>li:nth-of-type(6):hover>a{background: url(../images/pro06_bg.jpg) center center no-repeat;}

.droptitle{border-bottom:1px solid #fff;padding:4px 8px;background: #eee;cursor: pointer}
.droptitle+dd a{display: block;padding:4px 8px;border-bottom:1px dotted #ccc;font-size: 14px;color:#666}

.PRO_WRAPPER{border:1px solid #ddd;border-radius: 3px;padding:20px;}
.PRO_WRAPPER .sub-title{font-weight: bold;color:#14a3d8;}
.PRO_LIST li{padding:8px 0;border-bottom:1px dotted #ccc;font-size:14px;line-height: 28px}
.PRO_LIST li>div:last-of-type{font-size:13px;color:#888}
.TITLE_PRO{font-size:20px;font-weight:bold;color:#0a5692;padding-left:10px;margin-bottom:10px;}

.LIST_PRO li{ text-align:center;border: 1px solid #ccc;background: #fff;}
.LIST_PRO li a:hover{ border-color:#ccc;transition:all ease-in-out .3s;}
.LIST_PRO li h2{font-size:15px;padding:3px 7px;background: #ff8b58;color:#fff;display: inline-block;margin:5px;}
.LIST_PRO li:hover{border: 1px solid #ff8b58;}
.PROD>.LEFT:first-of-type{width:40%;}
.PROD>.SMALL-PIC{width:10%;margin:0 1%}
.PROD>.RIGHT{width:45%;}
.PROD>.LEFT img{/*border:1px solid #ccc;padding:5px;*/}
.PROD .SUBTITLE{color:#ea5514;padding-bottom: 10px;border-bottom:1px dotted #bbb;}
.DETAIL_TITLE {margin-top:20px;padding:8px 15px 6px 20px;background: #d3e7fa url(../images/icon_tri.png) 5px center no-repeat;border-bottom:2px solid #eaba42;}
.PRO_TITLE{color:#666;margin-bottom:10px;}
.LEFT_MENU2>button{padding:5px 8px;padding-right:18px;background: #eee  url(../images/arrow2.png) right 7px center no-repeat; border:none;font-size:14px;border-radius: 3px;border:1px solid #ccc;cursor: pointer}
.LEFT_MENU2{width:300px;margin:0 auto 15px;}
.LEFT_MENU2>button+ul{display: none;border:1px solid #eee;}
.LEFT_MENU2>button+ul>li{border-bottom:1px dotted #ccc;}
.LEFT_MENU2>button:hover+ul{display: block;}

.pro_menu ul{
    margin: 0;
    padding: 0;
}
.pro_menu {
    display: none;
}
.toggle {
    display: block;
    background: #eee;
    border:1px solid #ddd;
    padding: 5px 15px;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
}
.pro_menu li{
    float: none;
    position: relative;
    color: #FFF;
    list-style: none;
    background: #bbb;
}
.pro_menu li ul {
    background-color: rgba(231, 124, 64, 1);
    display: none;
    position: absolute;
    top: 100%;
}
.pro_menu li a{
    padding: 10px 15px;
    display: block;        
    color: #FFF;
    text-decoration: none;
}
.pro_menu li:hover {
    background: #999;
}
.pro_menu li:hover ul {
    position: relative;
    display: block;
    background: transparent;
    top: 100%;
}
.pro_menu li:hover ul li{
    background: transparent;
}
.pro_menu li:hover ul li a{
    padding-left: 30px;
}
.arrow-bottom {
    position: absolute;
    top: 20px;
    right: 13px;
    margin-left: 5px;
    border-top: 4px solid #FFF;
    border-right: 4px solid transparent;    
    border-left: 4px solid transparent;        
    width: 1px;
    height: 1px;
}         



.showpic a{display: inline-block;height:90px;overflow: hidden;border:1px solid #ccc;text-align: center;}
.showpic a img{max-width: 100%;}





/*-- 首頁產品 圖片垂直水平置中 =======================*/

.img-contain{
    height: 0;/*讓元素的高度=padding-bottom*/
    padding-bottom: 80%;
    /*每個元素 width=100%，想讓元素高度保持為寬度的0.8倍，
    則(公式%數*倍數100*0.8=80%)。*/

    position: relative;
    text-align: center;
}

.img-contain img{
    width:auto;
    height:auto;
    max-height: 100%;
    vertical-align: middle;
}


.img-shiv {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.img-shiv:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


/*.img-contain {
width : 100%;
text-align : center;
overflow: hidden;
}
.img-contain img { vertical-align : middle;  display: inline !important*/


.LIST_BRAND .img-contain {
    height : 100px;
    width : 100%;
    text-align : center;
    line-height : 100px; /* Firefox, Chrome */
    padding-bottom: 0;
}

.LIST_BRAND .img-contain img{display: inline-block;}





/*--下載--*/
.DOWNLOAD table a{background:#00b0f0;color:#fff;padding:5px 10px;}
.DOWNLOAD table td, .DOWNLOAD table th{padding:8px;}
.DOWNLOAD table th{background: #eee;}
.DOWNLOAD table tr>td:first-of-type{padding-left:20px;color:#444;}



/*--清單列表0904--*/
#LIST-a{margin-bottom:30px}
#LIST-a>table{width:100%; margin:0 auto; line-height:35px}
#LIST-a>table th{padding:4px 10px; background:#eee; text-align:center; line-height:150%;}
#LIST-a>table tr>td:first-of-type{padding-left:10px;text-align:center;}
#LIST-a>table tr>th:first-of-type{padding-left:10px;text-align:center;}
#LIST-a>table td{padding:4px 10px; border-bottom:1px dotted #ccc; line-height:150%;}
#LIST-a>table a{display: inline-block; vertical-align: text-top; color:#14a3d8;}



#LIST-b{margin-top:20px; margin-bottom:30px}
#LIST-b>table{width:100%;margin:0 auto;line-height: 35px}
#LIST-b>table th{padding:4px 10px; background: #eee;text-align:left; line-height:150%;}
#LIST-b>table tr>td:first-of-type{padding-left:10px;text-align:left;}
#LIST-b>table tr>th:first-of-type{padding-left:10px;text-align:left;}
#LIST-b>table td{padding:4px 10px; border-bottom:1px dotted #ccc; line-height:150%;}
#LIST-b>table a{display:inline-block; vertical-align:text-top; color:#14a3d8;}





/*--聯絡我們 contact--*/
.LIST_CONTACT{width:500px;margin:0 auto;}
#contactform .LIST_LEFT{width:60px;}
#contactform .LIST_RIGHT input{width:200px;max-width: 100%;}
#contactform .LIST_RIGHT textarea{width:400px;}



/*----模 組----*/

/*左右*/
.LEFT{float:left;}
.RIGHT{float:right;}
.LEFT_50{ float:left;width:47.5%;  _display:inline;}
.RIGHT_50{ float:right;width:47.5%;  _display:inline;}
.RIGHT_70{ float:right;width:70%; }
.LEFT_IMG{float:left;margin-right:15px;margin-bottom:15px;}
.RIGHT_IMG{float:right;margin-left:15px;margin-bottom:15px;}


/*列表*/
.LIST{ padding:0; margin:0; padding-bottom:5px; overflow:auto; list-style-type:none;}
.LIST>li{padding:7px 0; overflow:auto;vertical-align:top;}
.LIST li *{ /*vertical-align: middle;*/}
.LIST_LEFT{ display:block; float:left; margin-right:20px; vertical-align:top;}
.LIST_RIGHT{ display:block; overflow:auto; vertical-align:top;}



/*圖文列表*/
.COLUMN3, .COLUMN4, .COLUMN5{ padding:0; margin:0; list-style-type:none; margin-left:-1%; margin-right:-1%; }
.COLUMN3>li, .COLUMN4>li, .COLUMN5>li{ display:inline-block; vertical-align:top; width:22%; margin-left:1%; margin-right:1%; margin-bottom:20px;}
/*.COLUMN3>li img, .COLUMN4>li img{width:100%;display: block}*/

.COLUMN3>li{ width:30.5%;}
.COLUMN5 li{width:17%;margin:0 1%}


/*表單*/
input[type="text"],
input[type="password"],
input[type="file"],
textarea,
select{ padding:3px 0;padding-left:1.5%; padding-right:1.5%; border:1px solid #aaa;font-family:"微軟正黑體"; outline:none; vertical-align:top; }

input[type="text"].WIDTH_100,
input[type="password"].WIDTH_100,
input[type="file"].WIDTH_100,
textarea.WIDTH_100,
select.WIDTH_100{ width:96%; padding-left:1.5%; padding-right:1.5%; }



/*按鈕*/
.BTN{border:none;cursor:pointer;color:#fff;background:#92d1eb;padding:5px 8px;border-radius:3px;-webkit-border-radius:3px;}
.BTN:hover{transition: background .3s ease-out ;-moz-transition: background .3s ease-out;-webkit-transition: background .3s ease-out; -o-transition: background .3s ease-out; opacity:0.9;}
.SENT,.REFILL{float:left;margin-left:20px;}
.BTN_BOX{width:250px;margin:0 auto;padding:20px 0}


/*---頁碼---*/
.PAGES{margin:20px 0}
.page{text-align:center; margin:30px 5px 0; color:#666;}
.page.active{background:#92d1eb; color:#fff;padding:0px 5px; border-radius:3px; -webkit-border-radius:3px;}


/*---公用---*/
.CENTER{text-align:center;}

.WIDTH_60PX{width:60px;}
.WIDTH_200PX{width:200px;}
.WIDTH_400PX{width:400px;}
.WIDTH20{width:20%;}
.WIDTH30{width:30%;}
.WIDTH40{width:40%;}
.WIDTH50{width:50%;}
.WIDTH60{width:60%;}
.WIDTH70{width:70%;}
.WIDTH75{width:75%;}
.WIDTH80{width:80%;}

.MARGIN_TOP20{margin-top:20px;}
.MARGIN_TOP60{margin-top:60px;}
.MARGIN_BOTTOM10{margin-bottom:10px;}
.MARGIN_BOTTOM20{margin-bottom:20px;}

.PADDING20_0{padding:20px 0}
.PADDING05{padding:5px}



/* 頁碼 */
.nc-pager {position:relative; margin:0 auto; padding:0 10px; width:100%; overflow:hidden; text-align:center; vertical-align:middle; line-height:20px; font-size:0;}
.nc-pager .pager-num {display:inline-block; margin:3px 3px; padding:4px 10px; font-size:13px; color:#666; text-decoration:none; background:#fff; border:#ccc 1px solid; cursor:pointer; vertical-align:middle;}
.nc-pager .pager-num:hover {color:#fff; background:#ccc; border:#ccc 1px solid;}
.nc-pager .pager-num.onit {color:#fff; background:#666; border:#666 1px solid;}


.nc-pager .pager-arrow{display:inline-block; margin:3px 3px; width:0; height:0; border-style:solid; border-width:10px 14px 10px 0; border-color:transparent #ccc transparent transparent; vertical-align:middle;}
.nc-pager .pager-arrow:hover{border-color:transparent #ccc transparent transparent;}
.nc-pager .pager-arrow.p-n{border-color:transparent #000 transparent transparent;}

.nc-pager .pager-arrow-n{display:inline-block; margin:3px 3px; width:0; height:0; border-style:solid; border-width:10px 0 10px 14px; border-color:transparent transparent transparent #ccc; vertical-align:middle;}
.nc-pager .pager-arrow-n:hover{border-color:transparent transparent transparent #ccc;}
.nc-pager .pager-arrow-n.p-n{border-color:transparent transparent transparent #666;}


/* 聯絡表單 */
	.nc-form{position:relative; margin:0 auto; margin-top:20px; width:100%; font-size:16px; overflow:hidden; text-align:left;}


		#reserve-form{position:relative; margin:0 auto; padding:0; width:100%; overflow:hidden;}
		#reserve-form  > h2{display:block; margin:16px 0 16px 0; width:100%; color:#019cdc; font-size:22px; font-weight:bold;}

			.f-block{position:relative; float:left; width:100%; overflow:hidden; font-size:16px; color:#666;}
			.h-block{position:relative; float:left; width:50%; overflow:hidden; font-size:16px; color:#666;}
							
				.f-colum{float:left; width:100%; padding:8px 0; line-height:24px; overflow:hidden;}
				.h-colum{float:left; width:50%; padding:8px 0; line-height:24px; overflow:hidden;}

					.i-type{float:left; width:20px; vertical-align:middle; color:#666; text-align:center; font-family:"Verdana", sans-serif;}
					.i-type-n{float:left; width:20px; vertical-align:middle; color:#f00; text-align:center; font-family:"Verdana", sans-serif;}
					.i-title{float:left; width:120px; vertical-align:middle; color:#666;}
					.i-field{float:left; padding:0 0 0 0; width:calc(100% - 148px); vertical-align:middle; color:#666; line-height:36px;}
					.i-field img{vertical-align:middle;}
					.i-field .f-auth{margin:0 8px 8px 0;}
					.i-field a{text-decoration:none;}
					.i-field a .swap-t{display:inline-block; margin-left:8px; /*width:40px;*/ color:#019cdc;}
					.i-field .f-auth-pic{height:30px !important;}
					.i-field input{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}
					.i-field textarea{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}
					.i-field select{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}
					.i-field option{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}

					.i1-type{float:left; width:20px; vertical-align:middle; color:#f05d2c; text-align:center; font-family:"Verdana", sans-serif;}
					.i1-type-n{float:left; width:20px; vertical-align:middle; color:#ccc; text-align:center; font-family:"Verdana", sans-serif;}
					.i1-title{float:left; width:calc(30% - 30px); vertical-align:middle; color:#666;}
					.i1-field{float:left; padding:0 10px 0 10px; width:70%; vertical-align:middle; color:#666;}
					.i1-field .link{color:#00b7ee;}
					.i1-field .link:hover{text-decoration:underline;}
					.i1-field img{vertical-align:middle;}
					.i1-field .f-auth{margin:0 8px 8px 0;}
					.i1-field a{text-decoration:none;}
					.i1-field a .swap-t{display:inline-block; margin-left:8px; /*width:40px;*/ color:#019cdc;}
					.i1-field .f-auth-pic{height:30px !important;}
					.i1-field input{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}
					.i1-field textarea{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}
					.i1-field select{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}
					.i1-field option{border:#ccc 1px solid; line-height:24px; padding:1px 4px;}

				.w-30{width:30%;}					
				.w-50{width:50%;}
				.w-100{width:100%;}


				.confirm-block{position:relative; padding:30px 0 40px 0; width:100%; overflow:hidden; font-size:16px; text-align:center;}
				.confirm-block .form-btn{margin:2px 4px; padding:6px 14px; line-height:16px; color:#000; border:none; background:#ccc; cursor:pointer; font-family:"微軟正黑體", 新細明體, Verdana, sans-serif; font-weight:bold; border-radius:4px;}
				.confirm-block .form-btn:hover{background:#000; color:#fff;}





.content-area {display:block; margin:0 auto; padding:20px 20px 50px 20px; width:100%; overflow:hidden;}
	.location {position:relative; width:100%; margin:0 auto; margin-bottom:20px; padding:10px 10px; background:#fff; border:#ccc 1px solid; overflow:hidden;}
	.location .info-text {float:left; width:52%; padding:1%; text-align:left;}
	.location .info-text h2 {display:block; margin-bottom:10px; font-size:1.4em; color:#003399; font-weight:bold;}
	.location .info-text p {display:block; color:#666; font-size:1em;}
	.location .info-map {float:left; width:48%; padding:1%;}

		.iframe-container{position:relative; height:0; width:100%; padding-bottom:56.25%; /*padding-bottom:75%;*/ overflow:hidden;}
		.iframe-container iframe,
		.iframe-container object,
		.iframe-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}



/*----------------RWD----------------*/
@media screen and (max-width:1200px){
    .CONTAINER{width:90%}
}

@media screen and (max-width:1000px) {
    .HOME_CONTAINER{width:90%;}
    .NAV{display:none}
    .MENU2{display:block}
    .LOGO{text-align: center;float:none;}
    #LAN{right:0;}

    .LIST_BRAND>div{width:97%;}
    .LIST_BRAND .bx-wrapper .bx-prev {display: none; left: 0;}
    .LIST_BRAND .bx-wrapper .bx-next {display: none;right: 0;}

    .COLUMN5 li{width:22%;}



#LIST-a>table th{display:none;}
#LIST-a>table tr td:nth-of-type(1){border-bottom:none; text-align:left; background:#ededed; font-weight:bold;}
#LIST-a>table tr td:nth-of-type(2){text-align:left;}
#LIST-a>table td{display:block; width:100%;}

#LIST-b>table th{display:block; width:100%;}
#LIST-b>table td{display:block; width:100%;}





.nc-pager .pager-num{margin:2px 2px; padding:2px 8px; font-size:12px; color:#666;}
.nc-pager .pager-arrow{display:inline-block; margin:2px 2px; width:0; height:0; border-style:solid; border-width:10px 14px 10px 0; border-color:transparent #ccc transparent transparent; vertical-align:middle;}
.nc-pager .pager-arrow-n{display:inline-block; margin:2px 2px; width:0; height:0; border-style:solid; border-width:10px 0 10px 14px; border-color:transparent transparent transparent #ccc; vertical-align:middle;}


			.f-block{float:left; width:100%;}
			.h-block{float:left; width:100%;}

				.f-colum{float:left; width:100%;}
				.h-colum{float:left; width:100%;}

				.w-30{width:100%;}
				.w-50{width:100%;}
				.w-100{width:100%;}


		.iframe-container{position:relative; height:0; width:100%; padding-bottom:100%;}



/*----------------RWD----------------*/
@media screen and (max-width:1200px){
    .CONTAINER{width:90%}
}

@media screen and (max-width:1000px) {
    .HOME_CONTAINER{width:90%;}
    .NAV{display:none}
    .MENU2{display:block}
    .LOGO{text-align: center;float:none;}
    #LAN{right:0;}

    .LIST_BRAND>div{width:97%;}
    .LIST_BRAND .bx-wrapper .bx-prev {display: none; left: 0;}
    .LIST_BRAND .bx-wrapper .bx-next {display: none;right: 0;}
    .COLUMN5 li{width:22%;}



#LIST-a>table th{display:none;}
#LIST-a>table tr td:nth-of-type(1){border-bottom:none; text-align:left; background:#ededed; font-weight:bold;}
#LIST-a>table tr td:nth-of-type(2){text-align:left;}
#LIST-a>table td{display:block; width:100%;}

#LIST-b>table th{display:block; width:100%;}
#LIST-b>table td{display:block; width:100%;}





.nc-pager .pager-num{margin:2px 2px; padding:2px 8px; font-size:12px; color:#666;}
.nc-pager .pager-arrow{display:inline-block; margin:2px 2px; width:0; height:0; border-style:solid; border-width:10px 14px 10px 0; border-color:transparent #ccc transparent transparent; vertical-align:middle;}
.nc-pager .pager-arrow-n{display:inline-block; margin:2px 2px; width:0; height:0; border-style:solid; border-width:10px 0 10px 14px; border-color:transparent transparent transparent #ccc; vertical-align:middle;}


			.f-block{float:left; width:100%;}
			.h-block{float:left; width:100%;}

				.f-colum{float:left; width:100%;}
				.h-colum{float:left; width:100%;}

				.w-30{width:100%;}
				.w-50{width:100%;}
				.w-100{width:100%;}


		.iframe-container{position:relative; height:0; width:100%; padding-bottom:100%;}

}

@media screen and (max-width:900px) {
    #HOME_BTN{width:90%;}
}

@media screen and (max-width:768px) {
    .PAGES{display:none}
    /*.BANNER2{display:block}*/
    .LOGO{margin:0 auto;}
    /*.TOP_MENU {display:none;}
    .TOP_MENU2{display:block;float:right;margin-bottom:10px;}*/
    #HOME_BTN .COLUMN4 li{width:45%;margin:0 2%;}
    #HOME_BTN li h3{font-size:15px;margin:5px; margin-bottom:15px}
    /*.PRO, .PROD, .RIGHT_70{float:none;width:100%;}*/

    .LIST_BRAND .img-contain {
        height : 70px;
        line-height : 70px;
    }
    .LEFT_MENU {display: none;}
    .LEFT_MENU2 {display: block;}
    .PAGE_RIGHT{float:none;width:100%}
    #DOWNLOAD>table{width:95%;}
    #DOWNLOAD > table th{font-size: 14px}
    #LIST-a>table{width:95%;}
    #LIST-a > table th{font-size: 14px}

    #contactform .LIST_RIGHT textarea{width:90%}
    .COLUMN5 li{width:30.5%;}

		#reserve-form{padding:0;}
		#reserve-form > h2{margin:10px auto 20px auto;  text-align:center;}

				.i-title{font-weight:bold; letter-spacing:1px;}
				.i1-title{font-weight:bold; letter-spacing:1px;}
				.i1-title{width:calc(100% - 30px);}

				.i-field{margin:10px auto 10px auto; width:100%;}
				.i1-field{margin:10px auto 10px auto; width:100%;}

				.i1-type,
				.i1-type-n,
				.i1-title,
				.i1-field{line-height:36px;}

	 
	 
	.location .info-text {float:left; width:100%; padding:4%; text-align:left;}
	.location .info-map {float:left; width:100%; padding:4%;}
	.location .info-map iframe {min-height:280px;}

}


@media screen and (max-width:750px) {
    .FOOTER_INFO>span{display: block;margin:10px 0;}
}


@media screen and (max-width:650px) {
    /*
    .PROD>.LEFT{float:left !important; width:80% !important}
    .PROD>.SMALL-PIC{width:15% !important}
    .PROD>.RIGHT{float:none;width:100% !important;margin-top:15px;}*/
}

@media screen and (max-width:600px) {
    .COLUMN3>li{ width:100%;margin-bottom:30px;}
    .COLUMN4>li{ width:47%; margin-left:1%; margin-right:1%;}
    .FOOTER{padding:20px}
    .FOOTER_INFO{width:95%;margin:0 auto;line-height: 22px;}
}

@media screen and (max-width:550px) {
    .LEFT, .RIGHT, .LEFT_50, .RIGHT_50, .LIST_NEWS{float:none;width:100% !important;}
    input, textarea{max-width: 100%;}
    .CONTAINER{width:90%}
    .LIST{width:100%}
    #PRO{width:95%;}
    #PRO>ul>li>a{font-size:1.2rem}
    .COLUMN5 li{width:47.5%;}
}

@media screen and (max-width:500px) {
    .PRO .LIST_PRO h2{font-size:14px}
}

@media screen and (max-width:480px) {
    .HOME_TITLE h4{font-size:1.4rem}
    #HOME_BTN{width:95%;margin:20px auto;}
    #HOME_BTN li img{width:90%}
    .LOGO img{width:200px;}
    .CONTAINER{padding-top: 1em}
    .PAGE_RIGHT > h3{font-size:1.2rem}
    .FOOTER{padding:10px 20px;}
    .COLUMN5 li{width:100%;}

		#reserve-form{}

				.i-field select{margin:4px 0;}
				.i1-field select{margin:4px 0;}

		.cosnfirm-block .form-btn{margin:4px auto; padding:4px 8px;}

}

@media screen and (max-width:375px) {
    /* .COLUMN4>li{margin-left:0.5%;margin-right:0.5%;}*/
}