.text_12tr
{
    FONT-SIZE: 12px;
    COLOR: darkblue;
    LINE-HEIGHT: 20px
}
.text_12FFCC00
{
    FONT-SIZE: 12px;
    COLOR: #ffcc00;
    LINE-HEIGHT: 20px
}
.text_12266CFF
{
    FONT-SIZE: 12px;
    COLOR: #266cff;
    LINE-HEIGHT: 20px
}
.text_12tk
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    LINE-HEIGHT: 20px
}
.text_12tf
{
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    LINE-HEIGHT: 20px
}
.text_12t9
{
    FONT-SIZE: 12px;
    COLOR: #666666;
    LINE-HEIGHT: 20px
}
.text_11t9
{
    FONT-SIZE: 12px;
    COLOR: #999999;
    LINE-HEIGHT: 20px
}
.text_11FF6600
{
    FONT-SIZE: 13px;
    COLOR: #ff6600;
    LINE-HEIGHT: 20px
}
.text_11t
{
    FONT-SIZE: 13px;
    COLOR: #444444;
    /*wm.v902.645.U-調整頁面行距*/
	LINE-HEIGHT: 20px;
	/*20130522-修改行高，周'R反應文字上緣有被裁切到，故將行高改回20px，若有疑問請洽周'R
	LINE-HEIGHT: 15px;*/
    FONT-FAMILY: "Arial", "Times New Roman", "細明體", "標楷體"
}
.text_11t6
{
    FONT-SIZE: 13px;
    COLOR: #666666;
    LINE-HEIGHT: 20px
}
.text_11t0
{
    FONT-SIZE: 13px;
    COLOR: #000000;
    LINE-HEIGHT: 20px
}
.text_12trff3300
{
    FONT-SIZE: 12px;
    COLOR: #ff3300;
    LINE-HEIGHT: 20px
}
.text_12FF0099
{
    FONT-SIZE: 12px;
    COLOR: #ff0099;
    LINE-HEIGHT: 20px
}
.text_12FFFFFF
{
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    LINE-HEIGHT: 20px
}
.text_13FFCC00
{
    FONT-SIZE: 13px;
    COLOR: #6633ff;
    LINE-HEIGHT: 20px
}
.text_126633FF
{
    FONT-SIZE: 12px;
    COLOR: #6633ff;
    LINE-HEIGHT: 20px
}
.title_1
{
    FONT-SIZE: 13px;
    COLOR: #000000;
    LINE-HEIGHT: 20px
}
.tabe01
{
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(../images/status_bar_image2.gif);
	background-color : #FFFFFF;
    LINE-HEIGHT: 20px
}
.tabe02
{
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(../images/pion_03.gif);
	background-color : #FFFFFF;
    /*COLOR: #666666;*/
    FONT-FAMILY: "Arial", "Times New Roman", "細明體", "標楷體"
}
.tabe03
{
    FONT-SIZE: 13px;
    BACKGROUND-IMAGE: url(../images/status_bar_image.gif);
	background-color : #FFFFFF;
    LINE-HEIGHT: 20px;
    FONT-FAMILY: "Arial", "Times New Roman", "細明體", "標楷體"
}
.tabe04
{
    FONT-SIZE: 13px;
    BACKGROUND-IMAGE: url(../images/status_bar_image3.gif);
	background-color : #FFFFFF;
    LINE-HEIGHT: 20px
}
.tabe05
{
    FONT-SIZE: 13px;
    BACKGROUND-IMAGE: url(../images/status_bar_image5.gif);
	background-color : #FFFFFF;
    LINE-HEIGHT: 20px
}
.tabe06
{
    FONT-SIZE: 13px;
    BACKGROUND-IMAGE: url(../images/status_bar_image4.gif);
	background-color : #FFFFFF;
    LINE-HEIGHT: 20px
}
.tabe07
{
    FONT-SIZE: 13px;
    BACKGROUND-IMAGE: url(../images/status_bar_image6.gif);
	background-color : #FFFFFF;
    LINE-HEIGHT: 20px
}
.tabe08
{
    FONT-SIZE: 13px;
    BACKGROUND-IMAGE: url(/images/status_bar_image7.png);
	background-color : #FFFFFF;
    LINE-HEIGHT: 20px
}
.tabe09
{
    FONT-SIZE: 13px;
    BACKGROUND-IMAGE: url(../images/status_bar_image1.gif);
	background-color : #FFFFFF;
    LINE-HEIGHT: 20px
}
A.a
{
    FONT-SIZE: 13px;
    COLOR: #6699ff;
    TEXT-DECORATION: underline
}
A.a:hover
{
    FONT-SIZE: 13px;
    COLOR: #ff0000;
    FONT-STYLE: normal;
    TEXT-DECORATION: underline
}
A.b
{
    FONT-SIZE: 13px;
    COLOR: #000000;
    TEXT-DECORATION: underline
}
A.b:hover
{
    FONT-SIZE: 13px;
    COLOR: #00cc00;
    TEXT-DECORATION: underline
}
A.c
{
    FONT-SIZE: 13px;
    COLOR: #6666ff
}
A.c:hover
{
    FONT-SIZE: 13px;
    COLOR: #6699ff;
    TEXT-DECORATION: underline
}
A.d
{
    FONT-SIZE: 13px;
    COLOR: #ff6633
}
A.d:hover
{
    FONT-SIZE: 13px;
    COLOR: #6699ff;
    TEXT-DECORATION: underline
}
A.e
{
    FONT-SIZE: 12px;
    COLOR: #333333
}
A.e:hover
{
    FONT-SIZE: 12px;
    COLOR: #6699ff;
    TEXT-DECORATION: underline
}
A.f
{
    FONT-SIZE: 12px;
    COLOR: #6699ff
}
A.f:hover
{
    FONT-SIZE: 12px;
    COLOR: #ff3300;
    TEXT-DECORATION: underline
}
A.menu_link0
{
    FONT-SIZE: 14px;
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.menu_link0:hover
{
    FONT-SIZE: 14px;
    COLOR: #ff0000;
    TEXT-DECORATION: none
}
A.menu_link1
{
    FONT-SIZE: 13px;
    COLOR: #3375ff;
    LINE-HEIGHT: 22px
    TEXT-DECORATION: underline
}
A.menu_link1:hover
{
    FONT-SIZE: 13px;
    COLOR: #ff3300;
    TEXT-DECORATION: underline
}
A.menu_link1a
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    COLOR: #022df7;
    LINE-HEIGHT: 22px;
    TEXT-DECORATION: none
}
A.menu_link1b
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #022df7;
    LINE-HEIGHT: 22px;
    TEXT-DECORATION: none
}
A.menu_link1a:hover
{
    FONT-SIZE: 13px;
    COLOR: #ff3300;
    TEXT-DECORATION: underline
}
A.menu_link1b:hover
{
    FONT-SIZE: 12px;
    COLOR: #ff3300;
    TEXT-DECORATION: underline
}
A.menu_link2
{
    FONT-SIZE: 13px;
    COLOR: #6633ff;
    LINE-HEIGHT: 22px
}
A.menu_link2:hover
{
    FONT-SIZE: 13px;
    COLOR: #ff3300;
    TEXT-DECORATION: underline
}
A.menu_link2a
{
    FONT-SIZE: 13px;
    COLOR: #813078;
    LINE-HEIGHT: 22px;
    TEXT-DECORATION: none
}
A.menu_link2b
{
    FONT-SIZE: 12px;
    COLOR: #813078;
    LINE-HEIGHT: 22px;
    TEXT-DECORATION: none
}
A.menu_link2a:hover
{
    FONT-SIZE: 13px;
    COLOR: #009900;
    TEXT-DECORATION: none
}
A.menu_link2b:hover
{
    FONT-SIZE: 12px;
    COLOR: #009900;
    TEXT-DECORATION: none
}
A.menu_link3
{
    FONT-SIZE: 13px;
    COLOR: #0144e0;
    LINE-HEIGHT: 22px
}
A.menu_link3:hover
{
    FONT-SIZE: 13px;
    COLOR: #ff3300;
    TEXT-DECORATION: underline
}
A.menu_link3a
{
    FONT-SIZE: 13px;
    COLOR: #008800;
    LINE-HEIGHT: 22px;
    TEXT-DECORATION: none
}
A.menu_link3b
{
    FONT-SIZE: 12px;
    COLOR: #008800;
    LINE-HEIGHT: 22px;
    TEXT-DECORATION: none
}
A.menu_link3a:hover
{
    FONT-SIZE: 13px;
    COLOR: #667c1b;
    TEXT-DECORATION: underline
}
A.menu_link3b:hover
{
    FONT-SIZE: 12px;
    COLOR: #667c1b;
    TEXT-DECORATION: underline
}
A.menu_link4
{
    FONT-SIZE: 13px;
    COLOR: #3375ff;
    LINE-HEIGHT: 22px
}
A.menu_link4:hover
{
    FONT-SIZE: 13px;
    COLOR: #ff3300;
    TEXT-DECORATION: underline
}
.menu_border1
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FILTER: Alpha(Opacity=100);
    MARGIN: 1px;
    BORDER-LEFT: #000000 1px solid;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND-COLOR: #ffe092
}
.menu_border2
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    FILTER: Alpha(Opacity=100);
    MARGIN: 1px 0px;
    BORDER-LEFT: 0px;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-COLOR: #fee0ec
}
.menu_border2a
{
    BORDER-RIGHT: #ffffff 2px;
    BORDER-TOP: #ffffff 2px;
    FILTER: Alpha(Opacity=100);
    MARGIN: 1px 0px;
    BORDER-LEFT: #ffffff 2px;
    TEXT-INDENT: 13px;
    BORDER-BOTTOM: #ffffff 2px solid;
    BACKGROUND-COLOR: #ffe8f2
}
.menu_border3
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    FILTER: Alpha(Opacity=100);
    MARGIN: auto 0px;
    BORDER-LEFT: 0px;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-COLOR: #dde8ff
}
.menu_border3a
{
    BORDER-RIGHT: #ff9300 1px;
    BORDER-TOP: #ff9300 1px;
    FILTER: Alpha(Opacity=100);
    MARGIN: auto 0px;
    BORDER-LEFT: #ff9300 1px;
    TEXT-INDENT: 20px;
    BORDER-BOTTOM: #ff9300 1px dashed;
    BACKGROUND-COLOR: #fff5d2
}
.menu_border4
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 5px;
    FILTER: Alpha(Opacity=100);
    MARGIN: 1px 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-COLOR: #ffffe8
}
.text13
{
    FONT-SIZE: 13px;
    COLOR: #000000
}
.input01
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 12px;
    MARGIN: 1px;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND-COLOR: #dddddd
}
.input02
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 12px;
    MARGIN: 1px;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND-COLOR: #ffffff
}
.text-line
{
    FONT-SIZE: 12px;
    COLOR: #666666;
    LINE-HEIGHT: 20px;
    TEXT-DECORATION: underline
}
.menu_border1
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    MARGIN: 1px;
    BORDER-LEFT: #666666 1px solid;
    BORDER-BOTTOM: #666666 1px solid;
    BACKGROUND-COLOR: #fffbee
}
.border_ot
{
    FONT-SIZE: 13px;
    COLOR: #333333;
    LINE-HEIGHT: 20px;
    BACKGROUND-COLOR: #ffffff
}
.border_k
{
    BACKGROUND-COLOR: #666666 ;z-index:-1 !important;
}
.border_e
{
    BACKGROUND-COLOR: #eeeeee
}
.border_f
{
    BACKGROUND-COLOR: #ffffff
}
.border_FFC1C1
{
    BACKGROUND-COLOR: #ffc1c1
}
.border_CCFF66
{
    BACKGROUND-COLOR: #fff8e6
}
.border_FFCC99
{
    BACKGROUND-COLOR: #ccccff
}
.input03
{
    BORDER-RIGHT: #333333 1px solid;
    BORDER-TOP: #333333 1px solid;
    FONT-SIZE: 12px;
    MARGIN: 1px;
    BORDER-LEFT: #333333 1px solid;
    COLOR: #ff0000;
    BORDER-BOTTOM: #333333 1px solid;
    BACKGROUND-COLOR: #ffffff
}
.btn01
{
    FONT-SIZE: 12px;
    WIDTH: 60px;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #d0e2f0
}
.btn03
{
    FONT-SIZE: 12px;
    WIDTH: 60px;
    HEIGHT: 36px;
    BACKGROUND-COLOR: #d0e2f0
}
.btn02
{
    FONT-SIZE: 12px;
    WIDTH: 120px;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #d0e2f0
}
.btn01-1
{
    FONT-SIZE: 12px;
    WIDTH: 60px;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #ffccff
}
.btn02-2
{
    FONT-SIZE: 12px;
    WIDTH: 120px;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #ffccff
}
.btn04
{
    FONT-SIZE: 10px;
    WIDTH: 25px;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #ffff66
}
.btn05
{
    FONT-SIZE: 12px;
    WIDTH: 35px;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #ffff66
}
.btn06
{
    FONT-SIZE: 12px;
    WIDTH: 138px;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #ffff66
}
.btn07
{
    FONT-SIZE: 12px;
    WIDTH: 60px;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #ffff66
}
.btn07a
{
    FONT-SIZE: 12px;
    WIDTH: 90px;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #ffff66
}
.btn02-3
{
    FONT-SIZE: 12px;
    WIDTH: 220px;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #d0e2f0
}
.btn08
{
    FONT-SIZE: 12px;
    WIDTH: 200px;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #d0e2f0
}
.btn09
{
    FONT-SIZE: 12px;
    WIDTH: 60px;
    COLOR: #999999;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #cccccc
}
.btn10
{
    FONT-SIZE: 12px;
    WIDTH: 120px;
    COLOR: #999999;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #cccccc
}
.IconBtn
{
    BORDER-RIGHT: 0pt solid;
    BORDER-TOP: 0pt solid;
    FONT-SIZE: 9pt;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    BORDER-LEFT: 0pt solid;
    CURSOR: hand;
    BORDER-BOTTOM: 0pt solid
}
.btn01A
{
    FONT-SIZE: 12px;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #d0e2f0
}
.go-contant-table
{
    BORDER-RIGHT: #b0b0b0 1pt solid;
    BORDER-TOP: #b0b0b0 1pt solid;
    BORDER-LEFT: #b0b0b0 1pt solid;
    WIDTH: 100%;
    BORDER-BOTTOM: #b0b0b0 1pt solid;
    BORDER-COLLAPSE: collapse
}
.go-contant-td01
{
    BORDER-RIGHT: #b0b0b0 1pt solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #b0b0b0 1pt solid;
    PADDING-LEFT: 1px;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #b0b0b0 1pt solid;
    COLOR: #666666;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #b0b0b0 1pt solid;
    BORDER-COLLAPSE: collapse;
    HEIGHT: 25px;
    BACKGROUND-COLOR: #ffffff
}
.go-contant-td02
{
    BORDER-RIGHT: #b0b0b0 1pt solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #b0b0b0 1pt solid;
    PADDING-LEFT: 1px;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #b0b0b0 1pt solid;
    COLOR: #666666;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #b0b0b0 1pt solid;
    BORDER-COLLAPSE: collapse;
    HEIGHT: 25px;
    BACKGROUND-COLOR: #f7f7f7
}
.go-contant-td03
{
    BORDER-RIGHT: #b0b0b0 1pt solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #b0b0b0 1pt solid;
    PADDING-LEFT: 1px;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #b0b0b0 1pt solid;
    COLOR: #333333;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #b0b0b0 1pt solid;
    BORDER-COLLAPSE: collapse;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #dff8ff
}
.go-contant-td04
{
    BORDER-RIGHT: #b0b0b0 1pt solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #b0b0b0 1pt solid;
    PADDING-LEFT: 1px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #b0b0b0 1pt solid;
    COLOR: #666666;
    LINE-HEIGHT: 23px;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #b0b0b0 1pt solid;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: #ffffff
}
.go-contant-link01
{
    FONT-SIZE: 13px;
    COLOR: #044ed5;
    TEXT-DECORATION: none
}
.go-contant-link02
{
    FONT-SIZE: 12px;
    COLOR: #009933;
    LINE-HEIGHT: 20px;
    TEXT-DECORATION: none
}
.go-contant-text01
{
    FONT-SIZE: 10pt;
    COLOR: #42597d;
    LINE-HEIGHT: 18px;
    TEXT-DECORATION: none
}
.go-contant-text02
{
    FONT-SIZE: 10pt;
    COLOR: #666666;
    LINE-HEIGHT: 18px;
    TEXT-DECORATION: none
}
.go-contant-text03
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #ff0000;
    LINE-HEIGHT: 18px;
    TEXT-DECORATION: none
}
.go-contant-money01
{
    FONT-SIZE: 12px;
    COLOR: #bb3e7c;
    LINE-HEIGHT: 20px;
    TEXT-DECORATION: none
}
.ms-input-box
{
    BORDER-RIGHT: #003333 1px solid;
    BORDER-TOP: #003333 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: #003333 1px solid;
    COLOR: #5b5b5b;
    BORDER-BOTTOM: #003333 1px solid;
    LIST-STYLE-TYPE: disc;
    BACKGROUND-COLOR: #ffffff
}
.ms-input-text
{
    FONT-SIZE: 11px
}
.ms-input-box
{
    BORDER-RIGHT: #003333 1px solid;
    BORDER-TOP: #003333 1px solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: #003333 1px solid;
    COLOR: #5b5b5b;
    BORDER-BOTTOM: #003333 1px solid;
    LIST-STYLE-TYPE: disc;
    BACKGROUND-COLOR: #ffffff
}
.ms-input-button
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-COLOR: #ffffff
}
.input04 {
	border: 0px solid #333333;
	margin: 1px;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
}
.list-scroll {
	height: 300;
	width: 100%;
	overflow: auto;
}
.order-contant-text01{
    font-size: 12px;
	line-height: 20px;
	font-style: normal;
	color:#46554D;
}
.order-input-box{
    border: 1px solid #636F8D;
	font-size: 13px;
	list-style-type: disc;
	color: #5B5B5B;
	clip:   rect(   );
	background-color: #FFFFFF
}
.order-contant-table{
    border-collapse: collapse;
    border: solid; border-width:1pt;
	border-color:#ffffff ;
	width: 100%;
}
.order-contant-td01{
    border-collapse: collapse;
    border: solid; border-width:1pt;
	font-size:13px; border-color:#ffffff ;
	background-color:#F2FAFF ;
	padding: 3px 3px 3px 3px ;
	color: #342F3C;
	height:25px;
	line-height: 20px
}
.order-contant-td02{
    border-collapse: collapse;
    border: solid; border-width:1pt;
	font-size:12px; border-color:#ffffff ;
	background-color:#E8F7FF ;
	padding: 3px 3px 3px 3px ;
	color: #342F3C;
	height:25px;
	line-height: 20px

}
.order-contant-td03{
    border-collapse: collapse;
    border: solid; border-width:1pt;
	font-size:12px; border-color:#ffffff ;
	background-color:#DBF3FD ;
	padding: 3px 3px 3px 3px ;
	color: #342F3C;
	height:20px;
	line-height: 20px
}
.order-contant-td04{
    border-collapse: collapse;
    border: solid; border-width:1pt;
	font-size:12px; border-color:#ffffff ;
	background-color:#BCE9FC ;
	padding: 3px 3px 3px 3px ;
	color: #342F3C;
	height:20px;
	line-height: 20px
}
.go-contant-tdsel
{
    BORDER-RIGHT: #b0b0b0 1pt solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #b0b0b0 1pt solid;
    PADDING-LEFT: 1px;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #b0b0b0 1pt solid;
    COLOR: #FFFFFF;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #b0b0b0 1pt solid;
    BORDER-COLLAPSE: collapse;
    HEIGHT: 25px;
    BACKGROUND-COLOR: #cccccc
}.input-readonly {
	FONT-SIZE: 12px;
	MARGIN: 1px;
	COLOR: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background:none;
}
.input_12x20 {
	font-size: 12px;
	width: 20px;
}
.input_12x50 {
	font-size: 12px;
	width: 50px;
}
.input_12x60 {
	font-size: 12px;
	width: 60px;
}
.input_12x70 {
	font-size: 12px;
	width: 70px;
}
.input_12x80 {
	font-size: 12px;
	width: 80px;
}
.input_12x90 {
	font-size: 12px;
	width: 90px;
}
.input_12x100 {
	font-size: 12px;
	width: 100px;
}
.input_12x150 {
	font-size: 12px;
	width: 150px;
}
.input_12x200 {
	font-size: 12px;
	width: 200px;
}
.input_12x250 {
	font-size: 12px;
	width: 250px;
}
.input_12x300 {
	font-size: 12px;
	width: 300px;
}
.input_12x350 {
	font-size: 12px;
	width: 350px;
}
.input_12x400 {
	font-size: 12px;
	width: 400px;
}
.input_12x450 {
	font-size: 12px;
	width: 450px;
}
.input_12x500 {
	font-size: 12px;
	width: 500px;
}
.input_12x550 {
	font-size: 12px;
	width: 550px;
}
.input_12x600 {
	font-size: 12px;
	width: 600px;
}
/*=== 2008-02-12 Hamburger ===*/
.input_none {
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 12px;
    MARGIN: 1px;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND-COLOR: #ffffff;
   	border-style:none;
	background:none
}
/**2011-06-16 新增art**/
.font-lager {
   font-size:13px
}
.font-lager2 {
   font-size:15px
}
/**2012-07-27 新增Jimmy**/
/**五福旅行社中台登入後，各員工個別訊息管理**/
.msg_title_l{
	background:url(../images/msg/msg_title_01.png);
	background-repeat:no-repeat;
	width:94px;
	height:30px;
	padding-left:30px;
	font-size:15px;
	color:#333333;
	font-family:"微軟正黑體";
}
.msg_title_c{
	background:url(../images/msg/msg_title_02.png);
	background-repeat:repeat-x;
	height:30px;
	font-size:15px;
	color:#333333;
	font-family:"微軟正黑體";
}
.msg_title_c a{
	font-size:15px;
	color:#F00;
}
.msg_title_c a:hover{
	font-size:15px;
	color:#F00;
	text-decoration:none;
}
.msg_title_r{
	background:url(../images/msg/msg_title_03.png);
	background-repeat:no-repeat;
	width:16px;
	height:30px;
}
/* root element for tabs  */
ul.css-tabs {
    margin:0 !important;
    padding:0;
    height:30px;
	width:840px;
}
/* single tab */
ul.css-tabs li {
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
}
/* link inside the tab. uses a background image */
ul.css-tabs a {
    float:left;
    font-size:13px;
    display:block;
    padding:5px 30px;
    text-decoration:none;
    border:1px solid #666;
    border-bottom:0px;
    height:18px;
    background-color:#efefef;
    color:#777;
    margin-right:2px;
    position:relative;
    top:1px;
    outline:0;
    -moz-border-radius:4px 4px 0 0;
}
ul.css-tabs a:hover {
    background-color:#F7F7F7;
    color:#333;
}
/* selected tab */
ul.css-tabs a.current {
    background-color:#ddd;
    border-bottom:1px solid #ddd;
    color:#000;
    cursor:default;
}
/* tab pane */
.css-panes{
	width:960px;
    border-top:1px solid #666;
}
.css-panes div.panes_2 {
    display:none;
    border:1px solid #666;
    border-width:0 1px 1px 1px;
    min-height:150px;
    padding:10px 10px;
	width:938px;
}
.rcvordmsg{
	width:820px;
	border:1px solid #666;
	border-right:none;
	border-bottom:none;
}
.rcvordmsg th{
	background:url(../images/msg/title_bg.gif);
	background-repeat:repeat-x;
	height:30px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	font-weight:normal;
}
.rcvordmsg td{
	text-align:center;
	height:30px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
.rcvmsg{
	width:820px;
	border:1px solid #666;
	border-right:none;
	border-bottom:none;
}
.rcvmsg th{
	background:url(../images/msg/title_bg.gif);
	background-repeat:repeat-x;
	height:30px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	font-weight:normal;
}
.rcvmsg td{
	text-align:center;
	height:30px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
.sendmsg{
	width:820px;
	border:1px solid #666;
	border-right:none;
	border-bottom:none;
}
.sendmsg th{
	background:url(../images/msg/title_bg.gif);
	background-repeat:repeat-x;
	height:30px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	font-weight:normal;
}
.sendmsg td{
	text-align:center;
	height:30px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
.paging{
	width:820px;
	height:50px;
	border:1px solid #666;
	border-top:none;
	min-width:800px;
}
.paging td {
	font-size:13px;
	color:#333;
	text-align:center;
}
.paging td.s_project{
	text-align:right;
	padding-right:15px;
}
.paging td a{
	color:#333;
	text-decoration:none;
}
.paging td a:hover{
	color:#F60;
	text-decoration:none;
}
.msg_nfo{
	width:850px;
	border:1px solid #666;
	border-bottom:none;
	border-left:none;
}
.msg_nfo th{
	height:30px;
	font-size:15px;
	color:#FFF;
	background:url(../images/msg/title_bg.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
}
.msg_nfo td{
	height:30px;
	font-size:15px;
	line-height:30px;
	color:#333;
	padding-left:5px;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
}
.msg_nfo span{
	color:#F00;
}
.msg_nfo td a{
	font-size:15px;
	color:#00F;
}
.msg_nfo td a:hover{
	font-size:15px;
	color:#F60;
	text-decoration:none;
}
.msg_nfo textarea{
	margin:8px;
	margin-left:0px;
}
.ok_but{
	width:850px;
}
.send_but{
	float:right;
}
.msg_Order{
	width:400px;
	border:1px solid #666;
	border-bottom:none;
	border-left:none;
}
.msg_Order th{
	height:30px;
	font-size:15px;
	color:#FFF;
	background:url(../images/msg/title_bg.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
}
.msg_Order td{
	height:30px;
	font-size:15px;
	line-height:30px;
	color:#333;
	padding-left:5px;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
}
.Order_ok_but{
	width:250px;
}
.order_number{
	width:70px;
	font-size:15px;
	color:#333;
}
.order_number a{
	font-size:15px;
	color:#333;
}
.order_number a:hover{
	font-size:15px;
	color:#F60;
}
.group_code{
	width:110px;
	font-size:15px;
	color:#333;
}
.group_code a{
	font-size:15px;
	color:#333;
}
.group_code a:hover{
	font-size:15px;
	color:#F60;
}
.content_message{
	width:280px;
	font-size:15px;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:left;
	padding-left:5px;
}
.content_message a{
	font-size:15px;
	color:#333;
}
.content_message a:hover{
	font-size:15px;
	color:#F60;
}
.content_message_2{
	width:200px;
	font-size:15px;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:left;
	padding-left:5px;
}
.content_message_2 a{
	font-size:15px;
	color:#333;
}
.content_message_2 a:hover{
	font-size:15px;
	color:#F60;
}
.content_message_r{
	width:280px;
	font-size:15px;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.content_message_p{
	width:280px;
	font-size:15px;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.content_message_p a{
	font-size:15px;
	color:#F6F;
}
.content_message_p a:hover{
	font-size:15px;
	color:#F60;
}
.content_message_p2{
	width:330px;
	font-size:15px;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.content_message_p2 a{
	font-size:15px;
	color:#F6F;
}
.content_message_p2 a:hover{
	font-size:15px;
	color:#F60;
}
.content_message_r a{
	font-size:15px;
	color:#F6F;
}
.content_message_r a:hover{
	font-size:15px;
	color:#F60;
}
.receive_time{
	font-size:15px;
	color:#333;
}
.receive_time_p{
	font-size:15px;
	color:#F6F;
}
.send_staff{
	width:200px;
	font-size:15px;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.send_staff_r{
	width:200px;
	font-size:15px;
	color:#F6F;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.send_staff_2{
	width:85px;
	font-size:15px;
	color:#333;
}
.send_staff_p{
	width:85px;
	font-size:15px;
	color:#F6F;
}
.whether_read{
	font-size:15px;
	color:#333;
}
.whether_read_p{
	font-size:15px;
	color:#F6F;
}
.retention{
	font-size:15px;
	color:#333;
}
/*---20140224 新增 訊息管理-對話紀錄 用CSS----------------*/
.record_object{
	width:820px;
	font-size:14px;
	line-height:30px;
}
.record_object select{
	margin-left:10px;
	vertical-align:middle;
}
.sort_date{
	text-align:center;
	font-size:14px;
}
.sort_date ul{
	text-align:center;
}
.sort_date ul li{
	float:left;
	list-style:none;
	color:#333 !important;
}
.sort_date ul li a{
	text-decoration:none;
	font-size:14px;
	color:#333 !important;
}
.sort_date ul li a:hover{
	text-decoration:none;
	font-size:14px;
	color:#F00;
}
.sort_date ul li.active a{
	color:#F00 !important;;
}
.sort_date ul li.active a:hover{
	color:#F00;
}
#DefMSG{
	width:818px;
	margin:0 auto;
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
	float: left;
	font-size: 15px;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.day_style_1 {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.day_style_1 img {
	width: 100% !important;
	height: initial;
}
.day_style_2 {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.day_style_2 img {
	width: 100% !important;
	height: initial;
}
.day_style_3 {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.day_style_3 img {
	width: 100% !important;
	height: initial;
}
.day_style_4 {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.day_style_4 img {
	width: 100% !important;
	height: initial;
}
.day_style_5 {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.day_style_5 img {
	width: 100% !important;
	height: initial;
}
.day_style_6 {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.day_style_6 img {
	width: 100% !important;
	height: initial;
}
.day_style_7 {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.day_style_7 img {
	width: 100% !important;
	height: initial;
}
.day_style_8 {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.day_style_8 img {
	width: 100% !important;
	height: initial;
}
.day_style_9 {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.day_style_9 img {
	width: 100% !important;
}
.day_style_10 {
	width: 100%;
	display: table;
	margin-bottom: 20px;
	position: relative;
}
.day_style_10 img {
	width: 100% !important;
	height: initial !important;
}
.day_style_10 .item_text {
	position: absolute;
	bottom: 10%;
	z-index: 10;
	padding: 0px 10px;
}
.day_style_10 .item_text p {
	margin: 0;
	background: rgba(0, 0, 0, 0.6);
	color: #FFF;
	padding: 50px;
}
.day_style_11 {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	padding: 0;
}
.day_style_11 .tp_group {
	width: 100%;
	/*border: 1px solid #ddd;*/
	padding: 0;
	display: inline-block;
}
.day_style_11 .tp_group p {
	margin: 10px 0 0;
}
.day_style_11 .tp_group img,
.day_style_11 img {
	width: 100% !important;
}
.day_style_12 {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	padding: 0px;
}
.day_style_12 img,
.day_style_12 p {
	width: 100% !important;
}
.day_style_12 .tp_group {
	width: 100%;
	padding: 10px 0;
	display: inline-block;
}
.day_style_12 .tp_group img {
	width: 100% !important;
}
.day_style_13 {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.day_style_13 img {
	width: 100% !important;
	height: initial;
}
.day_style_13 p {
	background: rgba(0, 0, 0, 0.7);
	color: #FFF;
	text-align: center;
	margin: 0;
	font-size: 15px;
}
.day_style_14 {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.day_style_14 iframe {
	width: 100%;
	height: 383px;
}
.day_style_15 {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.day_style_15 iframe {
	width: 100%;
	height: 383px;
}
.day_style_16 {
	width: 100%;
	display: table;
	margin-bottom: 20px;
}
.day_style_16 img {
	width: 100% !important;
}
.day_style_16 .col-lg-4.item p {
	background: rgba(0, 0, 0, 0.7);
	color: #FFF;
	text-align: center;
	margin: 0;
}
.col-xs-12 p {
	font-size: 15px;
	margin: 0;
}
.day_style_1 .col-xs-12,
.day_style_1 .col-sm-12 {
	width: 50% !important;
}
.day_style_2 .col-xs-12,
.day_style_2 .col-sm-12 {
	width: 50% !important;
}
.day_style_3 .col-xs-12,
.day_style_3 .col-sm-12 {
	width: 33.33333333% !important;
}
.day_style_4 .col-xs-12,
.day_style_4 .col-sm-12 {
	width: 25% !important;
}
.day_style_5 .col-xs-12,
.day_style_5 .col-sm-12 {
	width: 33.33333333% !important;
}
.day_style_5 .col-xs-12:nth-child(4),
.day_style_5 .col-sm-12:nth-child(4) {
	width: 100% !important;
}
.day_style_6 .col-xs-12,
.day_style_6 .col-sm-12 {
	width: 25% !important;
}
.day_style_6 .col-xs-12:nth-child(4),
.day_style_6 .col-sm-12:nth-child(4) {
	width: 100% !important;
}
.day_style_7 .col-xs-12,
.day_style_7 .col-sm-12 {
	width: 33.33333333% !important;
}
.day_style_7 .col-xs-12:nth-child(1),
.day_style_7 .col-sm-12:nth-child(1) {
	width: 100% !important;
}
.day_style_8 .col-xs-12,
.day_style_8 .col-sm-12 {
	width: 25% !important;
}
.day_style_8 .col-xs-12:nth-child(1),
.day_style_8 .col-sm-12:nth-child(1) {
	width: 100% !important;
}
.day_style_9 .col-xs-12:nth-child(1),
.day_style_9 .col-sm-12:nth-child(1) {
	width: 66.66666667% !important;
}
.day_style_9 .col-xs-12:nth-child(2),
.day_style_9 .col-sm-12:nth-child(2) {
	width: 33.33333333% !important;
}
.day_style_10 .col-xs-12,
.day_style_10 .col-sm-12,
.day_style_11 .col-xs-12,
.day_style_11 .col-sm-12,
.day_style_12 .col-xs-12,
.day_style_12 .col-sm-12 {
	width: 100% !important;
}
.day_style_13 .col-xs-12,
.day_style_13 .col-sm-12 {
	width: 25% !important;
}
.day_style_14 .col-xs-12:nth-child(1),
.day_style_14 .col-sm-12:nth-child(1) {
	width: 66.66666667% !important;
}
.day_style_14 .col-xs-12:nth-child(2),
.day_style_14 .col-sm-12:nth-child(2) {
	width: 33.33333333% !important;
}
.day_style_15 .col-xs-12:nth-child(1),
.day_style_15 .col-sm-12:nth-child(1) {
	width: 33.33333333% !important;
}
.day_style_15 .col-xs-12:nth-child(2),
.day_style_15 .col-sm-12:nth-child(2) {
	width: 66.66666667% !important;
}
.day_style_16 .col-sm-12 {
	width: 33.33333333% !important;
}
.day_style_16 .col-lg-12:nth-child(1) {
	width: 100% !important;
}
.day_style_16 .col-lg-12:nth-child(5) {
	width: 100% !important;
}
.TD_LR_01 img {
	width: 100%;
}


/*** 20230414 針對佈告欄增加 class name 做區隔調整 ***/
.Bulletin_Board .text_11t,
.Bulletin_Board .text_11t .text_12266CFF,
.Bulletin_Board .text_11t .text_12266CFF font,
.Bulletin_Board .tabe02 .text_12266CFF,
.Bulletin_Board .text_12266CFF,
.Bulletin_Board .text_12t9,
.Bulletin_Board .text_12tr,
.Bulletin_Board .tabe08,
.Bulletin_Board .text_12tk {font-size: 16px !important; font-family: "微軟正黑體" !important; padding: 5px 0; line-height: 30px;}
.Bulletin_Board .title_1 {font-size: 18px; font-weight: bold; line-height: 30px;}
.Bulletin_Board .text_11t .text_12266CFF font,
.Bulletin_Board .border_k .border_f td:nth-child(2) > table > tbody > tr:nth-child(1) > td.text_12tr:nth-child(2) > .text_12tk {display: block; padding: 0 10px; font-weight: bold;}
.Bulletin_Board .text_11t a.menu_link4 {font-size: 14px; padding: 0 10px;}
.Bulletin_Board .tabe02 .text_12266CFF,
.Bulletin_Board .border_k .border_f td:nth-child(2) > table > tbody > tr:nth-child(2) > td.text_12tr:nth-child(2) > .text_12tk {display: block; text-align: justify; padding: 0 10px;}
.Bulletin_Board > div > .text_12t9 {width: 100%; text-align: center; display: block; margin: 10px auto 30px;}
.Bulletin_Board .tabe08 > td,
.Bulletin_Board .border_f > td,
.Bulletin_Board .border_e > td {padding: 0 5px; white-space:nowrap;}

/*** 20251008 新版使用範本調整 ***/
[class*="Template_0"] img{max-width: 100%;height: auto;}
[class*="Template_0"] .row{display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
[class*="Template_0"] .col-lg-12{flex: 0 0 100%;max-width: 100%;}
[class*="Template_0"] .col-lg-8{flex: 0 0 66.66667%;max-width: 66.66667%;}
[class*="Template_0"] .col-lg-7{flex: 0 0 58.33333%;max-width: 58.33333%;}
[class*="Template_0"] .col-lg-6{flex: 0 0 50%;max-width: 50%;}
[class*="Template_0"] .col-lg-5{flex: 0 0 41.66667%;max-width: 41.66667%;}
[class*="Template_0"] .col-lg-4{flex: 0 0 33.33333%;max-width: 33.33333%;}
[class*="Template_0"] .col-lg-3{flex: 0 0 25%;max-width: 25%;}

.Template_001 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_001 br {
    display: none
}

.Template_001 .w-imgText {
    overflow: hidden
}

.Template_001 .w-imgText ul,.Template_001 .w-imgText li {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%!important
}

.Template_001 .w-imgText .item {
    position: relative
}

.Template_001 .w-imgText .item>a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.Template_001 .w-imgText .img-count-in {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    *height: 100%
}

.Template_001 .w-imgText .textB {
    line-height: 1.7
}

.Template_001 .w-imgText .textB .bg_x {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.Template_001 .w-imgText .text_x {
    position: relative;
    z-index: 1
}

.Template_001 .w-imgText .igt_page {
    text-align: center;
    display: block;
    z-index: 5;
    margin-top: -20px
}

.Template_001 .w-imgText .igt_page .swiper-pagination-bullet {
    border-radius: 0;
    -webkit-border-radius: 0;
    width: 2em;
    height: 5px;
    background: #999;
    opacity: .5
}

.Template_001 .w-imgText .igt_page .swiper-pagination-bullet-active {
    background: #f80;
    opacity: 1;
    width: 3em
}

.Template_001 .w-imgText1 {
    position: relative
}

.Template_001 .w-imgText1 .item {
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 30px
}

.Template_001 .w-imgText1 .img {
    width: 100%;
    overflow: hidden
}

.Template_001 .w-imgText1 .img img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s
}

.Template_001 .w-imgText1 li:hover .img img {
    transform: scale(1.07);
    -webkit-transform: scale(1.07)
}

.Template_001 .w-imgText1 .textB {
    position: absolute;
    right: 0;
    bottom: 0;
    /* width: 100%; */
    padding: 30px 60px 30px
}

.Template_001 .w-imgText1 .text_x .tt_h {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    margin-bottom: .5em;
    text-align: center;
    text-shadow: 1px 2px 5px #333
}

.Template_001 .w-imgText1 .text_x p {
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    margin: 0;
    text-align: justify;
    text-shadow: 1px 2px 5px #333
}

.Template_001 .w-imgText1 .igt_btn {
    position: absolute;
    z-index: 7;
    right: 0;
    left: 0;
    bottom: 60%;
    width: 100%
}

.Template_001 .w-imgText1 .igt_btn .igt_prev,.Template_001 .w-imgText1 .igt_btn .igt_next {
    position: absolute;
    cursor: pointer;
    top: 0;
    width: 55px;
    height: 50px;
    background-color: #b7b7b7
}

.Template_001 .w-imgText1 .igt_btn .igt_prev {
    left: 0
}

.Template_001 .w-imgText1 .igt_btn .igt_next {
    right: 0
}

.Template_001 .w-imgText1 .igt_btn .igt_prev:before,.Template_001 .w-imgText1 .igt_btn .igt_next:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    text-align: center;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -5px
}

.Template_001 .w-imgText1 .igt_btn .igt_prev:before {
    background: url(https://materials.fillo.com.tw/materials/cowell/images/1a63633c-b656-4140-b876-9b88694330ae.png) no-repeat center
}

.Template_001 .w-imgText1 .igt_btn .igt_next:before {
    background: url(https://materials.fillo.com.tw/materials/cowell/images/daad73c7-4617-46d1-a1e2-9b7be05a0472.png) no-repeat center
}

.Template_001 .w-imgText1 .igt_btn .igt_prev:hover,.Template_001 .w-imgText1 .igt_btn .igt_next:hover {
    background-color: #ec6c2a
}

@media(max-width: 860px) {
    .Template_001 .w-imgText .igt_page {
        display:block;
        text-align: center;
        margin-top: 0
    }

    .Template_001 .w-imgText .igt_btn {
        display: none
    }

    .Template_001 .w-imgText .text_x .tt_h {
        color: #000;
        text-shadow: none
    }

    .Template_001 .w-imgText .text_x p {
        color: #666;
        text-shadow: none
    }

    .Template_001 .w-imgText1 .item {
        padding-bottom: 0
    }

    .Template_001 .w-imgText1 .img {
        width: 100%
    }

    .Template_001 .w-imgText1 .textB {
        position: relative;
        width: 100%;
        padding: 1.2em 4% 1.5em
    }

    .Template_001 .w-imgText1 .igt_btn {
        width: auto;
        left: 0;
        right: 0;
        top: 50%;
        margin-top: -60px
    }
}

@media(max-width: 640px) {
    .Template_001 .w-imgText .igt_page .swiper-pagination-bullet {
        height:2px
    }
}

@media(max-width: 480px) {
    .Template_001 .w-imgText1 .igt_btn .igt_next,.Template_001 .w-imgText1 .igt_btn .igt_prev {
        width:2.5em;
        height: 2.5em
    }

    .Template_001 .w-imgText1 .text_x .tt_h {
        font-size: 18px
    }

    .Template_001 .w-imgText1 .text_x p {
        font-size: 15px
    }
}

.Template_002 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_002 br {
    display: none
}

.Template_002 .w-imgText {
    overflow: hidden
}

.Template_002 .w-imgText ul,.Template_002 .w-imgText li {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%!important
}

.Template_002 .w-imgText .item {
    position: relative
}

.Template_002 .w-imgText .item>a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.Template_002 .w-imgText .img-count-in {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    *height: 100%
}

.Template_002 .w-imgText .textB {
    line-height: 1.7
}

.Template_002 .w-imgText .textB .bg_x {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.Template_002 .w-imgText .text_x {
    position: relative;
    z-index: 1
}

.Template_002 .w-imgText .igt_page {
    text-align: center;
    display: block;
    z-index: 5;
    margin-top: -20px
}

.Template_002 .w-imgText .igt_page .swiper-pagination-bullet {
    border-radius: 0;
    -webkit-border-radius: 0;
    width: 2em;
    height: 5px;
    background: #999;
    opacity: .5
}

.Template_002 .w-imgText .igt_page .swiper-pagination-bullet-active {
    background: #f80;
    opacity: 1;
    width: 3em
}

.Template_002 .w-imgText2 {
    position: relative
}

.Template_002 .w-imgText2 .item {
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 30px
}

.Template_002 .w-imgText2 .img {
    width: 100%;
    overflow: hidden
}

.Template_002 .w-imgText2 .img img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s
}

.Template_002 .w-imgText2 li:hover .img img {
    transform: scale(1.07);
    -webkit-transform: scale(1.07)
}

.Template_002 .w-imgText2 .textB {
    position: absolute;
    right: 0;
    bottom: 0;
    /* width: 100%; */
    padding: 30px 60px 30px
}

.Template_002 .w-imgText2 .text_x .tt_h {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    margin-bottom: .5em;
    text-align: center;
    text-shadow: 1px 2px 5px #333
}

.Template_002 .w-imgText2 .text_x p {
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    margin: 0;
    text-align: justify;
    text-shadow: 1px 2px 5px #333
}

.Template_002 .w-imgText2 .igt_btn {
    position: absolute;
    z-index: 7;
    right: 0;
    left: 0;
    bottom: 60%;
    width: 100%
}

.Template_002 .w-imgText2 .igt_btn .igt_prev,.Template_002 .w-imgText2 .igt_btn .igt_next {
    position: absolute;
    cursor: pointer;
    top: 0;
    width: 55px;
    height: 50px;
    background-color: #b7b7b7
}

.Template_002 .w-imgText2 .igt_btn .igt_prev {
    left: 0
}

.Template_002 .w-imgText2 .igt_btn .igt_next {
    right: 0
}

.Template_002 .w-imgText2 .igt_btn .igt_prev:before,.Template_002 .w-imgText2 .igt_btn .igt_next:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    text-align: center;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -5px
}

.Template_002 .w-imgText2 .igt_btn .igt_prev:before {
    background: url(https://materials.fillo.com.tw/materials/cowell/images/1a63633c-b656-4140-b876-9b88694330ae.png) no-repeat center
}

.Template_002 .w-imgText2 .igt_btn .igt_next:before {
    background: url(https://materials.fillo.com.tw/materials/cowell/images/daad73c7-4617-46d1-a1e2-9b7be05a0472.png) no-repeat center
}

.Template_002 .w-imgText2 .igt_btn .igt_prev:hover,.Template_002 .w-imgText2 .igt_btn .igt_next:hover {
    background-color: #ec6c2a
}

@media(max-width: 860px) {
    .Template_002 .w-imgText .igt_page {
        display:block;
        text-align: center;
        margin-top: 0
    }

    .Template_002 .w-imgText .igt_btn {
        display: none
    }

    .Template_002 .w-imgText .text_x .tt_h {
        color: #000;
        text-shadow: none
    }

    .Template_002 .w-imgText .text_x p {
        color: #666;
        text-shadow: none
    }

    .Template_002 .w-imgText2 .item {
        padding-bottom: 0
    }

    .Template_002 .w-imgText2 .img {
        width: 100%
    }

    .Template_002 .w-imgText2 .textB {
        position: relative;
        width: 100%;
        padding: 1.2em 4% 1.5em
    }

    .Template_002 .w-imgText2 .igt_btn {
        width: auto;
        left: 0;
        right: 0;
        top: 50%;
        margin-top: -60px
    }
}

@media(max-width: 640px) {
    .Template_002 .w-imgText .igt_page .swiper-pagination-bullet {
        height:2px
    }
}

@media(max-width: 480px) {
    .Template_002 .w-imgText2 .igt_btn .igt_next,.Template_002 .w-imgText2 .igt_btn .igt_prev {
        width:2.5em;
        height: 2.5em
    }

    .Template_002 .w-imgText2 .text_x .tt_h {
        font-size: 18px
    }

    .Template_002 .w-imgText2 .text_x p {
        font-size: 15px
    }
}

.Template_003 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_003 br {
    display: none
}

.Template_003 .w-imgText {
    overflow: hidden
}

.Template_003 .w-imgText ul,.Template_003 .w-imgText li {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%!important
}

.Template_003 .w-imgText .item {
    position: relative
}

.Template_003 .w-imgText .item>a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.Template_003 .w-imgText .img-count-in {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    *height: 100%
}

.Template_003 .w-imgText .textB {
    line-height: 1.7
}

.Template_003 .w-imgText .textB .bg_x {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.Template_003 .w-imgText .text_x {
    position: relative;
    z-index: 1
}

.Template_003 .w-imgText .igt_page {
    text-align: right;
    display: block;
    z-index: 5
}

.Template_003 .w-imgText .igt_page .swiper-pagination-bullet {
    border-radius: 0;
    -webkit-border-radius: 0;
    width: 2em;
    height: 5px;
    background: #999;
    opacity: .5
}

.Template_003 .w-imgText .igt_page .swiper-pagination-bullet-active {
    background: #f80;
    opacity: 1;
    width: 3em
}

.Template_003 .w-imgText1 {
    position: relative
}

.Template_003 .w-imgText1 .item {
    padding-bottom: 30px;
    padding-left: 1px
}

.Template_003 .w-imgText1 .img {
    width: 75%;
    overflow: hidden
}

.Template_003 .w-imgText1 .img img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s
}

.Template_003 .w-imgText1 li:hover .img img {
    transform: scale(1.07);
    -webkit-transform: scale(1.07)
}

.Template_003 .w-imgText1 .textB {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 460px;
    padding: 30px 60px 40px
}

.Template_003 .w-imgText1 .textB .bg_x {
    background: #e1e1e1
}

.Template_003 .w-imgText1 .text_x .tt_h {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
    margin-bottom: .5em
}

.Template_003 .w-imgText1 .text_x p {
    font-size: 18px;
    color: #666;
    line-height: 25px;
    margin: 0;
    text-align: justify
}

.Template_003 .w-imgText1 .igt_btn {
    position: absolute;
    z-index: 7;
    right: 525px;
    bottom: 50px;
    width: 110px;
    height: 50px
}

.Template_003 .w-imgText1 .igt_btn .igt_prev,.Template_003 .w-imgText1 .igt_btn .igt_next {
    position: absolute;
    cursor: pointer;
    top: 0;
    width: 55px;
    height: 50px;
    background-color: #b7b7b7
}

.Template_003 .w-imgText1 .igt_btn .igt_prev {
    left: 0
}

.Template_003 .w-imgText1 .igt_btn .igt_next {
    right: 0
}

.Template_003 .w-imgText1 .igt_btn .igt_prev:before,.Template_003 .w-imgText1 .igt_btn .igt_next:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    text-align: center;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -5px
}

.Template_003 .w-imgText1 .igt_btn .igt_prev:before {
    background: url(https://materials.fillo.com.tw/materials/cowell/images/1a63633c-b656-4140-b876-9b88694330ae.png) no-repeat center
}

.Template_003 .w-imgText1 .igt_btn .igt_next:before {
    background: url(https://materials.fillo.com.tw/materials/cowell/images/daad73c7-4617-46d1-a1e2-9b7be05a0472.png) no-repeat center
}

.Template_003 .w-imgText1 .igt_btn .igt_prev:hover,.Template_003 .w-imgText1 .igt_btn .igt_next:hover {
    background-color: #ec6c2a
}

.WinChrome .Template_003 .w-imgText1 .igt_btn {
    bottom: 54px
}

@media(max-width: 860px) {
    .Template_003 .w-imgText .igt_page {
        display:block;
        text-align: center;
        margin-top: 0
    }

    .Template_003 .w-imgText .igt_btn {
        display: none
    }

    .Template_003 .w-imgText1 .item {
        padding-bottom: 0
    }

    .Template_003 .w-imgText1 .img {
        width: 100%
    }

    .Template_003 .w-imgText1 .textB {
        position: relative;
        width: 100%;
        padding: 1.2em 4% 1.5em
    }

    .Template_003 .w-imgText1 .igt_btn {
        width: auto;
        left: 0;
        right: 0;
        top: 50%;
        margin-top: -60px
    }
}

@media(max-width: 640px) {
    .Template_003 .w-imgText .igt_page .swiper-pagination-bullet {
        height:2px
    }
}

@media(max-width: 480px) {
    .Template_003 .w-imgText1 .igt_btn .igt_next,.Template_003 .w-imgText1 .igt_btn .igt_prev {
        width:2.5em;
        height: 2.5em
    }

    .Template_003 .w-imgText1 .text_x .tt_h {
        font-size: 18px
    }

    .Template_003 .w-imgText1 .text_x p {
        font-size: 15px
    }
}

.Template_004 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_004 br {
    display: none
}

.Template_004 .w-imgText {
    overflow: hidden
}

.Template_004 .w-imgText ul,.Template_004 .w-imgText li {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%!important
}

.Template_004 .w-imgText .item {
    position: relative
}

.Template_004 .w-imgText .item .imTB {
    overflow: hidden
}

.Template_004 .w-imgText .item>a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.Template_004 .w-imgText .img-count-in {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    *height: 100%
}

.Template_004 .w-imgText .textB {
    line-height: 1.7
}

.Template_004 .w-imgText .textB .bg_x {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.Template_004 .w-imgText .text_x {
    position: relative;
    z-index: 1
}

.Template_004 .w-imgText .igt_page {
    text-align: right;
    display: block;
    z-index: 5
}

.Template_004 .w-imgText .igt_page .swiper-pagination-bullet {
    border-radius: 0;
    -webkit-border-radius: 0;
    width: 2em;
    height: 5px;
    background: #999;
    opacity: .5
}

.Template_004 .w-imgText .igt_page .swiper-pagination-bullet-active {
    background: #f80;
    opacity: 1;
    width: 3em
}

.Template_004 .w-imgText1 {
    position: relative
}

.Template_004 .w-imgText1 .item {
    padding-bottom: 30px;
    padding-left: 1px
}

.Template_004 .w-imgText1 .img {
    width: 75%;
    float: right;
    overflow: hidden
}

.Template_004 .w-imgText1 .img img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s
}

.Template_004 .w-imgText1 li:hover .img img {
    transform: scale(1.07);
    -webkit-transform: scale(1.07)
}

.Template_004 .w-imgText1 .textB {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 460px;
    padding: 30px 60px 40px
}

.Template_004 .w-imgText1 .textB .bg_x {
    background: #e1e1e1
}

.Template_004 .w-imgText1 .text_x .tt_h {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
    margin-bottom: .5em
}

.Template_004 .w-imgText1 .text_x p {
    font-size: 18px;
    color: #666;
    line-height: 25px;
    margin: 0;
    text-align: justify
}

.Template_004 .w-imgText1 .igt_btn {
    position: absolute;
    z-index: 7;
    left: 525px;
    bottom: 50px;
    width: 110px;
    height: 50px
}

.Template_004 .w-imgText1 .igt_btn .igt_prev,.Template_004 .w-imgText1 .igt_btn .igt_next {
    position: absolute;
    cursor: pointer;
    top: 0;
    width: 55px;
    height: 50px;
    background-color: #b7b7b7
}

.Template_004 .w-imgText1 .igt_btn .igt_prev {
    left: 0
}

.Template_004 .w-imgText1 .igt_btn .igt_next {
    right: 0
}

.Template_004 .w-imgText1 .igt_btn .igt_prev:before,.Template_004 .w-imgText1 .igt_btn .igt_next:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    text-align: center;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -5px
}

.Template_004 .w-imgText1 .igt_btn .igt_prev:before {
    background: url(https://materials.fillo.com.tw/materials/cowell/images/1a63633c-b656-4140-b876-9b88694330ae.png) no-repeat center
}

.Template_004 .w-imgText1 .igt_btn .igt_next:before {
    background: url(https://materials.fillo.com.tw/materials/cowell/images/daad73c7-4617-46d1-a1e2-9b7be05a0472.png) no-repeat center
}

.Template_004 .w-imgText1 .igt_btn .igt_prev:hover,.Template_004 .w-imgText1 .igt_btn .igt_next:hover {
    background-color: #ec6c2a
}

.WinChrome .Template_004 .w-imgText1 .igt_btn {
    bottom: 54px
}

@media(max-width: 860px) {
    .Template_004 .w-imgText .igt_page {
        display:block;
        text-align: center;
        margin-top: 0
    }

    .Template_004 .w-imgText .igt_btn {
        display: none
    }

    .Template_004 .w-imgText1 .item {
        padding-bottom: 0
    }

    .Template_004 .w-imgText1 .img {
        width: 100%;
        float: initial
    }

    .Template_004 .w-imgText1 .textB {
        position: relative;
        width: 100%;
        padding: 1.2em 4% 1.5em
    }

    .Template_004 .w-imgText1 .igt_btn {
        width: auto;
        left: 0;
        right: 0;
        top: 50%;
        margin-top: -60px
    }
}

@media(max-width: 640px) {
    .Template_004 .w-imgText .igt_page .swiper-pagination-bullet {
        height:2px
    }
}

@media(max-width: 480px) {
    .Template_004 .w-imgText1 .igt_btn .igt_next,.Template_004 .w-imgText1 .igt_btn .igt_prev {
        width:2.5em;
        height: 2.5em
    }

    .Template_004 .w-imgText1 .text_x .tt_h {
        font-size: 18px
    }

    .Template_004 .w-imgText1 .text_x p {
        font-size: 15px
    }
}

.Template_005 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_005 .swiper-wrapper {
    margin-bottom: 20px
}

.Template_005 .w-imgText5 {
    position: relative
}

.Template_005 .w-imgText5 ul li {
    list-style-type: none;
    position: relative;
}

.Template_005 .w-imgText5 .item {
    padding-left: 1px
}

.Template_005 .w-imgText5 .img {
    width: 55%;
    position: relative;
    overflow: hidden
}

.Template_005 .w-imgText5 .img .imgSize {
    height: 410px
}

.Template_005 .w-imgText5 .img img {
    max-width: 100%;
    width: 100%;
    transition: transform .5s;
    -webkit-transition: transform .5s
}

.Template_005 .w-imgText5 li:hover .img img {
    transform: scale(1.02);
    -webkit-transform: scale(1.02)
}

.Template_005 .w-imgText5 .textB {
    position: absolute;
    left: 55%;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 20px 30px
}

.Template_005 .w-imgText5 .text_x {
    padding: 20px 30px 80px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.Template_005 .w-imgText5 .textB .bg_x {
    background: #f7e7cc
}

.Template_005 .w-imgText5 .text_x .tt_h {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
    margin-bottom: .5em
}

.Template_005 .w-imgText5 .text_x p {
    font-size: 18px;
    color: #666;
    line-height: 25px;
    text-align: justify
}

.Template_005 .w-imgText5 .text_x .btn_x {
    display: inline-block;
    *display: inline;
    *zoom:1;position: absolute;
    right: 20px;
    bottom: 30px;
    line-height: 2.6;
    padding: 0 2em;
    border: 1px solid #666;
    color: #666;
    text-decoration: none
}

.Template_005 .w-imgText5 .igt_btn {
    position: absolute;
    z-index: 7;
    left: 56%;
    margin-left: -55px;
    bottom: 40px;
    width: 110px;
    height: 50px
}

.Template_005 .w-imgText5 .igt_btn .igt_prev,.Template_005 .w-imgText5 .igt_btn .igt_next {
    position: absolute;
    cursor: pointer;
    top: 0;
    width: 55px;
    height: 50px;
    background: rgba(0,0,0,.15)
}

.Template_005 .w-imgText5 .igt_btn .igt_prev {
    left: 0
}

.Template_005 .w-imgText5 .igt_btn .igt_next {
    right: 0
}

.Template_005 .w-imgText5 .igt_btn .igt_prev:before,.Template_005 .w-imgText5 .igt_btn .igt_next:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    text-align: center;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -5px
}

.Template_005 .w-imgText5 .igt_btn .igt_prev:before {
    background: url(https://materials.fillo.com.tw/materials/cowell/images/1a63633c-b656-4140-b876-9b88694330ae.png) no-repeat center
}

.Template_005 .w-imgText5 .igt_btn .igt_next:before {
    background: url(https://materials.fillo.com.tw/materials/cowell/images/daad73c7-4617-46d1-a1e2-9b7be05a0472.png) no-repeat center
}

.Template_005 .w-imgText5 .igt_btn .igt_prev:hover,.Template_005 .w-imgText5 .igt_btn .igt_next:hover {
    background-color: #ec6c2a
}

.Template_005 .w-imgText .igt_page {
    text-align: center
}

.Template_005 .w-imgText .igt_page .swiper-pagination-bullet {
    border-radius: 0;
    -webkit-border-radius: 0;
    width: 2em;
    height: 5px;
    background: #999;
    opacity: .5
}

.Template_005 .w-imgText .igt_page .swiper-pagination-bullet-active {
    background: #f80;
    opacity: 1;
    width: 3em
}

.WinChrome .Template_005 .w-imgText5 .igt_btn {
    bottom: 44px
}

@media(max-width: 860px) {
    .Template_005 .w-imgText5 .img {
        width:100%;
        float: none
    }

    .Template_005 .w-imgText5 .textB {
        position: relative;
        width: 100%;
        left: 0;
        padding: 1.2em 4% 1.5em
    }

    .Template_005 .w-imgText5 .text_x3 {
        padding: 0;
        position: relative
    }

    .Template_005 .w-imgText5 .text_x {
        position: inherit;
        padding: 15px
    }

    .Template_005 .w-imgText5 .text_x .btn_x {
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: 1.5em
    }

    .Template_005 .w-imgText5 .igt_btn {
        width: auto;
        left: 0;
        margin-left: 0;
        right: 0;
        top: 50%;
        margin-top: -60px
    }
}

@media(max-width: 767px) {
    .Template_005 .w-imgText5 .img .imgSize {
        height:auto;
        padding-bottom: 55%
    }
}

@media(max-width: 480px) {
    .Template_005 .w-imgText5 .igt_btn .igt_next,.Template_005 .w-imgText5 .igt_btn .igt_prev {
        width:2.5em;
        height: 2.5em
    }

    .Template_005 .w-imgText5 .text_x .tt_h {
        font-size: 18px
    }

    .Template_005 .w-imgText5 .text_x p {
        font-size: 15px
    }
}

.Template_006 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_006 .swiper-wrapper {
    margin-bottom: 20px
}

.Template_006 .w-imgText6 {
    position: relative
}

.Template_006 .w-imgText6 ul li {
    list-style-type: none;
    position: relative;
}

.Template_006 .w-imgText6 .item {
    padding-left: 0;
    width: 100%;
    display: table
}

.Template_006 .w-imgText6 .img {
    width: 55%;
    position: relative;
    overflow: hidden;
    float: right
}

.Template_006 .w-imgText6 .img .imgSize {
    height: 410px
}

.Template_006 .w-imgText6 .img img {
    max-width: 100%;
    width: 100%;
    transition: transform .5s;
    -webkit-transition: transform .5s
}

.Template_006 .w-imgText6 li:hover .img img {
    transform: scale(1.02);
    -webkit-transform: scale(1.02)
}

.Template_006 .w-imgText6 .textB {
    position: absolute;
    width: 40%;
    left: 0;
    right: initial;
    top: 0;
    bottom: 0;
    padding: 20px 30px
}

.Template_006 .w-imgText6 .text_x {
    padding: 20px 30px 80px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.Template_006 .w-imgText6 .textB .bg_x {
    background: #f7e7cc
}

.Template_006 .w-imgText6 .text_x .tt_h {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
    margin-bottom: .5em
}

.Template_006 .w-imgText6 .text_x p {
    font-size: 18px;
    color: #666;
    line-height: 25px;
    text-align: justify
}

.Template_006 .w-imgText6 .text_x .btn_x {
    display: inline-block;
    *display: inline;
    *zoom:1;position: absolute;
    right: 20px;
    bottom: 30px;
    line-height: 2.6;
    padding: 0 2em;
    border: 1px solid #666;
    color: #666;
    text-decoration: none
}

.Template_006 .w-imgText6 .igt_btn {
    position: absolute;
    z-index: 7;
    left: 47%;
    margin-left: -55px;
    bottom: 40px;
    width: 110px;
    height: 50px
}

.Template_006 .w-imgText6 .igt_btn .igt_prev,.Template_006 .w-imgText6 .igt_btn .igt_next {
    position: absolute;
    cursor: pointer;
    top: 0;
    width: 55px;
    height: 50px;
    background: rgba(0,0,0,.15)
}

.Template_006 .w-imgText6 .igt_btn .igt_prev {
    left: 0
}

.Template_006 .w-imgText6 .igt_btn .igt_next {
    right: 0
}

.Template_006 .w-imgText6 .igt_btn .igt_prev:before,.Template_006 .w-imgText6 .igt_btn .igt_next:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    text-align: center;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -5px
}

.Template_006 .w-imgText6 .igt_btn .igt_prev:before {
    background: url(https://materials.fillo.com.tw/materials/cowell/images/1a63633c-b656-4140-b876-9b88694330ae.png) no-repeat center
}

.Template_006 .w-imgText6 .igt_btn .igt_next:before {
    background: url(https://materials.fillo.com.tw/materials/cowell/images/daad73c7-4617-46d1-a1e2-9b7be05a0472.png) no-repeat center
}

.Template_006 .w-imgText6 .igt_btn .igt_prev:hover,.Template_006 .w-imgText6 .igt_btn .igt_next:hover {
    background-color: #ec6c2a
}

.Template_006 .w-imgText .igt_page {
    text-align: center
}

.Template_006 .w-imgText .igt_page .swiper-pagination-bullet {
    border-radius: 0;
    -webkit-border-radius: 0;
    width: 2em;
    height: 5px;
    background: #999;
    opacity: .5
}

.Template_006 .w-imgText .igt_page .swiper-pagination-bullet-active {
    background: #f80;
    opacity: 1;
    width: 3em
}

.WinChrome .Template_006 .w-imgText6 .igt_btn {
    bottom: 44px
}

@media(max-width: 860px) {
    .Template_006 .w-imgText6 .img {
        width:100%;
        float: none
    }

    .Template_006 .w-imgText6 .textB {
        position: relative;
        width: 100%;
        left: 0;
        padding: 1.2em 4% 1.5em
    }

    .Template_006 .w-imgText6 .text_x3 {
        padding: 0;
        position: relative
    }

    .Template_006 .w-imgText6 .text_x {
        position: inherit;
        padding: 15px
    }

    .Template_006 .w-imgText6 .text_x .btn_x {
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: 1.5em
    }

    .Template_006 .w-imgText6 .igt_btn {
        width: auto;
        left: 0;
        margin-left: 0;
        right: 0;
        top: 50%;
        margin-top: -60px
    }

    .Template_006 .w-imgText6 .imTB {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        flex-direction: column-reverse
    }
}

@media(max-width: 767px) {
    .Template_006 .w-imgText6 .img .imgSize {
        height:auto;
        padding-bottom: 55%
    }
}

@media(max-width: 480px) {
    .Template_006 .w-imgText6 .igt_btn .igt_next,.Template_006 .w-imgText6 .igt_btn .igt_prev {
        width:2.5em;
        height: 2.5em
    }

    .Template_006 .w-imgText6 .text_x .tt_h {
        font-size: 18px
    }

    .Template_006 .w-imgText6 .text_x p {
        font-size: 15px
    }
}

.Template_007 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_007 h3 {
    color: #333;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    margin: 1rem 0;
    text-align: left
}

.Template_007 p {
    color: #333;
    margin: 1rem 0;
    font-size: 18px;
    text-align: justify
}

.Template_007 img {
    width: 100%;
    max-width: 100%;
    height: auto
}

@media(max-width: 480px) {
    .Template_007 h3 {
        font-size:18px
    }

    .Template_007 p {
        font-size: 15px
    }
}

.Template_008 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_008 .item {
    display: flex;
    flex-wrap: wrap
}

.Template_008 .item .item_img {
    width: 100%;
    height: 235px
}

.Template_008 .item .item_img img {
    width: 100%;
    height: 100%
}

.Template_008 .item .item_text {
    width: 100%;
    height: 235px;
    padding-top: 20px
}

.Template_008 .item .item_text h3 {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.Template_008 .item .item_text p {
    width: 100%;
    line-height: 20px;
    font-size: 18px;
    text-align: justify
}

@media(max-width: 860px) {
    .Template_008 .item .item_img,.Template_008 .item .item_text {
        height:initial;
        margin: 10px auto
    }
}

@media(max-width: 767px) {
    .Template_008 {
        display:table;
        margin: 0 auto
    }

    .Template_008 .item .item_img {
        order: 2;
        height: initial
    }

    .Template_008 .item .item_img img {
        height: 100%
    }

    .Template_008 .item .item_text {
        height: initial
    }

    .Template_008 .item .item_text h3 {
        font-size: 18px
    }

    .Template_008 .item .item_text p {
        font-size: 15px
    }
}

.Template_009 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_009 h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_009 p {
    font-size: 18px;
    text-align: justify
}

.Template_009 img {
    width: 100%
}

@media(max-width: 480px) {
    .Template_009 h3 {
        font-size:18px
    }

    .Template_009 p {
        font-size: 15px
    }
}

.Template_010 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_010 h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_010 p {
    font-size: 18px;
    text-align: justify
}

.Template_010 img {
    width: 100%
}

@media(max-width: 480px) {
    .Template_010 h3 {
        font-size:18px
    }

    .Template_010 p {
        font-size: 15px
    }
}

.Template_011 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_011 h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_011 p {
    font-size: 18px;
    text-align: justify
}

.Template_011 img {
    width: 100%
}

@media(max-width: 480px) {
    .Template_011 h3 {
        font-size:18px
    }

    .Template_011 p {
        font-size: 15px
    }
}

.Template_012 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_012 h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_012 p {
    font-size: 18px;
    text-align: justify
}

.Template_012 img {
    width: 100%
}

@media(max-width: 480px) {
    .Template_012 h3 {
        font-size:18px
    }

    .Template_012 p {
        font-size: 15px
    }
}

.Template_013 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_013 h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_013 p {
    font-size: 18px;
    text-align: justify
}

.Template_013 img {
    width: 100%
}

@media(max-width: 480px) {
    .Template_013 h3 {
        font-size:18px
    }

    .Template_013 p {
        font-size: 15px
    }
}

.Template_014 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_014 .tp_group {
    width: 100%;
    padding: 0;
    display: inline-block
}

.Template_014 .tp_group h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_014 .tp_group p {
    font-size: 18px;
    text-align: justify
}

.Template_014 .tp_group img {
    width: 100%
}

@media(max-width: 480px) {
    .Template_014 .tp_group h3 {
        font-size:18px
    }

    .Template_014 .tp_group p {
        font-size: 15px
    }
}

.Template_015 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_015 h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_015 p {
    font-size: 18px;
    text-align: justify
}

.Template_015 img {
    width: 100%
}

@media(max-width: 860px) {
    .Template_015 .item {
        margin:10px auto
    }
}

@media(max-width: 480px) {
    .Template_015 h3 {
        font-size:18px
    }

    .Template_015 p {
        font-size: 15px
    }

    .Template_015 img {
        margin: 10px 0
    }
}

.Template_016 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_016 h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_016 p {
    font-size: 18px;
    text-align: justify
}

.Template_016 img {
    width: 100%
}

@media(max-width: 860px) {
    .Template_016 .item {
        margin:10px auto
    }
}

@media(max-width: 480px) {
    .Template_016 h3 {
        font-size:18px
    }

    .Template_016 p {
        font-size: 15px
    }

    .Template_016 img {
        margin: 10px 0
    }
}

.Template_017 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_017 h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_017 p {
    font-size: 18px;
    text-align: justify
}

.Template_017 img {
    width: 100%
}

@media(max-width: 860px) {
    .Template_017 .item {
        margin:10px auto
    }
}

@media(max-width: 480px) {
    .Template_017 h3 {
        font-size:18px
    }

    .Template_017 p {
        font-size: 15px
    }

    .Template_017 img {
        margin: 10px 0
    }
}

.Template_018 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_018 .tp_group {
    width: 100%;
    padding: 10px 0;
    display: inline-block
}

.Template_018 .tp_group h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_018 .tp_group p {
    font-size: 18px;
    text-align: justify
}

.Template_018 .tp_group img {
    width: 100%
}

@media(max-width: 480px) {
    .Template_018 .tp_group h3 {
        font-size:18px
    }

    .Template_018 .tp_group p {
        font-size: 15px
    }
}

.Template_019 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_019 h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_019 p {
    font-size: 18px;
    text-align: justify
}

.Template_019 img {
    width: 100%
}

@media(max-width: 860px) {
    .Template_019 .item {
        margin:10px auto
    }
}

@media(max-width: 480px) {
    .Template_019 h3 {
        font-size:18px
    }

    .Template_019 p {
        font-size: 15px
    }

    .Template_019 img {
        margin: 10px 0
    }
}

.Template_020 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_020 h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_020 p {
    font-size: 18px;
    text-align: justify
}

.Template_020 img {
    width: 100%
}

@media(max-width: 860px) {
    .Template_020 .item {
        margin:10px auto
    }
}

@media(max-width: 480px) {
    .Template_020 h3 {
        font-size:18px
    }

    .Template_020 p {
        font-size: 15px
    }

    .Template_020 img {
        margin: 10px 0
    }
}

.Template_021 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_021 h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_021 p {
    font-size: 18px;
    text-align: justify
}

.Template_021 img {
    width: 100%
}

@media(max-width: 860px) {
    .Template_021 .item {
        margin:10px auto
    }
}

@media(max-width: 480px) {
    .Template_021 h3 {
        font-size:18px
    }

    .Template_021 p {
        font-size: 15px
    }

    .Template_021 img {
        margin: 10px 0
    }
}

.Template_022 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto;
    position: relative
}

.Template_022 img {
    width: 100%
}

.Template_022 .item_text {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10%;
    z-index: 7;
    padding: 0
}

.Template_022 .item_text p {
    font-size: 18px;
    text-align: justify;
    margin: 0;
    background: rgba(0,0,0,.6);
    color: #fff;
    padding: 50px
}

@media(max-width: 480px) {
    .Template_022 .item_text {
        position:initial
    }

    .Template_022 .item_text p {
        font-size: 15px;
        background: transparent;
        color: #333;
        padding: 15px
    }
}

.Template_023 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_023 img {
    width: 100%
}

.Template_023 h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_023 p {
    font-size: 18px;
    text-align: justify
}

@media(max-width: 480px) {
    .Template_023 h3 {
        font-size:18px
    }

    .Template_023 p {
        font-size: 15px
    }
}

.Template_024 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_024 img {
    width: 100%
}

.Template_024 h3 {
    color: #333;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
    margin: 1rem 0;
    padding-bottom: 10px;
    font-size: 22px
}

.Template_024 p {
    font-size: 18px;
    text-align: justify
}

@media(max-width: 480px) {
    .Template_024 h3 {
        font-size:18px
    }

    .Template_024 p {
        font-size: 15px
    }
}

.Template_025 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_025 h3 {
    color: #333;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    margin: 1rem 0;
    text-align: left
}

.Template_025 p {
    color: #333;
    margin: 1rem 0;
    font-size: 18px;
    text-align: justify
}

.Template_025 .img_radius {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    width: 80%;
    padding-top: 80%;
    margin: 0 auto
}

.Template_025 img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.product_details .TravelCharacteristics .features_content .Template_025 img {
    height: 100%!important
}

@media(max-width: 480px) {
    .Template_025 h3 {
        font-size:18px
    }

    .Template_025 p {
        font-size: 15px
    }
}

.Template_026 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_026 h3 {
    color: #333;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    margin: 1rem 0;
    text-align: left
}

.Template_026 p {
    color: #333;
    margin: 1rem 0;
    font-size: 18px;
    text-align: justify
}

.Template_026 .img_radius {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    width: 80%;
    padding-top: 80%;
    margin: 0 auto
}

.Template_026 img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.product_details .TravelCharacteristics .features_content .Template_026 img {
    height: 100%!important
}

@media(max-width: 860px) {
    .Template_026 .img_radius {
        margin:10px auto
    }
}

@media(max-width: 480px) {
    .Template_026 h3 {
        font-size:18px
    }

    .Template_026 p {
        font-size: 15px
    }

    .Template_026 .img_radius {
        margin: 10px auto
    }
}

.Template_027 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_027 h3 {
    color: #333;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    margin: 1rem 0;
    text-align: left
}

.Template_027 p {
    color: #333;
    margin: 1rem 0;
    font-size: 18px;
    text-align: justify
}

.Template_027 .img_radius {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    width: 80%;
    padding-top: 80%;
    margin: 0 auto
}

.Template_027 img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.product_details .TravelCharacteristics .features_content .Template_027 img {
    height: 100%!important
}

@media(max-width: 480px) {
    .Template_027 h3 {
        font-size:18px
    }

    .Template_027 p {
        font-size: 15px
    }
}

@media(max-width: 767px) {
    .Template_001,.Template_002,.Template_003,.Template_004,.Template_005,.Template_006,.Template_007,.Template_008,.Template_009,.Template_010,.Template_011,.Template_012,.Template_013,.Template_014,.Template_015,.Template_016,.Template_017,.Template_018,.Template_019,.Template_020,.Template_021,.Template_022,.Template_023,.Template_024,.Template_025,.Template_026,.Template_027 {
        max-width:100%
    }

    section.group_table.trip_features .Template_025 .img_radius img {
        height: 100%!important
    }

    .Template_005 .w-imgText ul li,.Template_006 .w-imgText ul li {
        width: 100%!important;
        max-width: 100%
    }
}

.Template_028 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_028 img {
    width: 100%;
    border-radius: 10px
}

.Template_028 h3 {
    color: #333;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    margin: 1rem 0;
    text-align: left
}

.Template_028 p {
    color: #333;
    margin: 1rem 0;
    font-size: 18px;
    text-align: justify
}

.Template_028 .item .img_top,.Template_028 .item .img_left,.Template_028 .item .img_right {
    padding-top: 10px
}

.Template_028 .item .img_top p,.Template_028 .item .img_left p,.Template_028 .item .img_right p {
    position: relative;
    display: table;
    margin: 10px auto
}

.Template_028 .item .img_top p:before {
    content: url(https://materials.fillo.com.tw/materials/cowell/images/da07eeb7-2814-4d21-ae62-f33993432145.png);
    position: absolute;
    bottom: 0;
    left: -37px
}

.Template_028 .item .img_left p:before {
    content: url(https://materials.fillo.com.tw/materials/cowell/images/22a74d4d-f26a-4b82-948c-1c5bcb6dfc41.png);
    position: absolute;
    bottom: 0;
    left: -37px
}

.Template_028 .item .img_right p:after {
    content: url(https://materials.fillo.com.tw/materials/cowell/images/37ec5104-422e-48d2-affe-659b434d81e4.png);
    position: absolute;
    bottom: 0;
    right: -37px
}

.Template_029 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_029 img {
    width: 100%;
    border-radius: 10px
}

.Template_029 h3 {
    color: #333;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    margin: 1rem 0;
    text-align: left
}

.Template_029 p {
    color: #333;
    margin: 1rem 0;
    font-size: 18px;
    text-align: justify
}

.Template_029 .item .img_top,.Template_029 .item .img_left,.Template_029 .item .img_right {
    padding-top: 10px
}

.Template_029 .item .img_top p,.Template_029 .item .img_left p,.Template_029 .item .img_right p {
    position: relative;
    display: table;
    margin: 10px auto
}

.Template_029 .item .img_top p:before {
    content: url(https://materials.fillo.com.tw/materials/cowell/images/da07eeb7-2814-4d21-ae62-f33993432145.png);
    position: absolute;
    bottom: 0;
    left: -37px
}

.Template_029 .item .img_left p:before {
    content: url(https://materials.fillo.com.tw/materials/cowell/images/22a74d4d-f26a-4b82-948c-1c5bcb6dfc41.png);
    position: absolute;
    bottom: 0;
    left: -37px
}

.Template_029 .item .img_right p:after {
    content: url(https://materials.fillo.com.tw/materials/cowell/images/37ec5104-422e-48d2-affe-659b434d81e4.png);
    position: absolute;
    bottom: 0;
    right: -37px
}

.Template_030 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_030 h4 {
    color: #df2225;
    font-weight: bold;
    font-size: 18px;
    margin: 1rem 0!important;
    text-align: left
}

.Template_030 ol {
    margin: 0 0 1rem 0;
    padding-left: 30px
}

.Template_030 ol li {
    color: #333;
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
    list-style: decimal-leading-zero
}

.Template_031 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_031 h3 {
    color: #333;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    margin: 1rem 0;
    text-align: left
}

.Template_031 p {
    color: #333;
    margin: 1rem 0;
    font-size: 18px;
    text-align: justify
}

.Template_032 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_032 .preface p {
    color: #333;
    margin: 1rem 0;
    font-size: 18px;
    text-align: justify
}

.Template_032 .item p {
    color: #666;
    margin: 1rem 0;
    font-size: 18px;
    text-align: center
}

.Template_032 .item img {
    width: 100%
}

.Template_032 .notes p {
    color: #df2225;
    margin: 1.5rem 0 0;
    font-size: 16px;
    text-align: justify
}

.Template_033 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto;
    position: relative;
    text-align: center;
    font-size: clamp(12px,1.3vw,36px);
    font-weight: bold;
    letter-spacing: .3em;
    color: #2d647d;
    padding-top: 0;
    padding-bottom: 0
}

.Template_033 {
    padding-top: 15%
}

.Template_033:last-child {
    padding-bottom: 5%
}

.Template_033::before {
    content: "";
    position: absolute;
    margin: 0 auto;
    background-image: url(https://fakeimg.fillo.com.tw/img/1200x800.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 160px;
    max-width: 20%;
    top: 0;
    left: 0;
    right: 0
}

@media only screen and (max-width: 991.98px) {
    .Template_033 {
        padding-top:20%
    }

    .Template_033::before {
        max-width: 30%
    }

    .Template_033:last-child {
        padding-bottom: 5%
    }
}

@media only screen and (max-width: 575.98px) {
    .Template_033 {
        font-size:clamp(15px,1.3vw,36px);
        letter-spacing: .1em
    }

    .Template_033 {
        padding-top: 25%
    }

    .Template_033::before {
        max-width: 35%
    }

    .Template_033:last-child {
        padding-bottom: 8%
    }
}

@media only screen and (max-width: 420px) {
    .Template_033 {
        padding-top:32%
    }

    .Template_033::before {
        max-width: 50%
    }
}

.Template_034 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_035 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_035 iframe {
    aspect-ratio: 4/3
}

.Template_035 p {
    color: #333;
    margin: 1rem 0;
    font-size: 18px;
    text-align: justify
}

.Template_036 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_036 iframe {
    aspect-ratio: 4/3
}

.Template_036 p {
    color: #333;
    margin: 1rem 0;
    font-size: 18px;
    text-align: justify
}

.Template_037 {
    width: 100%;
    max-width: 1170px;
    display: block;
    margin: 50px auto
}

.Template_037 iframe {
    aspect-ratio: 16/9
}

.Template_037 p {
    color: #333;
    margin: 1rem 0;
    font-size: 18px;
    text-align: justify
}