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

/* CSS Reset */
html, body, div, span, applet, object, iframe, form,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
em, img, q, strong, sub, sup,
dl, dt, dd, ol, ul, li { margin:0; padding:0; }
img { border:0; }
ul, ol { list-style:none; }
body { line-height:1; }
table { border-collapse:collapse; }
p { line-height:180%; padding:3px 0; }

select { padding:0; }
select, input { vertical-align:middle; }
input[type="button"], input[type="submit"], input[type="reset"] { padding:1px 4px; *padding:0 4px; *overflow:visible; }/* Remove IE7 Extra Width & Padding */
input[type="text"], textarea { padding:2px; }
input[type="checkbox"], input[type="radio"] { margin:0 3px; padding:0; }
input[type="button"], input[type="submit"], input[type="reset"], select { cursor:pointer; *cursor:hand; }
/*ios樣式清除*/
input[type="button"], input[type="submit"], input[type="reset"] {
	background-color:transparent; border:none; margin:0px;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
}


/*連結設定*/
a { text-decoration:none; cursor: pointer; color:#484848; }
a:hover { color:#00A9EF; }

/*字型設定*/
body, input, textarea, select, button { 
	font-family: "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei", "微软雅黑";
}
h1, h2, h3, h4, h5, h6{
	font-family: "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei", "微软雅黑"; line-height:180%; font-weight:bold;
}

/*文字顏色*/
.marker { color:#d90000; }

/*輸入框樣式*/
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="file"], input[type="date"], textarea, select { 
	border:1px solid #cdcdcd; color:#333333; box-sizing:border-box;
	margin: 0px 8px 0px 0px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.1);
	box-shadow: inset 2px 2px 5px rgba(0,0,0,0.1);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="date"]:focus, textarea:focus, select:focus {
	outline: 0;
	border:1px solid #66afe9;　
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.075), 0 0 6px rgba(102,175,233,0.8);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.075), 0 0 6px rgba(102,175,233,0.8);
}
input[type="text"], input[type="password"], input[type="file"], input[type="date"] { padding:0 8px; }
select { padding:0 4px; background:#ffffff; }


/*基本設定*/
body { color:#000000; font-size:14px; }
#wrap { background-color:#fff; }/* for En */
.clear { clear:both; float:none !important; }
input.placeholderColor { color:#B5B5B5; }

/*標題設定*/
.title01 { text-align:center; position:relative; margin:30px 0; }
.title01:before { position:absolute; left:0; top:12px; content:""; display:block; height:1px; width:100%; background:#c4c4c4; z-index:1; }
.title01 > span { color:#000; padding:0 20px; background:#f5f5f5; font-size:24px; z-index:5; position:relative; display:inline-block; }

/*----------header----------*/
#header { background:#fff; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1); box-shadow:0px 2px 2px rgba(0,0,0,0.1); border-bottom:2px solid #00a9ef; position:relative; z-index:5555; }
#header > div:first-child { padding:15px; }
.top_menu { line-height:25px; }
.top_menu > li { float:left; margin-left:15px; position:relative; padding-bottom:3px; }
.top_menu > li > a { color:#333333; background:url(../../images/tw/sub_arrow.png) no-repeat right center; opacity:0.7; filter:alpha(opacity=70); padding-right:30px; }
.top_menu a { display:block; }
.top_menu li a:hover { opacity:1; filter:alpha(opacity=100); }
.top_menu li ul {
	position:absolute; left:0; top:28px; background:#fff; z-index:7; display:none;
	-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 5px rgba(0,0,0,0.3); box-shadow:0px 1px 5px rgba(0,0,0,0.3);
}
.top_menu li ul li { border-top:1px solid #dfdfdf; }
.top_menu li ul li:first-child { border:none; }
.top_menu li ul li a { padding:2px 8px; color:#333; }
.top_menu li ul li a:hover { color:#009cdd; }
.top_menu li:hover ul { display:block; }

.menuBar { font-size:16px; line-height:150%; }
.menuBar a { display:block; color:#555555; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; font-size:16px; }
.menuBar .pro_menuBox, .menuBar .min_menu, .menuBar .min_menu li { float:left; }
.bg_cover {
	opacity:0; filter:alpha(opacity=0); visibility:hidden; position:fixed; top:0; left:0; width:100%; height:100%;
	background:url("../../images/tw/opa50.png") repeat; z-index:999; font-size:16px;
	transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
}
.bg_cover.show { opacity:1; filter:alpha(opacity=100); visibility:visible; }

/* 固定選單 */
.menuBar.fix-nav { position:fixed; top:0; left:0; background:#fff; width:100%; -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1); box-shadow:0px 2px 2px rgba(0,0,0,0.1);  }
.f_logo { display:none; float:left; }
.f_logo a { height:58px; width:58px; background:#00a9ef url(../../images/tw/logo_s.png) no-repeat center right; }
.menuBar.fix-nav .f_logo { display:block; }

.menuBar.fix-nav a.dropdown_toggle { width:145px; background:#00a9ef; padding-left:15px; }/* for En */
.menuBar.fix-nav .dropdown-menu { left:-48px; }
.menuBar.fix-nav .dropdown-menu:after { left:167px; }/* for En */

/* 產品總覽 */
.menuBar .pro_menuBox { position:relative; }
a.dropdown_toggle { color:#fff; width:165px; height:58px; line-height:58px; background:#00a9ef url(../../images/tw/icon_probox.png) no-repeat 17px center; padding-left:45px; position:relative; font-size:18px; }
a.dropdown_toggle:after { background:url(../../images/tw/arrow_white_down.png) no-repeat center center; content:""; width:24px; height:24px; display:block; position:absolute; top:17px; right:17px; }
.dropdown-menu {
	visibility:hidden; display: none; opacity:0; position:absolute; top:53px; left:10px; background:#fff; min-width: 205px; z-index: 2000; float: left;
	transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.7); -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.7); box-shadow:0px 0px 5px rgba(0,0,0,0.7);
    -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;
}
.pro_menuBox:hover .dropdown-menu { display:block; visibility:visible; opacity:1; }
.dropdown-menu:after { position: absolute; top: -12px; left: 159px; display: inline-block; border-right: 12px solid transparent; border-bottom: 12px solid #ffffff; border-left: 12px solid transparent; content: ''; }
.popover {
	visibility:hidden; display: none; opacity:0; position:absolute; top: 0; left: -205px; background:#fff; width: 440px; max-width: 440px; z-index: 1000;
	border-left:1px solid #dfdfdf; margin:0; padding:2px 15px; text-align:left; white-space:normal;	
	transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.7); -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.7); box-shadow:0px 0px 5px rgba(0,0,0,0.7);
    -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;
}

.pro_menuBox img { position:absolute; top:0; left:0; z-index:1; }
.pro_menuBox .dropdown-menu > li:hover .popover { visibility:visible; opacity:1; }
.pro_menuBox .dropdown-menu > li { border-top:1px solid #dfdfdf; display:table; width:100%; }/* for En */
.pro_menuBox .dropdown-menu > li:first-child { border:none; }
.pro_menuBox .dropdown-menu > li > a { background:url(../../images/tw/arrow_gray_right.png) no-repeat 180px center; line-height:135%; padding:10px 15px; font-size:14px; color:#333333; display:table-cell; vertical-align:middle; }/* for En */
.pro_menuBox .dropdown-menu > li > a.maintainHover, .pro_menuBox .dropdown-menu > li > a:hover { background:url(../../images/tw/arrow_blue_right.png) no-repeat 180px center; color:#009cdd; }
h3.popover_title { color:#009cdd; font-size:20px; margin:7px 0; font-weight:400; }

.popover_content dl { position:relative; z-index:5; line-height:130%; padding-top:5px; float:left; margin-left:30px; max-width:205px; }
.popover_content dl:first-child { margin:0; }
.popover_content dl dt a { color:#333333; font-size:14px; display:inline-block; }
.popover_content dl dt a:hover { color:#009cdd; text-decoration:underline; }
.popover_content dl dd { color:#9e9e9e; font-size:13px; margin-bottom:17px; }

/* 自動生成選單 */
.menuBar .min_menu { margin:17px 10px; }
.min_menu ul li { position:relative; }
.min_menu a { display:block; }
.min_menu > ul > li { border-left:1px solid #e5e5e5; }
.min_menu > ul > li:first-child { border:none; }
.min_menu > ul > li > a  { line-height:24px; }
.min_menu > ul > li > a:hover { color:#00A9EF; padding:0 35px; }
.min_menu ul ul {
	position:absolute; left:0; top:38px; background:#fff; z-index:7; display:none; width:100%;
	-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 5px rgba(0,0,0,0.3); box-shadow:0px 1px 5px rgba(0,0,0,0.3);
}
.min_menu ul ul:before { position:absolute; top:-14px; left:0px; display: inline-block; width:100%; height:14px; background:url(../../images/tw/submenu_arrow.png) no-repeat top center; content: ''; }
.min_menu ul ul li { border-top:1px solid #dfdfdf; width:100%; }
.min_menu ul li ul li:first-child { border:none; }
.min_menu ul ul li a { line-height:150%; padding:10px 10px; text-decoration:none; font-size:14px; color:#333; }
.min_menu ul li ul li a:hover { color:#009cdd; }
.min_menu ul li:hover ul { display:block; }

/* 搜尋選單 */
.search { float:right; position:relative; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
a.btn_search { background:#ffffff url(../../images/tw/icon_search.png) no-repeat 10px center; padding:0 17px 0 47px; height:58px; line-height:58px; }
a.btn_search:hover, .search.show a.btn_search { background:#fe5900 url(../../images/tw/icon_search_hover.png) no-repeat 10px center; color:#fff; }
.searchBox { 
	visibility:hidden; opacity:0; position:absolute; top:53px; right:5px; z-index:8888; background-color:#fff; width:990px;
	transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.7); -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.7); box-shadow:0px 0px 5px rgba(0,0,0,0.7);
}
.searchBox > div { float:left; }
.search:hover .searchBox { display:block; visibility:visible; opacity:1; }
.search_img { position:relative; }
.search_img > span { position:absolute; left:0; bottom:0; background:rgba(254,89,0,0.8); color:#fff; width:100%; text-align:center; font-size:16px; line-height:135%; padding:10px; box-sizing:border-box; }/* for En */
.search_text > div { clear:both; overflow:hidden; padding:5px 0; }
.search_text div.last { padding:18px 0 10px 0; }
.search_text > div > div { float:left; }
.search_text > div > div.btn_searchcom { float:right; height:40px; line-height:40px; background:#fe5900; width:126px; }/* for En */
.search_text > div > div.btn_searchcom:hover { background:rgba(254,89,0,0.7); }
.search01, .search03, .search04 { margin-right:3.5%; }
.search01, .search03, .search04, .search05 { width:31%; }
.search02 { width:65.5%; }
.search01 select, .search02 input[type="text"] { width:100%; }
.search03 input[type="text"], .search04 input[type="text"], .search05 input[type="text"] { width:110px; }
.searchBox .search_text { padding:10px 30px; width:690px; }
.search_label { font-size:14px; margin:5px 0 2px 0; line-height:24px; }
.search_label .dec, .search_dec { color:#9e9e9e; font-size:14px; }
.search_input > span, .search_dec { font-size:13px; }/* for En */
.search_input > span { color:#4c4c4c; }
.search_input input[type="checkbox"] { margin:0 3px 0 15px; }
.search_label .dec { font-size:13px; margin-left:5px; }
.btn_searchcom input { background-image:url(../../images/tw/icon_search_hover.png); background-repeat:no-repeat; background-position:28px center; line-height:40px; width:100%; color:#fff; padding-left:63px; text-align:left; font-size:14px; }/* for En */
.search_dec { line-height:40px; }
.search_text input[type="text"], .search_text select { height:35px; line-height:35px; }

.contBox .search_text { border-bottom:1px solid #dadada; margin-bottom:20px; padding-bottom:10px; }

/*----------content----------*/
#center { background:#f5f5f5; }

/*----------footer----------*/
#footer { text-align:center; color:#4d4d4d; line-height:180%; font-size:13px; }
.ft_fan { display:inline-block; padding:25px 0 15px 0; }
.ft_fan li { float:left; border-left:1px solid #dadada; padding: 0 30px; }
.ft_fan li:first-child { border:none; }
.ft_fan li a {
	display:block; height:35px; width:35px; background-image:url(../../images/tw/icon_fan.png); background-repeat:no-repeat; text-indent:-9999px;
	transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s;
}
.ft_fan li a:hover { background-image:url(../../images/tw/icon_fan_hover.png); }
.ft_fan li.fb a { background-position:0 center; }
.ft_fan li.yt a { background-position:-35px center; }
.ft_fan li.threads a { background-position:-70px center; }
.ft_fan li.ig a { background-position:-105px center; }

.ft_info { padding-bottom:25px; }
.ft_info li { margin-right:15px; display:inline-block; }
.ft_info .f_title { font-size:15px; color:#058ec6; padding:0 5px; }
a.btn_map { text-indent:-9999px; display:inline-block; background:url(../../images/tw/inon_map.png) no-repeat center top; width:18px; height:100%; opacity:0.7; filter:alpha(opacity=70); }
a.btn_map:hover { opacity:1; filter:alpha(opacity=100); }

.copyright { background:#00a9ef; color:#fff; font-size:12px; padding:11px 0; }

/*-------------------------------------------------------------*/
/* 通用按鈕 */
.btn_common { padding:30px 0; text-align:center; }
.btn_common > div { margin-left:10px; display:inline-block; *display:inline; zoom:1; }
.btn_common div:first-child { margin-left:0; }
.btn_common input {
	font-size:15px; color:#fff; background-color:transparent; padding:13px 50px; border:none; margin:0px; display:block; letter-spacing:0.6px;
	-webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px;
}
.btn_common .tofriend { background:#fe5900; }
.btn_common .tofriend input { background:url(../../images/tw/icon_link.png) no-repeat 152px center; padding:13px 55px 13px 45px; }/* for En */
.btn_common .tofriend:hover { background:#FF8B4D; }
.btn_common .submit { background:#00a9ef; }
.btn_common .submit:hover { background:#42C3F9; }
.btn_common .reset { background:#9e9e9e; }
.btn_common .reset:hover { background:#c0c0c0; }

/*-------------------------------------------------------------*/
/* 興趣單 */
#interestsBox { position:fixed; right:-183px; top:185px; z-index:1000; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
#interestsBox.showBox { right:0px; }
a.btn_interests {
	background:#fe5900 url(../../images/tw/icon_interests.png) no-repeat center 17px; color:#fff; padding:40px 5px 15px 6px; display:block; position:absolute; top:0; left:-57px; font-size:13px;
	-webkit-border-radius:8px 0 0 8px; -moz-border-radius:8px 0 0 8px; -o-border-radius:8px 0 0 8px; border-radius:8px 0 0 8px;
	transition: background 0.3s; -moz-transition: background 0.3s; -webkit-transition: background 0.3s; -o-transition: background 0.3s;
}/* for En */
a.btn_interests:hover { background-color:#FF8B4D; }
a.btn_edit_list { text-align:center; display:block; border:1px solid #fdb188; color:#fa6f24; line-height:33px; margin-top:8px; }
a.btn_edit_list:hover { background-color:#FF8B4D; color:#fff; border:1px solid #FF8B4D; }
.interests_com { float:left; background:#fff; padding:10px 8px 10px 10px; }
.interests_com ul li { line-height:130%; border-bottom:1px dashed #d0d0d0; padding:8px 2px; }
.interests_com ul li a:hover { color:#fa6f24; }
#interestsBox.fix-nav { top:80px; }
.interests_com .noinformation { width:165px; padding:35px 0; text-align:center; line-height:180%; color:#555; }
.interests_com .noinformation a { color:#fe5900; text-decoration:underline; }
.interests_com .noinformation a:hover { text-decoration:none; }

/* 卷軸樣式 */
#interestsBox .viewport { overflow:hidden; position:relative; width:150px; height:360px; padding-right:10px; }
#interestsBox .overview { position:absolute; left:0; top:0; width:150px; }
#interestsBox .scrollbar { 
	position:relative; float:right; width:5px; 
	opacity:0.5; 
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
	}
#interestsBox .track { background-color:#dbdbdb; height:100%; width:5px; position:relative; }
#interestsBox .thumb { background-color:#fe9861; height:20px; width:5px; cursor:pointer; overflow:hidden; position:absolute; top:0; left:0; }
#interestsBox .disable { display:none; }
#interestsBox .scrollwrap:hover .scrollbar { visibility:visible; opacity:1; }

/* 興趣單內容列表 */
.interest_list { overflow:hidden; padding-top:15px; color:#888888; font-size:13px; line-height:150%; }
.interest_list li { position:relative; box-sizing:border-box; border:1px solid #eaeaea; padding-left:115px; min-height:117px; }
a.btn_close_s { display:block; background:url(../../images/tw/icon_close_s.png) no-repeat center center; text-indent:-9999px; width:25px; height:25px; position:absolute; right:0; top:0; opacity:0.5; filter:alpha(opacity=50); }
a.btn_close_s:hover { opacity:1; filter:alpha(opacity=100); }
.interest_list .in_img { width:115px; height:115px; position:absolute; left:0; top:0; }
.interest_list .in_img * { vertical-align:middle; }
.interest_list .in_img span { display:inline-block; height:100%; }
.interest_list .in_img img { max-width:100%; max-height:100%; }
.interest_list .in_text { padding:15px; }
.interest_list .in_text .in_title { color:#333; font-size:14px; margin-bottom:6px; padding-right:30px; }
.interest_list .in_text .no, .interest_list .in_text .size { margin:0 0 6px 6px; display:inline-block; }
.interest_list .in_text .no { margin:0 0 6px 0; }
.interest_list input[type="text"] { width:50px; height:35px; line-height:35px; font-size:15px; margin:0 5px; }
.more_post { text-align:center; }
.more_post > a { display:inline-block; padding:13px 55px 13px 45px; margin:10px 0 40px; color:#fff; letter-spacing:0.6px; }
.more_post a.more_off { background:#00a9ef url(../../images/tw/arrow_btn_down.png) no-repeat 115px center; }
.more_post a.more_on { background:#00a9ef url(../../images/tw/arrow_btn_up.png) no-repeat 115px center; }
.more_post > a:hover { background-color:#42C3F9; }

/*-------------------------------------------------------------*/
/* select樣式 */
.select {
	display:block; float:left; height:35px; line-height:35px; color:#282828; position:relative; _filter:alpha(opacity=0);
	background:url("../../images/tw/sub_arrow.png") right center no-repeat;
}
.select label { padding:0 35px 0 10px; z-index:2; color:#565656; line-height:33px; height:33px; display:block; }
.select:hover label { color:#000000; }
.select select { width:100%; height:35px; line-height:35px; z-index:4; position:absolute; top:0; left:0; margin:0; padding:0; opacity:0; *margin-top:12px; filter:alpha(opacity=0); cursor:pointer; font-size: 15px; border:none; border:1px solid #ccc; border-radius:0; background:none; }

/*-------------------------------------------------------------*/
/* 表格樣式 */
.FormTable { overflow:hidden; }
.FormTable > div { position:relative; }
.FormTable > div.autoheight { height:auto; }
.FormTable > div > label, .FormTable > div > div { display:block; }
.FormTable span.marker { font-weight:bold; color:#d90000; }
.FormTable span.note { font-size:13px; color:#d90000; display:block; line-height:20px; padding:3px 0; }
.FormTable .btn_common div span { margin:0; }
.FormTable .btn_common div.submit span { margin:0 18px; }
.FormTable .red { color:#e60000; }

.FormTable .gender { display:inline-block; }
.FormTable .gender input[type="radio"] { margin-left:25px; }

.FormTable input[type="text"], .FormTable input[type="tel"], .FormTable input[type="email"], .FormTable textarea { width:100%; }
.FormTable input[type="text"].w60 { width:60px !important; }
.FormTable input[type="text"].w160 { width:160px !important; }
.FormTable input.w300 { width:300px; }
.FormTable input[type="text"].addr { margin-top:8px; }

.FormTable.comment div.btn_common > div { margin-left:0; float:right; }
.FormTable.comment > div > label { color:#2b2b2b; }

.FormTable.member { border-top:1px solid #e0e0e0; font-size:16px; color:#555; }
.FormTable.member > div { border-top:4px solid #fff; }
.FormTable.member > div > label, .FormTable.member > div > div { border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.FormTable.member > div > label { font-weight:bold; letter-spacing:1px; }

/* 表單元件 */
.FormTable input[type="text"], .FormTable input[type="password"], .FormTable input[type="file"], .FormTable input[type="tel"], .FormTable input[type="email"], .FormTable textarea, .FormTable select {
	border:1px solid #c6c6c6; font-size:15px; box-sizing:border-box; margin:0; max-width:100%;
	-moz-box-shadow: inset 1px 1px 8px #e5e5e5;
	-webkit-box-shadow: inset 1px 1px 8px #e5e5e5;
	box-shadow: inset 1px 1px 8px #e5e5e5;
	}
.FormTable input[type="text"], .FormTable input[type="password"], .FormTable input[type="file"], .FormTable input[type="tel"], .FormTable input[type="email"] { line-height:35px; height:35px; }
.FormTable input[type="text"], .FormTable input[type="password"], .FormTable input[type="file"], .FormTable input[type="tel"], .FormTable input[type="email"] { padding:0 4px; }
.FormTable textarea { padding:4px; height:120px; }
.FormTable select { line-height:16px; background-color:#fff; padding:5px 4px 5px; max-width:100%; }	
.FormTable input[type="text"]:focus, .FormTable input[type="password"]:focus, .FormTable input[type="file"]:focus, .FormTable input[type="tel"]:focus, .FormTable input[type="email"]:focus, .FormTable textarea:focus, .FormTable select:focus { 
	outline: 0;
	border:1px solid #66afe9;　
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.075), 0 0 6px rgba(102,175,233,0.8);
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.075), 0 0 6px rgba(102,175,233,0.8);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
	
.FormTable hr { margin:15px 0 5px; }
.FormTable .input_group { overflow:hidden; }
.FormTable .input_group > div { display:inline-block; white-space:nowrap; box-sizing:border-box; padding-right:20px; }
.FormTable .input_group.item_selected > div { white-space:normal; }
.FormTable .input_group.item_selected a { display:block; padding-left:20px; background:url("../../images/icon_item_delete.png") no-repeat 0 10px; }

.FormTable .para { padding-bottom:10px; }
.FormTable input[type="button"], .FormTable input[type="submit"] { margin-left:10px; background-color:#0068b7; font-size:14px; padding:0 18px; }
.FormTable input[type="button"]:hover, .FormTable input[type="submit"]:hover { background-color:#e80037; }

.FormTable.forward { max-width:750px; margin:0 auto; }


/* 驗證碼 */
.FormTable .randomcode { overflow:hidden; }
.FormTable .randomcode > div { float:left; margin-right:8px; }
	.FormTable .randomcode input[type="text"] { width:100px !important; }
	.FormTable .randomcode div.btn { padding:0; border:0; }
	.FormTable .randomcode div.btn input { 
		border:0; margin:0; height:30px; background-color:#fff; padding:0; letter-spacing:1px;
		font-size:14px; font-weight:bold; line-height:30px; color:#777777; text-decoration:underline; 
		}
	.FormTable .randomcode div.btn input:hover { color:#00a9ef; }

/*-------------------------------------------------------------*/
/* 回頂端 */
.btn_top { position:fixed; right:15px; bottom:55px; z-index:8000; }
.btn_top a {
	text-indent:-9999px; display:block; width:48px; height:48px; background:rgba(0,0,0,0.3);
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
	-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2); box-shadow:0px 0px 8px rgba(0,0,0,0.2);
}
.btn_top a:after { content:""; display:block; width:20px; height:20px; background:url(../../images/tw/arrow_gotop.png) no-repeat 0 0; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; }
.btn_top:hover a:after { background:url(../../images/tw/arrow_gotop.png) no-repeat 0 -20px; }

/*-------------------------------------------------------------*/
/* 無限捲動 */
#infscr-loading { text-align:center; width:100%; }
#infscr-loading img { margin:0 auto; }


/*-------------------------------------------------------------*/
/* 品項資訊 */
.pro_item_Box { position:relative; }
.pro_item_Box .pro_title { border-bottom:1px solid #e4e4e4; font-size:24px; font-weight:bold; line-height:140%; padding:8px 0; }
.pro_item_Box .pro_img { text-align:center; position:absolute; left:0; top:0; max-width:100%; }
.pro_item_Box .pro_img * { vertical-align:middle; }
.pro_item_Box .pro_img span { display:inline-block; height:100%; }
.pro_item_Box .pro_img img { max-width:100%; max-height:100%; }
.pro_item_Box .pro_lastBox { border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:20px 0; }
.pro_item_Box .pro_lastBox a { display:inline-block; font-size:15px; color:#333; border:1px solid #dadada; padding:15px 20px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.pro_item_Box .pro_lastBox a:hover { background:#ddd; border:1px solid #fff; }

.pro_arrow { width:100%; z-index:9999; }
.pro_arrow a {
	position:absolute; background-color:rgba(0,0,0,0.3); text-indent:-9999px; width:48px; height:48px; color:#fff;
	-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2); box-shadow:0px 0px 8px rgba(0,0,0,0.2);
	-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;
}
.pro_arrow a.arrow_left { left:0; }
.pro_arrow a.arrow_right { right:0; }
.pro_arrow a:after { content:""; display:block; width:20px; height:20px; background:url(../../images/tw/arrow_gotop.png) no-repeat 0 0; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; }
.pro_arrow a.arrow_left:after {
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
.pro_arrow a.arrow_right:after {
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}
.pro_arrow a:hover:after { background:url(../../images/tw/arrow_gotop.png) no-repeat 0 -20px; }
.pro_arrow a.arrow_disabled { box-shadow:none; background-color:rgba(0,0,0,0.1); cursor:default; color:rgba(255,255,255,0.7); }
.pro_arrow a.arrow_disabled:after { opacity:0.7; }
.pro_arrow a.arrow_disabled:hover:after { background:url(../../images/tw/arrow_gotop.png) no-repeat 0 0; }

.FormTable.pro_text > div > label { text-align:left; color:#777777; }
.FormTable.pro_text { padding:15px 0; }
.FormTable.pro_text > div { width:100%; clear:both; }
.FormTable.pro_text > div > label, .FormTable.pro_text > div > div { line-height:24px; padding:3px 0; }
.FormTable.pro_text > div > label { width:110px; }/* for En */

/*----------轉寄好友----------*/
.forward.toforBox { background-color:#eaeaea; margin:40px auto; padding:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.forward.toforBox > div { padding: 25px 30px; background-color: #fff; }
.forward.toforBox label { font-size:16px; display:block; margin:15px 0 5px 0; }
	.forward.toforBox label span { color:#d00000; }
.forward.toforBox input[type="text"], .forward.toforBox textarea { margin:0 0 5px 0; }
.forward.toforBox .title { font-size:18px; line-height:135%; color:#00A9EF; }
.forward.toforBox .note { color:#da251c; line-height:15px; }

.forward.toforBox .randomcode { overflow:hidden; }
.forward.toforBox .randomcode input[type="text"] { width:84px !important; margin:0; float:left; }
.forward.toforBox .randomcode img { margin-left:8px; }
.forward.toforBox .randomcode > div { float:left; padding-top:5px; }
.forward.toforBox .randomcode div.btn { line-height:180%; font-size:100%; color:#696969; letter-spacing:0.5px; float:left; }
.forward.toforBox .randomcode div.btn input { 
	padding:0; margin-left:8px; text-decoration:underline; color:#777777; font-size:14px; font-weight:bold; letter-spacing:1px; line-height:30px;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.forward.toforBox .randomcode div.btn input:hover { color:#00A9EF; }

.forward.toforBox input[type="text"], .forward.toforBox input[type="email"] { line-height:33px; }
.forward.toforBox input[type="text"], .forward.toforBox input[type="email"], .forward.toforBox textarea { font-size:15px; }
.forward.toforBox textarea { padding:8px; }