@charset "utf-8";
/****************Common*********************/
*	{border:0; font-family:Arial, Helvetica, sans-serif; margin:0; outline:0;}
h2		{padding:5px 0 5px; line-height:1.5em; font-size:1.5em; font-family:Arial, '微軟正黑體', '黑体';}
h3		{padding:0px; color:#1C75BC; font-size:1.2em;  line-height:1.4em;}
p		{padding:5px 0 15px;}
a		{text-decoration:none;}

.about .content a	{color:#db5a1e;}
.about .content h3	{color:#db5a1e;}
.advice .content a	{color:#7E8413;}
.uk .content a	{color:#FFC20F;}
.distance .main a	{color:#0EA8E2;}
.contact .main a {color:#AB5AA2;}
.news #news-content a, .news .back a	{color:#39F;}
#news-list a		{color:#111; display:block; height:1.5em; overflow:hidden;}
#news-list a:hover		{color:#23A6DC;}

.justify	{text-align:justify;}
.remark	{color:#B0B0B0; font-style:italic; font-size:0.95em;}

.tag	{background-image:url(../img/tag.png); background-repeat:no-repeat; padding:10px 0 0 30px;}
.index .tag, .uk .tag, .news .tag		{background-position:0px 0px;}
.about .tag	{background-position:-1880px 0px;}
.advice .tag	{background-position:-2820px 0px;}
.distance .tag	{background-position:-940px 0px;}
.contact .tag	{background-position:-3760px 0px;}

.hr_line			{margin:15px 0; background:url(../img/line.png) left top repeat-x; height:10px;}
.vt_line			{float:left; margin:0px 10px; background:url(../img/line.png) left top repeat-y; width:10px; min-height:260px;}

.list1	{margin-left:0px; padding-left:30px; list-style:url(../img/distance-list1.png);}
.list1 li	{padding-bottom:10px;}
.distance .list1	{list-style:url(../img/distance-list1.png);}

.list2	{margin:0; padding:0 0 10px 30px; font-size:1.25em; line-height:1.6em;}
.list2 li	{}

.float45	{float:left; width:45%;}


/****************Common Layout*********************/
body	{background:#E6E6E6 url(../img/bg-inside.jpg) top repeat-x; width:940px; margin:0px auto; font-size:12px; color:#111;}

.header			{height:65px; padding-top:10px; margin-left:10px;}
.header .logo	{position:absolute; width:60px; height:60px;}

.top-photo img	{width:940px; height:300px;}

.main	{background: url(../img/main-bg.png) top center repeat-y; padding:0 30px; line-height:1.5em; min-height:400px;}

.footer					{background:url(../img/main-btm.png) top center no-repeat #E6E6E6; text-align:center; padding:25px 0 30px; color:#A7A9AC; padding-bottom: 100px;}
.footer .link a			{font:1em; color: #A7A9AC; text-decoration:none;}
.footer .link a:hover	{font:1em; color: #666; text-decoration:none;}
.footer .disclaimer		{font-size: 0.9em;}

.footer .facebook	{float:left; margin-top: 20px; display:block; margin-left:20px; background:url(../img/facebook.png) no-repeat 0 -60px; height:13px; width:61px; text-indent:-5000px;}
.footer .links		{float:left; width: 705px; margin-top: 10px;}
.footer .btn		{float:right;}
.footer .edu_btn	{float:left; display:block; margin-right:10px; background:url(../imgs/footer_edu_btn.png) no-repeat; width:40px; height:40px; text-indent:-4999px;}
.footer .train_btn	{float:left; display:block; margin-right:10px; background:url(../imgs/footer_train_btn.png) no-repeat; width:40px; height:40px; text-indent:-4998px;}
.footer .corp_btn	{float:left; display:block; margin-right:10px; background:url(../imgs/footer_corp_btn.png) no-repeat; width:40px; height:40px; text-indent:-4997px;}



/*****************inner pages***********************/
.side-menu	{float:left; width:140px; margin:0 15px 0 0; list-style:none; padding:10px 0 0 0; text-transform:uppercase;}
.side-menu li	{padding:5px 0; border-top:1px dotted #333;}
.side-menu li:first-child	{border-top:none;}
.side-menu .on a, .side-menu .on a:hover	{font-weight:bold; color:#FFF;}
.side-menu a	{color:#333; display:block; padding:5px;}
.side-menu a:hover	{color:#888;}

.side-menu li.sidebanner a	{padding-left:0; padding-right:0; margin-left:-10px;}

.about	.side-menu .on a {background:#F26649;}
.advice	.side-menu .on a {background:#D7DF23; color:#000;}
.uk		.side-menu .on a {background:#FFC20F;}
.news		.side-menu .on a {background:#FFC20F;}

.content		{float:right; width:720px; padding-bottom:20px;}


.advice-steps	{list-style:none; margin:0 25px 0 15px; padding:0 0 0 100px; background:url(../img/advice-step.png) no-repeat;}
.advice-steps li	{height:115px; padding-top:15px;}

.advice-apply	{}
.advice-apply td	{background:url(../img/advice-apply.png) no-repeat center center; width:150px; height:140px; padding:7px 10px; text-align:center;
	font-weight:bold; color:#000; font-size:1em; line-height: 15px;}
/*background:#D7DF23; border-radius:10px;*/

.advice-fee-table	{width:100%; border-collapse:collapse;}
.advice-fee-table th, .advice-fee-table td	{padding:7px 15px; color:#362314; text-align:left; font-weight:normal; vertical-align:text-top;}
.advice-fee-table th	{background:#D6DF22;}
.advice-fee-table td {background:#F5F198;}
.advice-fee-table .border-r	{border-right:1px solid #CED314;}
.advice-fee-table .border-b	{border-bottom:1px solid #CED314;}
.advice-fee-table .title	{background:#666; color:#FFF;}


.advice-chinese-table	{width:100%;}
.advice-chinese-table th, .advice-chinese-table td	{padding:7px 15px; color:#362314; text-align:left;  vertical-align:text-top;}
.advice-chinese-table th	{background:#D6DF22;}
.advice-chinese-table tr.row1 td 	{background:#E6E7E9;}
.advice-chinese-table tr.row2 td 	{background:#F2F2F2;}


.uk .box	{background:#FFC10D;}
.uk .box .lt, .uk .box .rt, .uk .box .lb, .uk .box .rb	{background:url(../img/uk-box.png) no-repeat; height:15px; font-size:1px; line-height:0px;}
.uk .box .lt	{background-position:left top; width:20px;}
.uk .box .rt	{background-position:right top;}
.uk .box .lb	{background-position:left bottom; width:20px;}
.uk .box .rb	{background-position:right bottom;}
.uk .box h4	{color:#FFC10D; font-size:1.2em; font-weight:bold; line-height:22px; margin:5px 0 0;}
.uk .box h4 span	{display:inline-block; padding:0 15px 0 10px; background:url(../img/uk-box-h4.png) no-repeat right;}
.uk .box p	{padding:5px 25px 15px; text-align:justify; color:#754C29;}

.uk-list-table	{font-size:0.9em; line-height:1.3em;}
.uk-list-table th, .uk-list-table td	{border-right:1px solid #fff; }
.uk-list-table thead	{background:#FFC10D;}
.uk-list-table th	{text-align:left; padding:3px 5px;}
.uk-list-table td	{text-align:center; padding:3px 3px;}
.uk-list-table thead	th	{width:22%;}
.uk-list-table tbody th	{font-weight:normal;}
.uk-list-table tr.row1 td, .uk-list-table tr.row1 th 	{background:#E6E7E9;}
.uk-list-table tr.row2 td, .uk-list-table tr.row2 th 	{background:#F2F2F2;}
.uk-list-table tr.row3 td	{background:#A7A9AC; color:#FFF; text-align:right;}
.uk-list-table .align-left td	{text-align:left;}
.uk-list-table a.blk	{ color:#000; text-decoration: none;}
.uk-list-table a.blk:hover	{ color:#FC0; text-decoration: none;}

.uk-fee-table	{margin:10px 20px; color:#754C29;}
.uk-fee-table th, .uk-fee-table td	{padding:4px 20px;}
.uk-fee-table tr.row1 td, .uk-fee-table tr.row1 th 	{background:#E6E7E9;}
.uk-fee-table tr.row2 td, .uk-fee-table tr.row2 th 	{background:#F2F2F2;}


.contact-table	{}
.contact-table th, .contact-table td	{padding:2px 5px; vertical-align:text-top;}
.contact-table th	{text-align:right; font-weight:normal; min-width:80px;}



/*****************index***********************/
body.index	{background-image:url(../img/bg-index.jpg);}

.index .ddsmoothmenu		{width:780px; padding-top:0; margin-left:0;}

.index .header				{height:50px; padding-top:25px; margin-left:10px;}
.index .header .edu_btn		{display:block; float:right; margin-right:5px; background:url(../imgs/header_edu_btn.jpg) no-repeat; width:40px; height:40px; text-indent:-4999px;}
.index .header .train_btn	{display:block; float:right; margin-right:10px; background:url(../imgs/header_train_btn.jpg) no-repeat; width:40px; height:40px; text-indent:-4998px;}
.index .header .corp_btn	{display:block; float:right; margin-right:10px; background:url(../imgs/header_corp_btn.jpg) no-repeat; width:40px; height:40px; text-indent:-4997px;}
.index .header .facebook	{display:block; float:right; margin-right:10px; background:url(../imgs/facebook.jpg) no-repeat; width:40px; height:40px; text-indent:-5000px;}

.index .top-photo img	{width:940px; height:510px;}

.index .content		{float:left; width:545px; margin-right:0px;}
.index .success-story		{float:left; width:240px;}
.index .content .vt_line	{height:320px; margin-bottom:20px;}
.index .news		{float:left; width:215px; padding-bottom:20px;}
.index .news a		{color:#111; display:block; height:3em;}
.index .news a:hover		{color:#23A6DC;}
.index .news p	{max-height:55px; padding:0; margin:5px 0 15px; overflow:hidden;}

#cal		{float:right; width:320px; margin:-25px 0 0 0px; display:block; color:#FFF;}
#cal .top	{background:url(../img/calendar.png) no-repeat left top; height:265px; width:280px; padding:10px 20px; position:absolute; z-index:10;}
#cal .middle	{background:url(../img/calendar.png) repeat-y -320px top; margin-top:285px;}
#cal .middle table	{display:none;}
#cal .bottom	{background:url(../img/calendar.png) no-repeat right top; height:65px;}

#cal h6	{font-size:1.5em; line-height:1.4em; text-transform:uppercase;  margin:0 15px 13px; border-bottom:1px solid #7CB6DC; font-family:Arial, '微軟正黑體', '黑体'}
#calBack, #cal #calNext	{display:inline-block; width:10px; cursor:pointer; background-image:url(../img/calendar-arrow.png); background-repeat:no-repeat;}
#calBack	{background-position:0 -40px;}
#calNext	{background-position:0 -60px;}
#cal .month	{display:inline-block; width:250px; text-align:center; font-family:'Century Gothic'; font-size:1.3em;}

#cal #no	{font-family:'Century Gothic'; font-size:1.1em; padding:0px 0 0; text-align:left;}
#cal #no span	{ display:inline-block; width:26px; line-height:25px; margin:1px 6px 1px; text-align:center; border:1px solid transparent;}
#cal #no span.on	{border:1px solid #FFF;}

#cal #no .e	{background-image:url(../img/calendar-arrow.png); background-position:right top; background-repeat:no-repeat; cursor:pointer;}
#cal #no .style1	{background-color:#F99AC2; }
#cal #no .style2	{background-color:#D7E224; }
#cal #no .style3	{background-color:#FDC20E; }
#cal #no .style4	{background-color:#98DFFA; }
#cal #no .style5	{background-color:#D8C4E6; }

#cal .middle table	{width:100%;}
#cal .middle table th, #cal .middle table td	{padding:2px 5px 0 0;}
#cal .middle table th	{color:#70EDFF; font-size:0.9em; text-align:right; width:33%; font-weight:normal; vertical-align:text-top;}
#cal .middle .style1	{color:#F99AC2; font-size:1.3em; font-weight:bold;}
#cal .middle .style2	{color:#D7E224; font-size:1.3em; font-weight:bold;}
#cal .middle .style3	{color:#FDC20E; font-size:1.3em; font-weight:bold;}
#cal .middle .style4	{color:#98DFFA; font-size:1.3em; font-weight:bold;}
#cal .middle .style5	{color:#D8C4E6; font-size:1.3em; font-weight:bold;}


.index .clients	{padding:20px 0px; text-align:center; background:url(../img/line.png) left top repeat-x; position:relative;}
.index .clients .wrap	{overflow:hidden; position:relative; min-height:60px;}
.index .clients .arrow	{position:absolute; display:block; width:20px; background:url(../img/clients-arrow.png) no-repeat; height:60px; cursor:pointer; z-index:10; top:20px;}
.index .clients .arrow.arrowLeft	{left:0; background-position:left center;}
.index .clients .arrow.arrowRight	{right:0; background-position:right center;}
.index .clients .inner {min-height:60px; list-style:none; margin:0; padding:0; position:absolute;}
.index .clients .inner li	{float:left;}
.index .clients .inner a	{padding:0 5px; display:inline-block;}
.index .clients .inner img	{}




/*****************Menu***********************/
.tc .ddsmoothmenu	{}
.ddsmoothmenu		{ padding-top:15px; font-weight:bold; font-size:0.95em; float: right; margin-right: 10px; position: relative;}
.ddsmoothmenu ul	{ z-index:100; margin: 0; padding: 0; list-style-type: none;}

.ddsmoothmenu ul li		{ position: relative; display: inline; float: left;}

/*Top level menu link items style*/
.ddsmoothmenu ul li a			{ display: block; background: #FFF; padding: 8px 10px; background:url(../img/menu_line.jpg) top right no-repeat; text-decoration: none; }

/*IE6 hack to get sub menu links to behave correctly*/
* html .ddsmoothmenu ul li a	{ display: inline-block;}

.ddsmoothmenu ul li a:link		{ color: #231F20;}
.ddsmoothmenu ul li a:visited	{ color: #231F20;}
.ddsmoothmenu ul li a.selected	{ background: #0079C1; color: #FFC20E;}
.ddsmoothmenu ul li a:hover		{ background: #0079C1; color: #FFC20E;}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul			{ position: absolute; left: 0; display: none; visibility: hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li		{ display: list-item; float: none;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a		{ font-size: 1em; width: 200px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px dotted #CCC; background: #26B7F5;}

.ddsmoothmenu ul li ul li a:link		{ color:#FFF;}
.ddsmoothmenu ul li ul li a:visited		{ color:#FFF;}
.ddsmoothmenu ul li ul li a.selected	{ background: #0079C1; color: #FFC20E;}
.ddsmoothmenu ul li ul li a:hover		{ background: #0079C1; color: #FFC20E;}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{ position: absolute; top: 9px; right: 7px;}

/* ######### CSS for shadow added to sub menus  ######### */
/*shadow for NON CSS3 capable browsers*/
.ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0;}

/*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
.toplevelshadow{ opacity: 0.8;}




/*****************clearfix***********************/
.clear	{clear:both;}
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}


/*****************for print***********************/
@media print{
  .facebook
  {text-indent:0;}
}