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

/*--------------------------------------reset 此區塊請勿更動*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, /*p, */blockquote, pre,
/*a, */abbr, acronym, address, big, cite, code,
del, dfn, em, /*img,*/ ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin:0; padding:0; border:0;
font-size:100%; font:inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content:none;}
table { border-collapse:collapse; border-spacing:0;}
/*---------------------------------------------------------------------*/
a {color: #fff; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; 
/* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover {text-decoration:none;}
a:focus{ -moz-outline-style: none;}
 *:focus{outline:none;}

body { background:#374b86 url(../images/ctbc_vietnam_bg.jpg) center top no-repeat;}	

img {margin:0; padding:0; border:none;}
#head {width:960px; height:350px; margin:0 auto; padding:0;}
#head h1 { height:70px;background:url(../images/ctbc_vietnam_h1.jpg) no-repeat}
#head h2 { height:280px;background:url(../images/ctbc_vietnam_h2.jpg) no-repeat;}

#head h1, #head h2, #head h3 {width:960px; margin:0; padding:0; text-indent:-9999px; left:0;}
#content {width:960px; margin:0 auto; padding:0; background:url(../images/0_cbg.gif) repeat-y;  text-align:left;}
#content .side img { margin-top:10px}
#content .side {float:left; width:250px; _width:245px; text-align:center;}


/* -----------------------------style1---------------------------- */
.style1 {height:211px; background:url(../images/ctbc_vietnam_c1.jpg)}
.style1 ol{padding:0 0 0 110px;}
.style1 strong{margin:95px 30px 0px 100px; line-height:20px; font-size:15px; color:#010101;}
.style1 li{font-size:13px; line-height:25px;}
.style1 li p {width:600px; margin:8px 0px 0 -10px;font-size:20px; color:#572b02; font-weight:bold;}
.style1 li p a{display:block; color:#572b02;}
.style1 li p a:hover{color:#7d0496;}
.style1 li p a:link{text-decoration:none;}
.style1 li .m1 {color:#fc041b; font-size:22px;}
.style1 li .m2 {font-size:15px;}
.style1 strong, .style1 li p {display:block; font-family:Arial,"微軟正黑體";}

/* -----------------------------style2---------------------------- */
.style2 {height:155px; background:url(../images/ctbc_vietnam_c2.jpg)}
.style2 ol{padding:70px 0 0 90px;}
.style2 li p {
 display:block; width:270px; margin-bottom:5px; 
 font-family:Arial,"微軟正黑體"; font-size:15px; color:#6d4c03; line-height:20px; text-indent:-13px;
 }

/* -----------------------------style3---------------------------- */
.style3  {height:277px; background:url(../images/ctbc_vietnam_c3.jpg)}
.style3 ol{margin:0 20px 20px 25px; padding:0px 50px 20px 50px;}
.style3 li p {margin:5px 0 0 0; text-indent:-13px;}
.style3 li box1 {width:250px; margin:40px 0 0 15px; padding:0 0 0 0; float: left; color:#6d4c03;}
.style3 li .m1 {color:#F8070B; margin:0 0px 0 -25px; }
.style3 li .m2 {color:#75078c;}
.style3 li .m3 {color:#2d2d2e;}

.style3 li box1, .style3 li .m1{font-family:Arial,"微軟正黑體"; font-size:15px;}
.style3 li p, .style3 li box1, .style3 li box2, .style3 li .m1{display:block;}
.style3 li .m2, .style3 li .m3{font-size:12px; font-family:Arial,新細明體;}

/* -----------------------------style4---------------------------- */
.style4 {height:254px;background:url(../images/ctbc_vietnam_c4_1.jpg)}


/* -----------------------------style5---------------------------- */
.style5 {height:392px; background:url(../images/ctbc_vietnam_c5.jpg)}
.style5 ol{padding:65px 0px 0 50px;}
.style5 li p {
 display:block ; width:400px;
 font-family:Arial,"微軟正黑體"; font-size:15px; color:#010101; line-height:25px;}


/* -----------------------------note---------------------------- */
.note {
 margin:10px 20px; padding:10px 20px; background-color:#EBEBEB;
 font-size:0.8em;  line-height:1.6em; color:#666666;}
.note li, .note ol , .note strong{font-family:Arial,新細明體 !important;}
.note ol {margin:5px 0 10px 30px; padding:0; list-style:decimal;}
.note strong {font-weight:bold;}
.note li strong {color:#199700;}
.note li {margin:3px 0; padding:0;}
.note p {display:block; text-indent:-25px; padding:0px 0px 0px 25px; margin:0px;}
.note a:link, .note a:visited { color:#bc630a;}
.note a:hover, .note a:active { text-decoration:none}
.warning {
 width:710px; height:85px; margin:0; padding:0; overflow:hidden; 
 text-indent:-2000px; background:url(../images/warn.gif) no-repeat;}
.warning a {display:block ;width:100% ;height:100% ;}

/* ---------------------- Back to top button --------------------- */
#back-top {
		width: 25px;
		height: 25px;
		display: none;
		position: fixed;
		bottom: 50px;
		left: 50%;
		margin-left: 495px;
		padding: 8px;
		font-size:12px;
		line-height: 13px;
		text-align: center;
		color:#00a3e0;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;    
		background:white;
		cursor: pointer;
		box-shadow:0 0 10px #ccc;
		-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
		box-sizing:content-box;	
	}


/* -----------------------------最小寬度850px---------------------------- */

@media only screen and (min-width:850px) {
#content .main {
 width:710px; margin:0 0 0 250px; _margin:0 0 0 246px;
 padding:0;   background:#FFFFFF; position:relative;}
#content .box ol{list-style:none;}
.share_main{display:none;}
.style5 strong{display:none;}
.style2 strong, .style3 strong, .style4 strong, .style5 strong{display:none;}
}


/* --============================== 手機版型 ============================-- */
@media screen and (max-width:849px) {
*{box-sizing:border-box; }	
html,body{-webkit-text-size-adjust:none;}
#content {min-width:320px; margin: 0 auto;}
#head{
 background-image:url(../images/ctbc_vietnam_960.jpg);
 height:auto; margin:0 auto; border:none;
 width:100%;  padding-bottom:55%; background-size:cover; 
 background-position:center center; text-indent:-9999px;}
h1, h2, h3 {display:none;}
#content .side{display:none;}
#content {width:100%; height:100%; margin:0 auto;}
#content {background:#c4e4fc;}	

/* --============================== .style1 ============================-- */
.style1 {height:100%;  background:#c4e4fc;}	
.style1 strong{margin:5px 30px 0 30px;}	
.style1 ol{padding:10px 20px 10px 10px;}
.style1 li p {width:100%; display:block; font-size:18px; color:#fc041b; margin:0px 0px 10px 20px; padding:0 30px 0 0; }
.style1 li p a{color:#fc0522;  display: block; padding: 15px 15px 20px 15px; overflow: hidden;}
.style1 li p a:hover { background-color:#fde3d1; color:#ff663f;}
.style1 li .m1{display:block;
 width:100%; border-radius:5px; margin:8px 0  0 0px; padding-top:2px; 
 font-size:20px; line-height:35px; background-color:#ff663f; border:1px solid #ff663f; 
 text-decoration:none; text-align:center;}					   					   
.style1 li .m2 {font-size:15px;}
/* 共用樣式.style1 */
.style1 strong, .style1 li .m1, .style1 li .m2 {color:#ffffff;}	

/* --============================== 手機.style2 ============================-- */
.style2 {height:100%;  background:#c4e4fc;}	
.style2 strong{margin:-2px 30px 0 30px;}	
.style2 ol{padding:10px 20px 10px 20px;}
.style2 li p {
 width:100%; margin-top:2px; padding-left:20px; 
 text-indent:-13px; font-family:Arial,新細明體; line-height:20px; font-size:13px; color:#161616;}
	
/* --============================== 手機.style3 ============================-- */
.style3{height:100%; background:#c4e4fc;}
.style3 strong{margin:-5px 30px 0 30px;}
.style3 ol{padding:10px 20px 10px 25px;}	
.style3 li p {
 margin:5px 0 0 22px; font-family:Arial,新細明體; font-size:13px; 
 color:#161616; text-indent:-13px; line-height:18px;}
.style3 li box1 {width:100%; margin:0 0; padding:0px 0px; float:none;}	
.style3 li box2 {width:100%; margin:0 0; padding:0px 0px; float:none;}
.style3 li .m1 {font-family:Arial,"微軟正黑體"; font-size:15px; margin:8px 0 -5px 0; color:#F8070B;}
.style3 li .m2 {color:#75078c;}	
	
	
/* --============================== 手機.style4 ============================-- */
.style4{display:none;}


/* --============================== 手機.style5 ============================-- */
.style5 {height:100%;  background:#c4e4fc;}	
.style5 strong{margin:-2px 30px 0 30px;}	
.style5 ol{padding:10px 10px 10px 10px;}
.style5 li p {
 width:100%; margin-top:2px; padding:0 20px 0 20px; 
 font-family:Arial,新細明體; line-height:20px; font-size:13px; color:#161616; text-indent:1px;}


/*.style1~.style5共用樣式*/	
.style1 strong, .style2 strong, .style3 strong, .style4 strong,.style5 strong{
 display:block;  padding:10px 20px 10px 30px;  background-color:#124c88; 
 font-family:Arial,"微軟正黑體"; font-size:16px; color:#ffffff;  line-height:20px;}
.style1 ol, .style2 ol, .style3 ol, .style4 ol, .style5 ol
{margin:0 30px 20px 30px; background-color:#ffffff;}
	
		
/*注意事項*/
.note {width:100%; margin:0 auto; padding:15px 20px;}
.warning {display:none;}

		
/*內文圖片伸縮*/
.location{
height:auto; margin:0 auto; border:none; width:100%; padding-bottom:80%; background-size:cover; background-position:center center;}		
.share_main{width:100%; margin:10px 0 0 0;}
	
}